TOPページにイラストを追加する|幼稚園のホームページを作っていく様子

Photo by Green Chameleon on Unsplash Webデザイン
Photo by Green Chameleon on Unsplash

こんにちは、コンスキです。

今回は、TOPにイラストを追加していきます。

追加するイラスト

以前、フッター部分に次のようなイラストを追加する計画を立てていましたが、追加し忘れていました。

画像に alt 属性が指定されていません。ファイル名: image-14.png

そこで、この部分のイラストを描いていこうと思います。

描く様子

下書き

まずは紙に鉛筆を使って下絵を描いていきます。

思いやりの森↓

支え合いの川↓

虫たち↓

結構雑ですが、この後パソコンで描くときに丁寧に描けばいいとしましょう💦

GIMPに取り込む

ほとんどのホームページでは、挿絵はIllustratorで作られている印象です。

おそらくそちらの方がベクター画像で作れるので、イラストのクオリティは高くなると思います。

ただ、ここまで手書きのイラストを作ってきたので、ここでもGIMPで手書き風のイラストを作っていきます。

まず、GIMPに先程の下書きを貼り付けます。

なぞる

下書きの不透明度を下げます。

上から下書きをなぞります。

色をつける

なぞったイラストに色を塗っていきます。

完成形

時間の関係で「支え合いの川」と「虫たち」のイラストは書けていないんですけど、描いたイラストに関しては、デザインカンプに加えました。

コメント

タイトルとURLをコピーしました