HOME Design Illustratorでイラストを描いてみよう

Illustratorでイラストを描いてみよう

著者アイコン
Innovator Japan Editors

Illustratorでイラストを描いてみよう

はじめまして。
デザイナーの9ooky(読みは「クッキー」)です。

仕事では主にHTML、CSSでのコーディングをしています。

趣味は、酒とIllustratorでイラストを描くことです。

趣味とはいいつつ、Illustratorは機能が多く使いこなすことが難しいですよね。
そんなIllustrator修行中の身ですが、
今回は自己紹介も兼ねて「私流・Illustratorでイラストを描く方法」をご紹介したいと思います。

(注意:この記事で紹介するショートカットはMacのものです。各ツールのスクリーンショットを載せてますので、Windowsをお使いの方は調べてお使いください。)

下書き

まずは下書きをします。
今回はこんなペンギンのイラストを描きたいと思います。

image

パスを描く

左のツールバーからペンツールを選択します。

image

何も考えずにパスをなぞっていきましょう。

image

ここまで出来たら、塗り用にパス全体を複製しておきます。
線用のパスはひとまずロック ([command]+[2] )しておくとやりやすいかと思います。

塗り用のオブジェクトを作る

では、ここから塗り用のオブジェクトを作っていきます。

パス全体を選択した状態で、「シェイプ形成ツール([shift]+[M])」を選択します。

image

塗りつぶしたい部分をドラッグして塗り用のオブジェクトを作成してください。

image

塗り用のオブジェクトができたので適当な色に塗ります。

image

線をアレンジする

では次に線をアレンジしていきます。

イラストっぽい絵を描くには、いろいろな方法がありますが、私が紹介する方法では以下3つのポイントを押さえればOKです。

  1. 線を太めにする
  2. 線の太さに強弱をつける
  3. ラフを適用し手書き風にアレンジする

以上3つをするだけでグッとイラストっぽさが出るので、是非試してみてください。

線を太めにする

image

先ほどロックした線のロックを解除 ([command]+[alt]+[2] )し、線を太くします。

このように線を太めにすると、線の詳細さが弱くなり「イラスト」ぽさが出てきます。

線の太さに強弱をつける

image

「線幅ツール([shift]+[W])を選択します。

image

線幅を変えたいオブジェクトを選択し、線の幅を変えたい部分をダブルクリックして適当な太さに変えてください。

線の太さに強弱をつける際のポイントは、光の当たってる部分は細く、影の部分は太くすることです。

image

こうすることで自然な仕上がりになります。

今回は左上から光が当たってると考えて、左上は細く、右下は太く調整してみました。

ラフを適用し手書き風にアレンジする

image

最後にラフを適用して、手書きっぽくアレンジしてみます。

[効果]→[パスの変形]→[ラフ]で、ポイントは「丸く」を選択してください。

image

仕上げ

仕上げに、お好みで色味を変えたり、背景をつけ加えたりすれば完成です!

image

参考

以下に、この記事で使った機能のAdobeヘルプへのリンクをまとめておきました。

必要であれば参考にしてみてください。

関連記事