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

Illustrator、Photoshop のマニュアル本が大集結 -
ソシム ガールズイラストレーションレシピ

Adobe Design Magazine 「Illustrator、Photoshopのマニュアル本が大集結」では、書籍のご紹介と共に、エキスパートの声をご紹介しています。
HOME 入門ガイド 活用ガイド 電子書籍 お役立ち情報 ユーザー事例

紙の質感を生かした水彩調イラスト


下描きに使った紙の質感を活かし、水彩調のイラストに仕上げていきます。紙のざらついた質感とブラシのテクスチャを利用して勢いのあるストリートファッションを表現します。

サンプルダウンロード Photoshop体験版ダウンロード Illustrator体験版ダウンロード


完成図


ガールズイラストレーションレシピ~Photoshop+Illustrator+手描きプロのデジタル&アナログテクニックを公開~
ソシム株式会社
発行(2011年7月20日)
定価:2,415円 978-4-88337-770-1

ご購入はこちら


STEP1 下絵の準備

わら半紙に鉛筆で描いた下絵をスキャンします[1-1]。「コピースタンプツール」を使って下絵に残ったアタリの線、消し残し、汚れなどを消して画面を整えます。[1-2]は修正前、[1-3]は修正後の画像です。

わら半紙に鉛筆で描いた下絵をスキャンします[1- 1]。 「コピースタンプツール」を使って下絵に残ったアタリの線、消し残し、汚れなどを消して画面を整えます。[1-2]は修正前、[1-3]は修正後の画像です。

「色調補正レイヤー」の[明るさ・コントラスト]を作成し、[1-4]のように設定し、主線を取り出します[1-5]。

「色調補正レイヤー」の[明るさ・コントラスト]を作成し、[1-4]のように設定し、主線を取り出します[1-5]。


さらに「色調補正レイヤー」の[色相・彩度] を作成し、[1-6]のように設定し、彩度を落としてなじませます[1-7]。

さらに「色調補正レイヤー」の[色相・彩度]を作成し、[1-6]のように設定し、彩度を落としてなじませます[1-7]。


わら半紙のテクスチャを用意し[1-8]、一番上のレイヤーにわら半紙のテクスチャを描画モード[乗算] で追加します[1-9]。これで、下絵の準備ができました[1-10]。

わら半紙のテクスチャを用意し[1-8]、一番上のレイヤーにわら半紙のテクスチャを描画モード[乗算]で追加します[1-9]。これで、下絵の準備ができました[1-10]。

 

STEP2 下塗りと陰影

下絵の上に新規レイヤーを描画モード[乗算]で追加したら、「ブラシツール」で下塗りをしていきます。水彩風の仕上げにするために、ブラシは「ウェットスポンジ」を使います[2-1]。 後で全体を見て色を調整しますので、視認性の高い赤でざっくり塗り、はみ出た部分は細い消しゴムツールで消して整えます[2-2]。次に「イメージ」メニュー→[色調補正]→[色相・彩度...]で肌の色を調整します[2-3]。 同じ要領で各パーツの下塗りをしていきます[2-4]。

下絵の上に新規レイヤーを描画モード[乗算]で追加したら、「ブラシツール」で下塗りをしていきます。水彩風の仕上げにするために、ブラシは「ウェットスポンジ」を使います[2-1]。後で全体を見て色を調整しますので、視認性の高い赤でざっくり塗り、はみ出た部分は細い消しゴムツールで消して整えます[2-2]。次に「イメージ」メニュー→[色調補正]→[色相・彩度...]で肌の色を調整します[2-3]。同じ要領で各パーツの下塗りをしていきます[2-4]。

描画モードを[乗算]にした新規レイヤーを追加し、ブラシツールで陰をつけていきます。 質感が欲しいのでウェットスポンジを使います[2-5]。

描画モードを[乗算]にした新規レイヤーを追加し、ブラシツールで陰をつけていきます。質感が欲しいのでウェットスポンジを使います[2-5]。

POINT:自分のスタイルをどう確立するか

ブラシの端のテクスチャがアナログ水彩風な斑をつくってくれるので、これを活かしながらあまり丁寧に塗らずに勢いと斑を残しざっくりと陰影を描写します。構造と光源を考慮して描きますが、あまりこだわりすぎず荒い感じにまとめます[2-6]。

ブラシの端のテクスチャがアナログ水彩風な斑をつくってくれるので、これを活かしながらあまり丁寧に塗らずに勢いと斑を残しざっくりと陰影を描写します。構造と光源を考慮して描きますが、あまりこだわりすぎず荒い感じにまとめます[2-6]。


 

STEP3 顔の下処理

最終的な雰囲気を確認するために軽くメイクを描き込みます。 細部は詰めの段階で描き込みますので、あまり描き込みすぎないようにさらっと色味を足す程度にとどめます。[3-1]はメイク前、[3-2]はメイク後の画像です。

最終的な雰囲気を確認するために軽くメイクを描き込みます。細部は詰めの段階で描き込みますので、あまり描き込みすぎないようにさらっと色味を足す程度にとどめます。[3-1]はメイク前、[3-2]はメイク後の画像です。


 

STEP4 明るい部分の描写

新規レイヤーを描画モード[通常]で追加し、明るい部分を描写していきます。

新規レイヤーを描画モード[通常]で追加し、明るい部分を描写していきます。

レイヤーの[不透明度]を調節しつつ、[4-1]の「ハード円ブラシ筆圧サイズ」ブラシを使ってざっくりと塗ったら、アナログ塗りのような表現をデジタルで再現するため「消しゴムツール」でテクスチャのあるブラシを使って質感を描写していきます[4-2]。


ブラシツールのみだとどうしても単調になってしまいます。「消しゴムツール」はとても多様な使い方ができます。ブラシの種類、透明度、筆圧などの設定をいろいろ試してみて、自分の気に入った表現を見つけてください[4-3][4-4]。

ブラシツールのみだとどうしても単調になってしまいます。「消しゴムツール」はとても多様な使い方ができます。ブラシの種類、透明度、筆圧などの設定をいろいろ試してみて、自分の気に入った表現を見つけてください[4-3][4-4]。


 

STEP5 陰を締める

陰の部分を締めていきます。新規レイヤーを描画モード[乗算]で追加します。「ブラシツール」を選択し、「ウェットスポンジ」ブラシ[5-1]を使い強い陰を描写して、絵を締めていきます[5-2][5-3] [5-4]。

上記の陰影部分の描き込みを作品全体に行いました[5-5]。

陰の部分を締めていきます。新規レイヤーを描画モード[乗算]で追加します。「ブラシツール」を選択し、「ウェットスポンジ」ブラシ[5-1]を使い強い陰を描写して、絵を締めていきます[5-2][5-3][5-4]。

やりすぎると色が焼けた感じになるのでバランスを見ながら整えます。

上記の陰影部分の描き込みを作品全体に行いました[5-5]。


POINT:複数ウィンドウ表示での描画

作品の描き込みが進んでいくと、全体像を把握しながら細部を描写する必要が出てきます。こういうときは、「ウィンドウ」メニュー→[アレンジ]→[○○の新規ウィンドウ]で複数のウィンドウを開き、ウィンドウごとに倍率を変えて表示して作業をするととても便利です。

左の画像は、同じファイルを2つのウィンドウで開き、それぞれ倍率を変えて表示している例です。


 

STEP6 顔の描き込み

顔は、人物イラストの魅力を左右する重要なパーツです。他とのバランスを見て強めに描いていきます。 描画モード[通常]の新規レイヤーを作成します。[不透明度=100%]のままでは強すぎるので[不透明度=50%]程度に設定。次に、「ブラシツール」でざっくり塗った後に「消しゴムツール」で濃淡を調整して描き込みます[6-1][6-2]。

顔は、人物イラストの魅力を左右する重要なパーツです。他とのバランスを見て強めに描いていきます。描画モード[通常]の新規レイヤーを作成します。[不透明度=100%]のままでは強すぎるので[不透明度=50%]程度に設定。次に、「ブラシツール」でざっくり塗った後に「消しゴムツール」で濃淡を調整して描き込みます[6-1][6-2]。


さらにメイクを施します[6-3][6-4」。私の場合は、ストリート系の強めなメイクにすることが多いのですが、依頼主の意向や作品のコンセプトに応じてメイクを描き分けられると便利です。日頃からファッション誌などを参考に練習するとよいでしょう。

さらにメイクを施します[6-3][6-4」。私の場合は、ストリート系の強めなメイクにすることが多いのですが、依頼主の意向や作品のコンセプトに応じてメイクを描き分けられると便利です。日頃からファッション誌などを参考に練習するとよいでしょう。


 

STEP7 質感を高める

全体の質感を詰めていきます。体の関節などに色味を加えます。新規レイヤーを描画モード[乗算]で追加し、エアブラシツールで赤みを加えます[7-1][7-2]。

全体の質感を詰めていきます。体の関節などに色味を加えます。新規レイヤーを描画モード[乗算]で追加し、エアブラシツールで赤みを加えます[7-1] [7-2]。

細部の質感を描写していきます。細かな質感描写は不透明度を高めにした描画モード[通常]のレイヤーに、小さめの「ハード円ブラシ筆圧サイズ」で描きます。テクスチャがほしい場合は、「消しゴムツール」で質感のあるブラシを利用して表現します[7-3]。この質感描写を、作品全体に施します[7-4]。


細部の質感を描写していきます。細かな質感描写は不透明度を高めにした描画モード[通常]のレイヤーに、小さめの「ハード円ブラシ 筆圧サイズ」で描きます。テクスチャがほしい場合は、「消しゴムツール」で質感のあるブラシを利用して表現します[7-3]。この質感描写を、作品全体に施します[7-4]。

 

STEP1 下絵の準備

勢いを表現するために背景に効果線を入れることにします。まず、人物のマスクを作ります。「パス」パレットに新規パスを作成し、「ペンツール」で人物の形になぞってパスを描きます[8-1]。次に、作成したパスのサムネイルをx+クリック して選択範囲として読み込みます。「選択範囲」メニュー→[選択範囲を反転」で人物以外の領域を描写可能にします[8-2]。

勢いを表現するために背景に効果線を入れることにします。まず、人物のマスクを作ります。「パス」パレットに新規パスを作成し、「ペンツール」で人物の形になぞってパスを描きます[8-1]。

次に、作成したパスのサムネイルをx+クリックして選択範囲として読み込みます。「選択範囲」メニュー→[選択範囲を反転」で人物以外の領域を描写可能にします[8-2]。ちなみに、選択範囲の点線が描写時に邪魔な場合はx+Hもしくは「表示」メニュー→[表示・非表示]→[選択範囲の境界線]をoffにします。


背景に「ウェットスポンジ」ブラシを使って効果線を描いていきます。半透明の「消しゴムツール」でブラシを「ウェットスポンジ」や「エアブラシ」にして好みのグラデーションになるまで調整します[8-3]。

背景に「ウェットスポンジ」ブラシを使って効果線を描いていきます。半透明の「消しゴムツール」でブラシを「ウェットスポンジ」や「エアブラシ」にして好みのグラデーションになるまで調整します[8-3]。


 

STEP9 仕上げ

ピアス、リップ、装飾品などに不透明度を下げて半透明にした「ハード円ブラシ筆圧サイズ」で光の輝きを描き込みます[9-1]。

また、最終的な仕上がりサイズに画面をトリミングして、タイトルを入れて終了です[9-2]。

ピアス、リップ、装飾品などに不透明度を下げて半透明にした「ハード円ブラシ 筆圧サイズ」で光の輝きを描き込みます[9-1]。また、最終的な仕上がりサイズに画面をトリミングして、タイトルを入れて終了です[9-2]。

 

ガールズイラストレーションレシピ ~Photoshop+Illustrator+手描きプロのデジタル& アナログテクニックを公開~

ガールズイラストレーションレシピ ~Photoshop+Illustrator+手描きプロのデジタル& アナログテクニックを公開~

編集者 ソシム

編集者のオススメポイント
雑貨や広告などで活躍するイラストレーターさん15人のHow to本です!15人ものイラストレーターそれぞれの描き方から手順、よく使われる機能などがわかります。また、プロのイラストレーターたちの仕事が垣間見られるコラムも充実しています。


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

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


著者プロフィール

彩Xi

彩Xi
1973年生まれ、東京都出身。武蔵野美術大学日本画学科卒。京都四条派精華会三代目田中玉紅の元で古典日本画技法を学ぶ。2006年よりストリートファッションイラストレーションをメインに活動を始める。http://xion.cc/

関連書籍

新人デザイナーのための色彩デザイン・配色のルールを学べる本

新人デザイナーのための
色彩デザイン・配色のルールを学べる本

発売日:2011年10月24日発売
著者:柘植 ヒロポン
定価:1,890円(本体価格 1,800円)
グラフィックデザイナーを目指す人に向けて、色の使い方や、配色の基礎知識をやさしく解説しています。チラシ、ポスターなどのデザインを行う際に押さえておきたい配色のポイントを、作例を基にわかりやすく解説します。

>>詳細はこちら

PhotoshopレッスンブックCS5/CS4/CS3/CS2/CS/7対応

Photoshopレッスンブック
CS5/CS4/CS3/CS2/CS/7対応

発売日:2010年9月9日発売
著者:スタジオ イー・スペース
定価:2,520円(本体 2,400円)DVD-ROM付

本書の2大特典!!
本当に覚えたい方の最初の1冊に最適。

  • Photoshop30日間無料体験版収録 Win&Mac対応 機能制限なし
  • ステップバイステップ形式でマスターできるレッスンデータ付属

>>詳細はこちら