イラストメイキング
信州くだもの村 富永農園さんのサイトの、ヘッダー用イラストのメイキングを紹介します。
1)鉛筆で下書き
ロゴをおいて、全体背景画像をおき、ページを表示させ、ヘッダー画像なしの状態で、キャプチャとったものをプリントアウトします。
何もないところでイラストを描くのは(わたしの場合)難しいので、ここに配置しよう、、等考えながらだと具体的にアイデアも思い浮かんでバランスがとりやすいからです。
2)下描きを元に、コピーで拡大などしつつ、ざっくりとペン入れ
このペン入れは、コレ自体がデジタル水彩画の下描きになりますのでかなりラフ画です。
3)スキャンして下絵用に変換
ラフ画をスキャンして、下絵として使いやすいようにピンクなどの色をつけておきます。
4)鉛筆ツールにクレヨン風のぎざぎざブラシを適用
色鉛筆でこつこつと色を塗っていく具合に色着けをしていきます。
この絵は水彩画っぽく描きたいので、ペン画のアウトラインは入れない予定です。
レイヤーをわけながら上のパーツ(目や口などの部品)から描いていきます。
4)下のレイヤーに移動して肌色や、洋服の色をつける。
レイヤーを分けているので、万一失敗しても簡単に消したり、パーツの移動ができます。
ペンタブレットで描いていますが、手がうまく動かなくて、変な位置に線がはみ出たりしますが、それも味わいが出るので、きれいに描きすぎないようにしています。
5)背景のりんごを描く
背景はまず、一番上のレイヤーになるりんごから。
6)次にリンゴの下のレイヤーになる、木を描きます
7)その下のレイヤー、葉っぱ
自然な色合いになるように、原色は使わず、彩度を落として、絵の具で赤と黄色と青の3原色を混ぜたようなくすんだ色を使います。
8)丘のいろをざっくりと鉛筆ツールで
色鉛筆でざっくり塗っていくようなイメージです
9)丘に色を重ねていきます
ベタ塗りにせずに、筆のラインを残すようにしていく
10)山をその下のレイヤーに描いて、一番上に、草のレイヤー
11)背景の青空も、ベタ塗りにせずに、(大変ですが)色鉛筆でざくざく塗っていく
背景青空は一番下のレイヤーです
12)人物を縮小して、上に重ねて配置してみました。(このときが一番楽しい♪全体が見えてくるのでワクワク)
大きさを調整します。人物は大きくないとかけないので、この時点でずいぶん縮小されることになります。
かなり荒く描いておいても、丁寧に細かく描いたようになります。
13)ナビゲーションバーを置くためのざらざらテクスチャを上に重ねる
テクスチャの色と、草の色を、レベル補正を使って色合わせしています。
14)人物を少しだけふちどりつけて、目立たせる
各レイヤーの濃度を調整したりして、バランスをとりましたが、人物がやや目立たなくなってしまったので、微妙に効果をつけて、白ふちどりを入れました。完成です。
- 前の記事
- 千畳敷カールで2612体験してきました
- 次の記事
- エックスサーバーをおすすめします
関連記事
-
【ホームページの作り方】病院・歯科医院のホームページ作成
歯科医院のホームページは、院長・スタッフ紹介、治療内容、医院の紹介と受付時間・交通アクセスなど、だい ≫続きを読む
-
画像のファイルサイズ、小さくしていますか?
webの森からお客様にウェブサイトを納品した後、お客様ご自身で更新している場合、画像の容量のことを考 ≫続きを読む
-
【Q】ホームページをCMSにするとSEO対策に不利と聞きましたが・・・・。普通のHTMLで作って置いた方がいいんでしょうか?
「アドレスがhtmlじゃなくなると検索に不利なのでは・・?」「CMSで作った動的ページはSEOで不利 ≫続きを読む
-
WordPressをハッキングされるとどうなりますか?
弊社の関係者さんからの情報で、(一昨日のことです)致命的なハッキングにあってしまったWordPres ≫続きを読む
-
【Q】ブログを使ったSEO対策があると聞きました。具体的にどうすればいいですか?
ブログを使ったSEO対策 以前は、被リンクを貰う方法と言えば、「相互リンク集」の作成が主流でした。 ≫続きを読む
-
ブログを作る場合はサブドメインより、独自ドメインの下にが◎
わたしは信州EC実践会というネットマーケティングの勉強会の事務局をしていますが、 ネットショップ運営 ≫続きを読む
-
覚えてもらえるお店になること・・・
webの森は信州EC実践会という、ウェブマーケティングの勉強会を主催していまして、たくさんのネット店 ≫続きを読む
-
WordPressのメリットを再確認しませんか?
今更ですが、「Wordpressってすごいメリットがあるんですよ!」 というネタで動画を作りましたの ≫続きを読む
-
阿智村商工会主催 ホームページ勉強会と相談会
「WEBサイトを作ったけど、自己流なのでどうしたら良いかわからない。 効果を上げられるホームページっ ≫続きを読む
-
調整レイヤーの使い方
フォトレタッチの極意1:紅葉の色彩をアップする | Adobe Creative Station 部 ≫続きを読む