フォトショ&イラレで簡単にできる!\水彩風/植物イラストの描き方

こんにちは、デザイナーのERIです。

Webサイトやバナー画像を作成する時、イラストを入れたいけど無料素材で探しても中々いいものがない……そんな時ありませんか?

そんな時は自分でイラストを書いちゃいましょう!
今回紹介するやり方は、水彩風のイラストを短時間で作る方法です。

様々なイラストに応用できるのでぜひチャレンジしてみて下さい。

大まかな作成手順(3ステップ)

  1. Illustratorで元となるイラストを描く
  2. Illustratorでイラストにラフの効果を付ける。
  3. イラストデータをPhotoshopで開き、クリッピングマスクでブラシ加工する。

手順はこの3ステップだけで、とっても簡単です!

【ステップ1】Illustratorで元となるイラストを描く

まずは、Illustratorで元となるイラストを描きます。今回は枝を描いて、葉っぱを描いたら、上手く組み合わせるだけ。葉っぱは2~3枚形の違うものを描けば、後は複製して大きさを変えればOKです!

【ステップ2】Illustratorでイラストにラフの効果を付ける。

次にIllustratorで、手描き風に見えるようにイラストにラフの効果を付けます。

加工したいオブジェクトを選択したら、[効果]>[パスの変形]>[ラフ]をクリックします。

そうすると、ラフの設定ウィンドウが出てくるので、赤枠のサイズ(ブレ感)と詳細(密度)を任意の数値に設定します。( イラストやサイズによってラフ感が変わってくるのでイメージに合わせて数値は調整してください。 )

「サイズ」は「入力値」を選択してpx単位で数値を調整すると、やりやすいです。「ポイント」はイラストに合わせて「丸く」もしくは「ギザギザ」を好みで選択してください。

ラフ適用後がこちらです!淵がふにゃっとして手描き感が出ました!


【ステップ3】イラストデータをPhotoshopで開き、クリッピングマスクでブラシ加工する。

次に、作成したイラストデータをPhotoshopで開き、クリッピングマスクでブラシ加工していきます。

まず、イラストデータの上に新規レイヤーを作成してから、そのレイヤーを右クリックして「クリッピングマスクを作成」をクリックします。

すると、このようにクリッピングマスクが作成されるので、この新規で作成したレイヤーにブラシで加工していきます。

イラストデータと新規レイヤーの間を[alt]+クリックすると、より簡単!

無料のブラシ素材など、お好みの水彩風のブラシで、好きな色でこんな感じで塗っていきましょう。

様々な色を使って、サーっと塗るとこんな感じに仕上がります。

マスクがかかっているので、はみ出しても問題ないので適当に塗っていきましょう!

おわりに

では、手順をおさらいしてみましょう!

  1. Illustratorで元となるイラストを描く
  2. Illustratorでイラストにラフの効果を付ける。
  3. イラストデータをPhotoshopで開き、クリッピングマスクでブラシ加工する。

この3ステップだけで簡単に水彩風イラストが作成できるので、ぜひみなさんも試してみてください!

トップへ戻る