サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
中東情勢
www.m-field.biz
こんにちは、デザイナーのTantanです。 IllustraotrやPhotoshopのペンツールできれいな曲線を描く方法がわからない、ベジェ曲線って全然コントロールできなくてわからん!という方のために基本のキホンを「 例え 」で解説したいと思います。 ベジェ曲線の操作感は独特ですので、具体的な操作を学ぶ前に イメージを掴む と習得が早いと思います。 下敷きを思い浮かべてください 小学生の頃使ったような プラスチックの下敷き ありますよね。ノートに挟んで使うペラペラのやつ。 みなさん一度は曲げたりひねったり、静電気で髪を逆立てて遊んだりしたことがあるのではないでしょうか。 あれを 両手に持ってクネクネ曲げる感触を思い出してください。 手首で向きをコントロール イラレのベジェ曲線は、下敷きの両端を持ってカーブを作るような感覚です。 手首を曲げて、指先の向かう方向を変えることで、下敷きの曲がり
中級 いろいろな吹き出し 超初級 ・ 初級 のオーソドックスな吹き出しに続き、今度はさまざまなバリエーションの作成方法をご紹介します。 中級レベル1:トゲトゲ吹き出し バン!と効果音がつきそうな爆発感のある吹き出しです。トゲトゲと言うか、ギザギザと言うか、イガイガと言うか、、、 効果「ジグザグ」+「魚眼レンズ」で作る方法と、ペンツールで手書きする方法を紹介します。 1:効果「ジグザグ」+「魚眼レンズ」で作る方法 まず、楕円を描きます。 効果 → パスの変形 : ジグザグ を適用します。大きさと折り返しの数値は、プレビューをオンにしてスライダーで調整してみてください。 このままだと、ちょっと間抜けな印象。 トゲがもっと中心を向いていたほうがよさそうです。 そこで、 効果 → ワープ : 魚眼レンズ をかけます。 漫画の吹き出しとしては、やはりもう少しランダム感が欲しいです。 楽にできる方法が
こんにちは、デザイナーのTantanです。 クリスマスも近いということで、リボンの描き方を解説します。 リボンはカードやラベルデザインなど、何かと装飾に便利なパーツです。簡単に作れますのでぜひお試しください。 前半はラベル風リボン、後半は↓のような蝶結びリボンの解説です。 使用バージョンはAdobe Illustrator CC 2017ですが、下位バージョンでもおそらく大丈夫です。(ワープはIllustrator10くらいからあるようです) リボンパーツの作り方 1.長方形を描く まずはリボン本体になる長方形を描きます。 その斜め下に、同じ 長方形をコピー して、長さを短くしておきます。 ↓短い長方形と長い長方形 2.山形カットを作る ペンツールで 左辺の上下中央にアンカーポイント を打ちます。 スマートガイドをオンにしていると中央のガイドが「交差」と出るのでわかりやすいです。 目分
こんにちは、エムフィールド広島オフィスのフロントエンドエンジニアのかみーゆです。 ラジオボタンやチェックボックスってブラウザー依存のデフォルトデザインだと少し味気ないですよね? 今回は、CSSでラジオボタンやチェックボックスをオリジナルデザインでカスタマイズする方法について根掘り葉掘り説明します。 ズバリ、labelタグを使う ラジオボタン や チェックボックス などに使用するinputタグはcssで装飾できないという難点があります。 そこでラジオボタンやチェックボックスを装飾するのに役立つのが「 label 」タグです。 「 label 」とは、 チェックボックス 、 ラジオボタン などの 構成部品とその項目名を関連付けるためのタグ です。 関連付けを行えば、ブラウザでlabelタグをクリックしただけでも、その構成部品をクリックしたものと同じ動きをしてくれます。 指定方法その1・
こんにちは、デザイナーのTantanです。 昨日はマツダスタジアムに行ってきました!序盤の大量得点で大勝利でした。後半なんか「点取り過ぎて緊張感がないわー」なんて余裕かましながら、まったり飲み食いしたりして。帰り道では大混雑に巻き込まれて「来年はもっとチケットが取りづらくなるかも」と心配になったりしたのでした。 さて、ブログ記事「 ペンツールでベジェ曲線を描くコツはアンカーポイントの打ち方にあり! 」の続編として、超初心者向けの練習素材を作ってみました。自分で拾ってきたロゴやイラストをトレースするのもいいですが、超初心者のためにさらに易しい素材になっています。序盤はヒントとしてハンドルの向きも長さも表示しています。さらにクリックなのかドラッグなのか、どのショートカットキーを組み合わせるのかを書いています。ぜひダウンロードして練習にお使いください。→ トレース用素材画像zipファイル 素材の
こんにちは、デザイナーのTantanです。 最近、遠近グリッドでイラストを描くのにはまっています。3D風のイラストが簡単に描けて楽しいです。アンカーポイントをぴったりフィットさせながら描くコツも発見したので、紹介したいと思います。 平面図を描く 今回サンプルで作ったのは机のイラスト。机の上にパソコンとペン立てと本が置いてあるイメージです。 デスクのイメージを平面図にしました。物の位置関係を決めておくと後の作業が楽です。(立面図は今回なしですが、あればもっと楽かも。) 遠近グリッドの角度を決める 遠近グリッドの起動 遠近グリッドツールをクリックして、グリッドを表示させます。 左右の角度を調整 ここで丸ポチをドラッグしてグリッドを編集してもいいですが、今回はメニューで調整します。 メニュー→表示→遠近グリッド→グリッドを定義 この表示角度というのが、デフォルトでは45度になっていま
こんにちは、デザイナーのTantanです。 ホームページ制作のために、ロゴやイラストを自分で作れたらいいですよね。でもIllustratorやPhotoshopの初心者の方は「 ベジェ曲線 」でつまづきがちではないでしょうか。 イラレでイラストを描こうとして、いざペンツールを持って”ぐりっ”と描くと。。。 謎のグニャグニャができて 「なんじゃこりゃー!」 「全然思った通りに描けん!何がペンツールじゃ!こんなのペンじゃない!!もうペンタブ買ってきてビットマップで描くわ!」 「イラストレーターっていうくせに全然イラスト描けんじゃんかー!」 と投げ出してしまいたくなります。 でも待って!嫌いにならないで! 商用ロゴや最近流行りのフラットデザインアイコンを描くには、 やっぱりベジェ曲線が最適なんです! フリーハンドで描かれたちょっと歪んだ社名ロゴとか、嫌ですよね! 「ベジェ曲線はひたすらトレースや
このページを最初にブックマークしてみませんか?
『www.m-field.biz』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く