こんにちは、コンスキです。
今回は、TOPにイラストを追加していきます。
追加するイラスト
以前、フッター部分に次のようなイラストを追加する計画を立てていましたが、追加し忘れていました。
![画像に alt 属性が指定されていません。ファイル名: image-14.png](https://konsuki.com/wp-content/uploads/2021/07/image-14.png)
そこで、この部分のイラストを描いていこうと思います。
描く様子
下書き
まずは紙に鉛筆を使って下絵を描いていきます。
思いやりの森↓
![](https://konsuki.com/wp-content/uploads/2021/07/image-67.png)
支え合いの川↓
![](https://konsuki.com/wp-content/uploads/2021/07/image-70.png)
虫たち↓
![](https://konsuki.com/wp-content/uploads/2021/07/image-68.png)
結構雑ですが、この後パソコンで描くときに丁寧に描けばいいとしましょう💦
GIMPに取り込む
ほとんどのホームページでは、挿絵はIllustratorで作られている印象です。
おそらくそちらの方がベクター画像で作れるので、イラストのクオリティは高くなると思います。
ただ、ここまで手書きのイラストを作ってきたので、ここでもGIMPで手書き風のイラストを作っていきます。
まず、GIMPに先程の下書きを貼り付けます。
![](https://konsuki.com/wp-content/uploads/2021/07/image-72-1024x603.png)
なぞる
下書きの不透明度を下げます。
![](https://konsuki.com/wp-content/uploads/2021/07/image-73.png)
上から下書きをなぞります。
![](https://konsuki.com/wp-content/uploads/2021/07/image-74-1024x621.png)
色をつける
なぞったイラストに色を塗っていきます。
![](https://konsuki.com/wp-content/uploads/2021/07/image-75-1024x622.png)
完成形
時間の関係で「支え合いの川」と「虫たち」のイラストは書けていないんですけど、描いたイラストに関しては、デザインカンプに加えました。
![](https://konsuki.com/wp-content/uploads/2021/07/TOP-–-1-6.png)
コメント