めめめぶろぐ

Photoshop初心者でノンデザイナーがフォトショップ上達するためにバナー模写(トレース)のやり方・作り方。フォトショップの使い方、ポートフォリオ制作

バナー模写17

バナー模写17回目

参考サイトは「マイフェバ」さんのメインビジュアル紹介サイトさんです。

design-source.net

▼参考バナー

f:id:eye_mememe:20200917155052j:plain

▼作成バナー

f:id:eye_mememe:20200917155112j:plain

 

▼苦労したところ

「とっておきのひと粒を求めて」など一部立体的に見えるようになっていたので、そこを表現するのが難しかった。

・グラデーションオーバーレイ

・シャドウ(内側)

・ドロップシャドウ

をレイヤースタイルに追加しました。

 

▼グラデーションオーバーレイ

f:id:eye_mememe:20200917155413p:plain

グラデーションは上の画像のような感じで欠けました。

角度は86度。

 

▼シャドウ(内側)

f:id:eye_mememe:20200917155446p:plain

シャドウ(内側)は上の画像のように設定しました。

色はグラデーションオーバーレイでかけた色より少し明るめの色を選択。

角度は90度

距離は2px、チョークは100%。はっきりさせたいので。

 

▼ドロップシャドウ

f:id:eye_mememe:20200917155538p:plain

ドロップシャドウは上の画像のように設定しました。

ほんの少し影が入っているように見えたので、不透明度が34%にしました。

ここの角度を変えるとシャドウ(内側)も変わってしまうようです。

 

▼チョコレート最前線

「チョコレート最前線」も少しグラデーション入れ「シャドウ(内側)」と「ドロップシャドウ」を入れました。

「とっておきの〜」とサイズと距離を少し変えましたが、ほとんど一緒です。

 

▼画像サイズが足りない

実はこの背景画像、サイズが足りないんです。

本当の画像サイズは下の画像です。

f:id:eye_mememe:20200917155756p:plain

画像の右側を埋めるために長方形選択ツールで背景を細長く選択して

CtrlCでコピーして足したいところまで点線を持っていき、CtrlVで足りない背景を補うことが出来ます!!

 

▼感想

作成時間を計ってみたところ90分かかりました。

最初よりは早く出来るようになった感覚はありますが、もっと早く出来るように模写を続けて行きたいです。