illustratorでのバナトレ2４回目です！
見本は、pinterestで見つけたこちらのバナーです。
ロート製薬の「白潤」のバナーです。
ハダラボシリーズは、使い心地いいですよね～(*’ω’*)
オリジナルとトレース画像
※商品は見本から切り抜きです。
今回、難しかったです(+o+)
水の表現は難易度高しです…
水滴と、背景のグラデーション部分で泥沼化してしまいました(-.-)
フォトショでもチャレンジした事がありますが、
ネットでも色々TIPS参考になるのですが、
見本にそっくりに作るのが難しい！
また、「１品５役」の５角形に配置されたしずく型の効果のあしらいも
形が微妙になっちゃいました(+o+)
もうちょっと自然なくびれにしたかった…
「きゅっ！」のテキストも形も色塗りも微妙…
久々に後悔ポイント多しです((+_+))
制作の振り返り
デザインについて自分の勝手な考察（想像）
この項目は、私がデザイナーを目指すにあたって勝手に想像した事を書いています。
自分の為に残している部分なので、飛ばして頂いて全然OKです！！
どんな人に？
スキンケアに興味のある女性
何を伝えたい？
①うるおいと毛穴引き締め効果のある化粧水であること
②５つの効果があること
なぜ伝えたい？
ハダラボシリーズの白潤の販売促進
デザインのポイントメモ
①文字組・レイアウトについて
絶妙なバランスですね！
縦に大体1/3づつに分けて、
商品、５つの効果の画像、ロゴの配置かな？
「うるおって、きゅっ！」のタイトルは
大体1/4の左上の部分に配置されてますね。
②配色について
青、白、黄色
③装飾について
うるおいの表現として水に関するあしらい。
（水滴、しずく）
苦労した点
背景
青→水色のグラデーションをベースに作っています。
見本の背景、なんだかまだらっぽい感じなんですよね。
見本に近づける為に、
グラデーションのレイヤーをコピーして重ねて、
フィルター（スポンジ）を使ってみました。
まだらっぽくは少しなったのですが、
出来上がりは色がちょっと違う感じ💦
グラデーションの色の調整が甘かったですね。
水滴
一つ作ってシンボル登録し、見本と同じ個所に
大きさや角度を変えて配置しました。
見本みたいな青光る表現がなかなか出来なかったです。
下地の円は、アピアランスで塗りを３層重ねてます(^^;
下からグラデーション→フィルター（はね）→フィルター（スポンジ）
フィルターの層は乗算やスクリーンにしています。
白く光る部分は円やブラシでちょんちょんっと重ねています。
５個のしずくイラスト
まず１個しずくイラストを作って、
「1品5役」の白い円の中心に合わせて72°づつ回転で配置しました。
こういった、イラストを円状に等間隔に配置するのってよく見かけますね。
私は今回初めてこのような配置を使ったので、以下のサイトを参考にしました！
桜や梅のイラストを作る方法の応用編といったところですね！
配置はこれでOKですが、しずくの形が下ぶくれ(+o+)
もっときゅっと絞って調整できたかなーと思います。
ただ、既に個別にグラデーションメッシュの色付けをしていたので、
後から５個全部の形を変えるのが面倒になってしまいました💦
白い光る筋はパスで追加です。
「きゅっ！」の「き」
文字の変形と、黄色の表現で苦労！
微妙にドロップシャドウがかかっているんですが、
トレースの方、良く見えない仕上がりになってしまいました。
見本の「き」の文字、黄色が立体的に表現されているんですよね。
あまり見本に近づけなかったけど、ブラシで影になるように塗ってます(^^;
終わりに
いやー、疲れました。
無限に時間がかかりそうで…( ;∀;)
まだまだ技術が足りないんだなと再確認できました。
次回も頑張りたいと思います。
以上になります。ご訪問ありがとうございました！
コメント