![](https://at.strix-inc.jp/wordpress/wp-content/uploads/2021/08/e43c7300d2b846a002f6fedba879d48f-2.png)
こんにちは、デザイナーのERIです。
Webサイトやバナー画像を作成する時、イラストを入れたいけど無料素材で探しても中々いいものがない……そんな時ありませんか?
そんな時は自分でイラストを書いちゃいましょう!
今回紹介するやり方は、水彩風のイラストを短時間で作る方法です。
様々なイラストに応用できるのでぜひチャレンジしてみて下さい。
大まかな作成手順(3ステップ)
- Illustratorで元となるイラストを描く。
- Illustratorでイラストにラフの効果を付ける。
- イラストデータをPhotoshopで開き、クリッピングマスクでブラシ加工する。
手順はこの3ステップだけで、とっても簡単です!
【ステップ1】Illustratorで元となるイラストを描く
まずは、Illustratorで元となるイラストを描きます。今回は枝を描いて、葉っぱを描いたら、上手く組み合わせるだけ。葉っぱは2~3枚形の違うものを描けば、後は複製して大きさを変えればOKです!
![](https://at.strix-inc.jp/wordpress/wp-content/uploads/2021/08/ed77d313ce6b985bb7a5fb7b0cded210.png)
【ステップ2】Illustratorでイラストにラフの効果を付ける。
次にIllustratorで、手描き風に見えるようにイラストにラフの効果を付けます。
加工したいオブジェクトを選択したら、[効果]>[パスの変形]>[ラフ]をクリックします。
![](https://at.strix-inc.jp/wordpress/wp-content/uploads/2021/08/35baeb7e61ee84b9461bc7973f5b699a.png)
そうすると、ラフの設定ウィンドウが出てくるので、赤枠のサイズ(ブレ感)と詳細(密度)を任意の数値に設定します。( イラストやサイズによってラフ感が変わってくるのでイメージに合わせて数値は調整してください。 )
![](https://at.strix-inc.jp/wordpress/wp-content/uploads/2021/08/45691f67a087e7b933b71af205888e23.png)
「サイズ」は「入力値」を選択してpx単位で数値を調整すると、やりやすいです。「ポイント」はイラストに合わせて「丸く」もしくは「ギザギザ」を好みで選択してください。
ラフ適用後がこちらです!淵がふにゃっとして手描き感が出ました!
![](https://at.strix-inc.jp/wordpress/wp-content/uploads/2021/08/2b08f023320ef1f0283a04c88a6ea793.png)
【ステップ3】イラストデータをPhotoshopで開き、クリッピングマスクでブラシ加工する。
次に、作成したイラストデータをPhotoshopで開き、クリッピングマスクでブラシ加工していきます。
まず、イラストデータの上に新規レイヤーを作成してから、そのレイヤーを右クリックして「クリッピングマスクを作成」をクリックします。
![](https://at.strix-inc.jp/wordpress/wp-content/uploads/2021/08/7cedf0c5470b4e81987568cd0544a170.png)
すると、このようにクリッピングマスクが作成されるので、この新規で作成したレイヤーにブラシで加工していきます。
![](https://at.strix-inc.jp/wordpress/wp-content/uploads/2021/08/b464e756006bcecd71c7e7e6ad3d7e8f.png)
無料のブラシ素材など、お好みの水彩風のブラシで、好きな色でこんな感じで塗っていきましょう。
![](https://at.strix-inc.jp/wordpress/wp-content/uploads/2021/08/693c80c8877d09e2678e3d767c1ed7ed.png)
様々な色を使って、サーっと塗るとこんな感じに仕上がります。
![](https://at.strix-inc.jp/wordpress/wp-content/uploads/2021/08/302392637a477b03d21be17edd138400.png)
![](https://at.strix-inc.jp/wordpress/wp-content/uploads/2021/08/7d04886a7db734e1085eddf59869d27a-1.png)
おわりに
では、手順をおさらいしてみましょう!
- Illustratorで元となるイラストを描く。
- Illustratorでイラストにラフの効果を付ける。
- イラストデータをPhotoshopで開き、クリッピングマスクでブラシ加工する。
この3ステップだけで簡単に水彩風イラストが作成できるので、ぜひみなさんも試してみてください!