めめめぶろぐ

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

バナー模写5

| KIRINさんのキャンペーンバナー2

バナー模写5回目も

KIRINさんのキャンペーンバナー

参考バナー

f:id:eye_mememe:20200917141508j:plain

▼作成バナー

f:id:eye_mememe:20200917141650j:plain

午後の紅茶とカレーの画像がイマイチだ・・・。

イマイチだけど、今できることだけで完成させたし

記録として載せておく。

   

後で作成したバナーを見たときに恥ずかしいってなるかもしれないけれど。

 

 

▼背景作成

f:id:eye_mememe:20200917141907j:plain

フリー素材からダウンロードしてきた素材を黄色っぽくする

右下の「塗りつぶしまたは調整レイヤーを新規作成」から「白黒」を選択。

更に「塗りつぶしまたは調整レイヤーを新規作成」から「レベル補正」を選択。

f:id:eye_mememe:20200917141945p:plain

レベル補正のRGBのプルダウンを「レッド」「グリーン」「ブルー」にそれぞれ変えて下の数値を変更する。

レッド:0 / 1.00 / 148

グリーン:0 / 1.00 / 175

ブルー:55 / 1.00 / 255

 

右下の「レイヤースタイルの追加」から「カラーオーバーレイ」を選択。

色は#feefa6、描画モードを「色相」にすると下のような色になる。

f:id:eye_mememe:20200917142041j:plain

「グラデーションツール」や「ブラシ」を使用して上部にうっすら白を入れる。

 

▼木目のテーブルを作成

f:id:eye_mememe:20200917142137j:plain

新規レイヤーを作成する。

木目の濃い色を「描画色」薄い色を「背景色」に設定する。

コレ。

f:id:eye_mememe:20200917142217p:plain

「フィルター」→「描画」→「ファイバー」を選択する。

変化と強さは適当に・・・。

 

画像を配置して影を描く

f:id:eye_mememe:20200917142304j:plain

フリー素材のカレーを置く。

f:id:eye_mememe:20200917142333j:plain

影をブラシで描く

f:id:eye_mememe:20200917142357j:plain

フリー素材のペットボトルの絵にブラシで色を塗って配置。

f:id:eye_mememe:20200917142433j:plain

影をブラシで描く

 

絶妙コンビ当たる

f:id:eye_mememe:20200917142528j:plain

文字は1文字ずつテキストを分けて「グラデーションオーバーレイ」をかける。

文字の下にある曲線は「ペンツール」を選択して、ツールモードを「シェイプ」にしてから曲線を描き、「グラデーションオーバーレイ」をかける。

f:id:eye_mememe:20200917142619p:plain

 

リボン(合計1225名様)

f:id:eye_mememe:20200917142656j:plain

ペンツールのツールモードをシェイプにして白い部分とカーキ色の部分を分けて描いてもできますし、

長方形ツールと楕円形ツールを組み合わせて作ることもできます。

こんな感じに。

f:id:eye_mememe:20200917142743p:plain

白い部分はペンツールで描く。

f:id:eye_mememe:20200917142805p:plain