【illustrator使い方講座】第18回 イラストレーターでスイカのイラストを作成する

Illustrator初心者講座「イラレ道場」講師の千葉名人です 。

上が下絵のスイカの模様をトレースしたパスを選択して表示させた画像だよ♪

下絵をトレースするシンプルな技術力が問われるイラストやね！
トレース出来ないと、こういうイラストが描けないんでトレース力を試してみようぜ！

ぱっと見シンプルなんだけど、以外とスイカの色を付けたい部分をクローズパスにして作成しようと思うと難しいんよ。
次のページでそのノウハウを、みんなに伝授しまつ！

クローズパスで「色を着色する部分を作成する」って考え方でアプローチすると楽なんよ。
必殺技の「パスファインダの分割」を使用しますわ。

イラレの究極奥義の一種ですので、ライバルには内緒ね！

パスファインダ「分割」を扱ったレッスンを、もう一個紹介してるから、こっちもご参考にどうぞ
「俺流！イラレ道場」クローズパスを一刀両断にする方法

下の画像を見て！スイカを3分割するためのクローズパスを3つ作る線を作ってそれを選択していますよ！

そうやね♪中心線をガイドとかで引っ張ってリフレクトツールで左右対称のスイカの外形を作って、分割する線を選んで分割かければこうなるぽ＼(^。^)

ぱぁかあああああああ！！！

白黒のイラストを白黒二値イラストと言います。これを線画と言います(^^ )

グレーは黒を薄めて、70％とか30％とか黒の濃さを調整したイラストを言います
グレースケールカラーイラストですね。白黒イラストは完全な黒100％だけで表現します。

印刷関係でも印刷環境に左右されない「重宝されるデータ」です。

白黒だけで色の部分を表現する場合「ドットのパターンスォッチ」を使うと便利ですよ！

はい。スイカのタネの拡大図です(^^ )

スイカのタネをリアルに見せるテクニックなんだけど、白いクローズパスを黒いスイカの種の上にこうやって配置するだけで味がでるよ！

単純な黒い楕円でもいいけど、白の楕円を上に、ちょこーんって乗せるだけで立体感とか質感とかが出るよ♪

はい。種の元が出来たら、グループ化してコピーしてイラストの上面に配置しましょう。
コピーのショートカットを使うと便利ですよ。イラレのショートカット一覧 

MACの場合は、Optionキー。
Windowsの場合はALTキーを押しながら、オブジェクトを移動させてパッと放すとドンドン複製出来ますよ。
回転は英数字入力状態でキーボードの「R」を押せば「回転ツール」に切り替わります。

そうやね！ 例えば「キャラクターの目」なんかも同じようなテクニックだよね。
黒目だけじゃなくて、小さい丸を入れるとキラキラして見えたり立体感がシンプルに表現できるよ。

ベタ塗りの上に「白を置いてみる」と、それだけでシンプルでわかりやすい「質感」が出てくるよ(^^ )ｒ

それじゃスイカのイラストの仕上げ処理！
「メッシュツール」を使って「リアル」に「グラデーション」を入れるテクニックを教えちゃう！

まず、普通に色を付けてメッシュツールを選んで、メッシュになるパスをクリックで入れます。
クリックして入れた後に、ダイレクト選択ツールで調整することが出来ます。

これで、色を付けたい部分をポイントで選んで着色すればリアルなグラデーションを立体的にカンタンに入れられるよ。
次の画像を見てみてよ。

色々使い方あるけど、この使い方便利だよね。こうやって、グラデーションカラーを作成していきます。
使い慣れるまで、試行錯誤してツールを試してみてトライアンドエラーを繰り返してみて！

もっと褒めてちょ！

さすがアシスタントの田中くん！その調子だよ！
じゃあ「割ったスイカ」も色を付けてさらにメッシュツールでメッシュ付けてグラデ表現するね！

色を付けた、クローズパスの面をメッシュツールでクリックします。対象になる面は選択状態にして、クリックを入れます。そして色を変えたいところのパスだけ選択して色を変えればグラデーション状の着色になります(^^ )

スイカの皮部分も同じようにメッシュを入れて、グラデーション表現してみました。線の塗りは削除して面だけで表現してみました。線画の場合は線がないと困りますがカラーの場合、線は無くても表現出来るので、イラレの特性を活かして単純に線の塗りを消して面のカラーだけで表現してありますよ(^^ )

さすがアシスタントの田中くん！おめでとう 人(^^ ) 88888888888888888888
みんなもスイカ作成に試行錯誤しながら挑戦してみてね！下が完成イラストですよ。
上手にかけたらご褒美にスイカを食べようぜ！

完成データはこちらからどうぞ(^^ )つ 【 スイカのイラスト完成データ 】