ブログ

Illustratorで陰影のあるイラストを描くチュートリアル

illust-tips-17

こんにちは、デザイナーのTantanです。秋目前、ということで秋らしいイラストの製作工程を紹介したいと思います。左右対称の図形を描くコツと、グラデを使った陰影の付け方を説明していきます。ぜひ参考にしてください。

製作工程

中央線を引く

illust-tips-01
真ん中にパスツールで線を描きます。左右対称の図形を描くときはこれがあるととても便利です。ガイドに変換してもいいですが、実線でも大丈夫です。途中でいらなくなったら消すので色も太さも何でもいいです。

楕円を描く

illust-tips-02
円ツールで楕円を描きます。きのこの傘の底部分です。中心点を中央線に揃えておきます。

傘を描く

illust-tips-03
中央線にスナップして描き始め、傘の形のカーブを描いて中央線で止めます。そして中央線を基準に反転コピーします。

傘の下のひだを描く

illust-tips-04
楕円の中心から真横に線を描きます。そして楕円の中心を起点に回転コピーします。出来上がった6本の線を左右に反転コピーして、12本の線を上下反転コピーして一周分作ります。そのとき、線の間隔がつまるところと広がるところを正しく表現すると奥行き感がでます。
illust-tips-05

柄の部分を描く

illust-tips-06
上下に楕円を描き、柄の部分のカーブをペンツールで描いて左右反転し、パスファインダで合体します。

表面の模様と光沢を描く

illust-tips-07
模様はラフな感じにしたかったので鉛筆ツールで描きました。鉛筆ツールで書いたあと、パスの歪みを調整しています。光沢はペンツールで描きました。立体物の表面の模様は物体に沿うように意識しないと不自然になります。例えば、単純に水玉模様にした場合、
illust-tips-08
模様が立体感に沿ってないですね。平面的なイラストならこういうのもかわいいですが、今回はちょっとだけリアル描写を目指します。

傘に陰影をつける

illust-tips-09
傘の影になる部分を描いて、パスファインダで傘の形に型抜きします。
illust-tips-10
手前の明るい部分には円形グラデーションを置いて傘の形にマスクをかけます。手順としては、正円を描き、円形グラデーションにして、オレンジから透明になるグラデを設定します。そして、アピアランスでオーバーレイモードにします。あとは楕円形に変形して光沢の下に置きます。
illust-tips-11illust-tips-12illust-tips-13
奥側にも紫色の円形グラデーションを置いています。設定はスクリーンで52%の透明度です。傘の奥のほうがふんわり霞むようにし、空間を強調しました。
illust-tips-14illust-tips-15

柄の陰影を描く

illust-tips-16
同様に、柄の部分にもグラデーションを重ねます。そして、背景と影をグラデーションで描いたら完成です。

完成

illust-tips-17
できました、これからきのこのおいしい季節がやってきますね。ぜひ秋らしいイラストでホームページも盛り上げてみて下さい。

■この記事を書いた人 Tantan(デザイナー)

18歳まで広島育ち。大阪・東京でデザインの経験を積み、先日広島にUターンしてきました。糖質制限を実践中で冷凍庫には牛肉を常備。最近気になるキーワードは「ミニマリスト」。でも家の中を散らかしまくる2児の子育てに疲労困憊。

関連記事

  1. Google-auto-mail-return-8 Googleフォームの自動返信機能を追加する(前編)
  2. Google-auto-mail-return-8 Googleフォームの自動返信機能を追加する(後編)
  3. blog_panda_penguin ユーモアのあるサムネイル画像をデザインするための発想法
  4. 吹き出しの作り方タイトル画像 いろいろな種類の吹き出しフラッシュ・ベタフラ・叫びや雲形など 【初心者OK】IllustratorCCで漫画風吹き出しの作り方…
  5. photo-size_15 レスポンシブのフルスクリーン画像はどんな比率の写真が最適?
  6. art-board-Illustrator-tips_eyecatch イラレの「アートボードを選択オブジェクトに合わせる」が便利!
  7. 40f8970f6d4d71678b9f13c00265354d_s Atomで書いたコードに見えないTofu(豆腐)が紛れ込んだ時の…
  8. perspective_tips_10 イラレの遠近グリッドで3D風のイラストを描く方法「車編」

最近の記事

  1. 吹き出しの作り方タイトル画像 いろいろな種類の吹き出しフラッシュ・ベタフラ・叫びや雲形など
  2. 吹き出しの作り方タイトル画像 いろいろな種類の吹き出しフラッシュ・ベタフラ・叫びや雲形など
  3. 吹き出しの作り方タイトル画像 いろいろな種類の吹き出しフラッシュ・ベタフラ・叫びや雲形など
  4. 吹き出しの作り方タイトル画像 いろいろな種類の吹き出しフラッシュ・ベタフラ・叫びや雲形など
  5. lig_10
PAGE TOP