イラストメイキング
信州くだもの村 富永農園さんのサイトの、ヘッダー用イラストのメイキングを紹介します。

1)鉛筆で下書き
ロゴをおいて、全体背景画像をおき、ページを表示させ、ヘッダー画像なしの状態で、キャプチャとったものをプリントアウトします。
何もないところでイラストを描くのは(わたしの場合)難しいので、ここに配置しよう、、等考えながらだと具体的にアイデアも思い浮かんでバランスがとりやすいからです。

2)下描きを元に、コピーで拡大などしつつ、ざっくりとペン入れ
このペン入れは、コレ自体がデジタル水彩画の下描きになりますのでかなりラフ画です。

3)スキャンして下絵用に変換
ラフ画をスキャンして、下絵として使いやすいようにピンクなどの色をつけておきます。

4)鉛筆ツールにクレヨン風のぎざぎざブラシを適用
色鉛筆でこつこつと色を塗っていく具合に色着けをしていきます。
この絵は水彩画っぽく描きたいので、ペン画のアウトラインは入れない予定です。
レイヤーをわけながら上のパーツ(目や口などの部品)から描いていきます。

4)下のレイヤーに移動して肌色や、洋服の色をつける。
レイヤーを分けているので、万一失敗しても簡単に消したり、パーツの移動ができます。
ペンタブレットで描いていますが、手がうまく動かなくて、変な位置に線がはみ出たりしますが、それも味わいが出るので、きれいに描きすぎないようにしています。
5)背景のりんごを描く
背景はまず、一番上のレイヤーになるりんごから。

6)次にリンゴの下のレイヤーになる、木を描きます

7)その下のレイヤー、葉っぱ
自然な色合いになるように、原色は使わず、彩度を落として、絵の具で赤と黄色と青の3原色を混ぜたようなくすんだ色を使います。

8)丘のいろをざっくりと鉛筆ツールで
色鉛筆でざっくり塗っていくようなイメージです
9)丘に色を重ねていきます
ベタ塗りにせずに、筆のラインを残すようにしていく

10)山をその下のレイヤーに描いて、一番上に、草のレイヤー

11)背景の青空も、ベタ塗りにせずに、(大変ですが)色鉛筆でざくざく塗っていく
背景青空は一番下のレイヤーです
12)人物を縮小して、上に重ねて配置してみました。(このときが一番楽しい♪全体が見えてくるのでワクワク)
大きさを調整します。人物は大きくないとかけないので、この時点でずいぶん縮小されることになります。
かなり荒く描いておいても、丁寧に細かく描いたようになります。

13)ナビゲーションバーを置くためのざらざらテクスチャを上に重ねる
テクスチャの色と、草の色を、レベル補正を使って色合わせしています。

14)人物を少しだけふちどりつけて、目立たせる
各レイヤーの濃度を調整したりして、バランスをとりましたが、人物がやや目立たなくなってしまったので、微妙に効果をつけて、白ふちどりを入れました。完成です。

- 前の記事
- 千畳敷カールで2612体験してきました
- 次の記事
- エックスサーバーをおすすめします
関連記事
-

-
時間の計算をしたい時に・・・
ちょっとしたメモです。 数字が弱いわたしは、13時35分から1時間半で・・・と言われてもすぐに 何時… ≫続きを読む
-

-
フィッシング詐欺の事例です
こんにちは、モモンガです。 お客様から「こんな見たことがないメールが来たんですが・・・」 とスクショ… ≫続きを読む
-

-
ネットショップ経営者のための売上向上セミナー(松本)
8月に開かれた長野県主催のネットショップ店長さん向けセミナーですが、9月は松本市で開かれます。興味の… ≫続きを読む
-

-
Q:ハッシュタグとカテゴリーの違いとは?
ハッシュタグ #SEO対策 とか #SNS入門 とか #サポート備忘録 とか。 ハッシュタグ流行って… ≫続きを読む
-

-
Labカラーモードと調整レイヤーの使い方
Adobe Stockのチュートリアルに載っていたので、Photoshopでやってみたらほぼ同じだっ… ≫続きを読む
-

-
Canvaを使ってみました。「イラレやフォトショがなくても、簡単な画像くらいなら自分で作成したい」方のための….
私はEC実践会の自主勉強会や、お客様の指導で、HPの作り方をレッスンすることもあるのですが、そんなと… ≫続きを読む
-

-
【Q】ウィルスに感染したために、サイトが改ざんされたというニュースを読んで不安です
「××社のホームページが改ざんされ訪れた人にウィルス感染の危険」こんな言葉でニュースになっているので… ≫続きを読む
-

-
無料ツールや素材をダウンロードするときに気をつけよう
無料ソフトの紹介とか、無料素材配布などのサイトで、便利なものをお持ち帰りさせてもらおうとすると、知ら… ≫続きを読む
-

-
色域指定で、調整したい部分を選択する
(1)「選択範囲」→「色域指定」 「色域指定ウインドウ」が現れるので、「選択」のプルダウンから「指定… ≫続きを読む
-

-
画像が表示されないと困ったら(HTML初心者の方へ)
「画像が表示されません!どうして???」HTML初心者の方によく質問をされるんですが、いくつか理由が… ≫続きを読む






