ステンシルでつくる、手触りのあるイラスト

実際に手を動かしてつくることで生まれるイラストの意図しないムラや輪郭には、デジタルにはない独特の表情があります。

今回は、こちらのサイトで使用しているイラストを題材に、ステンシルでイラストをつくりデザインに落とし込むまでの工程をご紹介します。

型紙を作って色をのせるまで

ステンシルは、文字やイラストなどの形に切り抜いた型を使い、上からインクや絵の具をのせる技法です。
型を使って色をのせることで、切り抜いた部分にだけ色がつきます。
また、色ののせ方によってかすれや色ムラ、輪郭の揺らぎが生まれるのもステンシルの面白いところです。

01|まずはイラストを用意

どこを切り抜くかイメージしながら、厚紙にイラストを描いていきます。
小さすぎるとカッターで切り抜きにくく、色ものせづらくなるため、実際に使うサイズより少し大きめに描いておきます。

02|切り抜く

描いたイラストを、カッターで切り抜いていきます。
細かい部分は切り抜きすぎると型が崩れてしまうため、どこを残して、どこを抜くかを考えながら形をつくっていきます。

03|色をのせる

切り抜いた用紙の下に画用紙を敷き、スポンジに水性絵の具をつけ、ポンポンと叩くように色をのせていきます。
今回はポスターカラーを使用しました。これを水で薄めず、そのままスポンジにつけて使用します。
水をまぜると滲みやすくなって失敗しやすいです。

均一に色をのせるのではなく、あえて濃淡やムラを残すことで、手描きならではの表情が生まれます。
一度で完成させようとせず、何パターンか試しながら、好みの質感を探していきます。

イラストをデータ化して配置

完成したイラストは、スキャンまたは撮影してデータ化します。
ここでは質感をできるだけ残しながら、デザインで扱いやすい素材へ整えていきます。

01|2階調化

Photoshopで取り込んだ写真を開き、イメージ>色調補正>2階調化を選択

02|余分な背景を透過

選択範囲>色域指定をクリックし、スポイトで白い部分のみを選択します。

そのままdeleteを押して背景を消し保存。

03|データに配置。色や明るさなど、バランスを調整

必要に応じてパス化しますが今回はpng画像をつなぎ合わせてgifを作成しています。

番外編 スポンジだけでつくる

そのほかにも、このサイトでは、もわっとした蒸気の表現をスポンジだけでつくています。スポンジに絵の具をつけ、紙の上でポンポンと叩くように色をのせていきます。
叩く強さや絵の具の量によって、濃淡や形が変わります。

また、火花の形には、カッターマット代わりに使っていた段ボールの切り跡を使っています。

偶然できていた形を見て、火のパチパチ感に使えそうだなと思い素材として取り入れました。
制作の途中で偶然生まれた形や質感を拾ってみるのも面白いかもしれません。

ほなね