アクセシビリティ
Adobe
サインイン 注文状況 マイアカウント

Illustrator、Photoshop のマニュアル本が大集結 -
翔泳社 FASHION ILLUSTRATION WORKS Photoshop&llustrator

Adobe Design Magazine 「Illustrator、Photoshopのマニュアル本が大集結」では、書籍のご紹介と共に、エキスパートの声をご紹介しています。
HOME 活用講座 入門ガイド TIPSコレクション ユーザ事例 活用書籍

Illustratorによる王道テイストのイラストレーション


Illustrator による王道テイストのイラストレーションです。女性の身の回りにある小物をモチーフにします。ブラシ機能やパスファインダなど、Illustrator の基本テクニックを利用して描画するので、ここで覚えておきましょう。べた塗りのイラストレーションは見た目が単調になりがちです。モチーフのシルエットや描画テクニックで華やかに仕上げましょう。

サンプルダウンロード 操作動画のダウンロード Photoshop体験版ダウンロード Illustrator体験版ダウンロード

【サンプルデーターについて】本データーのご利用は非営利目的の個人使用に限らせていただきます。 著作権は各著者に帰属し、第三者に販売、配布、貸与、譲渡することはできません


イラストレーション サンプル


FASHION ILLUSTRATION WORKS Photoshop & Illustrators

FASHION ILLUSTRATION WORKS
Photoshop & Illustrator

平澤伸洋 著
株式会社翔泳社 発行(2011年7月)
定価:2,625円 ISBN 978-4-7981-2380-6

ご購入はこちら


 

STEP1 ●で手鏡を描く

テキストを書くための[文字]ツールですが、イラストを描くのにも実は便利です。まずは手鏡の模様を文字を使って描いてみましょう。

まずは[楕円]ツールで手鏡の土台を描き、その下に違う形の楕円を並べて持ち手を描きます。次に一番大きい楕円をコピーします

、角のないジグザグへ変形させます

まずは[楕円]ツールで手鏡の土台を描き、その下に違う形の楕円を並べて持ち手を描きます。次に一番大きい楕円をコピーします(1)。コピーした楕円を前面へ2回ペーストし、サイズ違いに縮小させておきます。一番大きい楕円に[フィルタ(CS4以降では効果)]メニューから[パスの変形]→[ジグザグ]→[ポイント:滑らかに]を適用し、角のないジグザグへ変形させます(2)(3)。

土台ができたので、[パス上文字]ツールで中央から2番目の楕円をクリックして、パス上に文字を入力しましょう。文字は「●(まるを変換)」を入力し、コピー&ペーストを繰り返して楕円を一周させます(4)(5)(6)。


 

STEP2 ●の間隔を調整する

ブラシを使っても同じように丸を均等に配置することはできますが、丸と丸の間をもう少し狭くしたい、広くしたいというときに、ブラシで描いてしまうと丸同士の間隔を調整することができません。

ブラシを使っても同じように丸を均等に配置することはできますが、丸と丸の間をもう少し狭くしたい、広くしたいというときに、ブラシで描いてしまうと丸同士の間隔を調整することができません。

その点[文字]ツールを使うと、フォントサイズやトラッキング(文字間)調整で微妙な位置やサイズの調整が可能になります(7)(8)(9)。


最後に一周させた丸を[書式]メニューから[アウトラインを作成](#+s+O)を適用し、残しておいた楕円と一緒に着色すると手鏡の完成です(10)。

最後に一周させた丸を[書式]メニューから[アウトラインを作成](#+s+O)を適用し、残しておいた楕円と一緒に着色すると手鏡の完成です(10)。

この方法でフォントサイズやトラッキングを工夫すれば、パールのネックレス(11)、違う文字を入力すれば、傘のレース模様やドライヤーの空気穴のような全く違う形もつくれます(12)。

この方法でフォントサイズやトラッキングを工夫すれば、パールのネックレス(11)、違う文字を入力すれば、傘のレース模様やドライヤーの空気穴のような全く違う形もつくれます(12)。「★」や「♥」といった異なる文字や書体で試してみると楽しいです。


 

STEP3 写真資料からシルエットをおこす

ここではハイヒールのイラストを描いてみましょう。靴のヒールやブーツのシルエットは、左右対称でも幾何学的な形でもありません。そのため前ページまでのようなツールを活用した描画は不向きです。そこで手持ちの靴や写真を参考に、特徴をとらえたシルエットを描いていきます。

今回は下絵用に写真素材を用意しました(13)。アートボードに配置して、いったんオブジェクトをロックします。次に[ペン]ツールを使って大ざっぱに形をトレースします(14)。

今回は下絵用に写真素材を用意しました(13)。アートボードに配置して、いったんオブジェクトをロックします。次に[ペン]ツールを使って大ざっぱに形をトレースします(14)。


トレースが完了したら、全体のバランスを調整しましょう。実物より若干くびれを強調してヒールを伸ばすことで女性らしいセクシーさのあるシルエットになります(15)。

トレースが完了したら、全体のバランスを調整しましょう。実物より若干くびれを強調してヒールを伸ばすことで女性らしいセクシーさのあるシルエットになります(15)。

写真を下絵に描くと写実的に実物通りのシルエットを描くことができます。しかし、実物通りのシルエットではイラストレーションとしての美しさを表現しづらく、周りのモチーフとのギャップが出てしまいます。モチーフの特徴を誇張したシルエットづくりを心がけましょう。

シルエットが完成したら、下絵はロックを解除して、削除してしまって構いません。


 

STEP4 文字で装飾模様をつける

今回はヒールと靴底の間にラインを入れたかったので、[ダイレクト選択]ツールで靴底部分だけを選択し、コピーしたあと、前面へペースト(#+F)して、ブルーの線幅をつけました。

今回はヒールと靴底の間にラインを入れたかったので、[ダイレクト選択]ツールで靴底部分だけを選択し、コピーしたあと、前面へペースト(#+F)して、ブルーの線幅をつけました。

靴のふちにもドットの模様を入れます。入れ方は、先ほどの手鏡と同様で、靴の上部に沿ったパスを描きます(16)。

[パス上文字]ツールでパスに文字(●)を入力します。間隔やサイズを調整したら文字のアウトラインを作成し、靴の完成です(17)。

[パス上文字]ツールでパスに文字(●)を入力します。間隔やサイズを調整したら文字のアウトラインを作成し、靴の完成です(17)。


 

書籍情報 Photoshop逆引きクイックリファレンス for Windows

Photoshop逆引きクイックリファレンス

編集者 古賀あかね

編集者のオススメポイント
「PhotoshopとIllsutratorでかっこいいイラスト描きたい!」に答える解説書です。イラストのテーマは「ファッション」。ハイセンスなイラスト作例を18点掲載し、描き方をとことんわかりやすく解説しています。眺めて楽しい、描いて学べる1冊です!書店で見かけたら、ぜひ手に取ってみてください。


目次を見る(PDF)ご購入はこちら

書籍中面スクリーンショット


著者プロフィール

平澤伸洋

平澤伸洋 Nobuhiro Hirasawa
東京都出身。桑沢デザイン研究所卒業。アパレル業界にてさまざまなデザイン、ブランディング、アートディレクションに携わりながら、グラフィックアーティストとして数多くの作品を発表。2010年、ファッションブランド「SCENTS OF URBN COLOR」を設立。
http://scentsofurbncolor.com/
http://www.effects.cc/

関連書籍

Collage Design Works Photoshop&Illustrator

Collage Design Works Photoshop&Illustrator
scrap-graphic 著
株式会社翔泳社 発行(2011年5月)
定価:2,625円 ISBN 978-4-7981-2159-8

>>詳細はこちら

Photoshop CS5 逆引きデザイン事典PLUS

Photoshop CS5 逆引きデザイン事典PLUS
上原ゼンジ、加藤才智、高橋としゆき、吉田浩章 著
株式会社翔泳社 発行(2010年9月)
定価:2,520円 ISBN 978-4-7981-2198-7

>>詳細はこちら

Illustrator CS5 逆引きデザイン事典PLUS

Illustrator CS5 逆引きデザイン事典PLUS
生田信一、柘植ヒロポン、ヤマダジュンヤ、順井守 著
株式会社翔泳社 発行(2010年9月)
定価:2,520円 ISBN 978-4-7981-2197-0

>>詳細はこちら