めめめぶろぐ

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

バナー模写25

バナー模写25回目

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

design-source.net

▼参考バナー

f:id:eye_mememe:20200917180355j:plain

▼作成バナー

f:id:eye_mememe:20200917180438j:plain

 

 

| 作り方

▼グラデーションツール

f:id:eye_mememe:20200917180615p:plain

文字をコーヒーの上に置きたかったので、背景画像を右寄りにしました。

左側が少し空いてしまっているので、背景画像を複製して、下にも同じ画像を置きます。

↓こんな感じ。

f:id:eye_mememe:20200917180806p:plain

 

このままだと境目がくっきりしているので、「グラデーションツール」を使って境目を馴染ませていきます。

 

馴染ませたい方の画像(上の背景画像)を選択して、

「レイヤーマスクを追加」f:id:eye_mememe:20200917174121p:plain を押す。

 

f:id:eye_mememe:20200917181620p:plain

 

右側のレイヤーマスクを選択した状態でグラデーションツール  f:id:eye_mememe:20200917181709p:plain を選択。

 

f:id:eye_mememe:20200917181802j:plain

 

上のメニューバーから黒→透明のグラデーションを選ぶ。

Shiftを押しながら消したい方向にドラッグすると、直線的にグラデーションをかけることが出来ます。

 

f:id:eye_mememe:20200917181844j:plain

 

これで境目がわからなくなりました!

下の背景画像を非表示にすると↓↓↓になっています。

 

f:id:eye_mememe:20200917181929p:plain

あとはテキストを入力、配置して完成!!

 

▼感想

このバナーの制作は簡単な方だなぁと。

ただ、背景画像を選ぶのが難しかった。

カフェっぽい画像はたくさんあるけれど、参考バナーと同じような配置の画像はなかなか見つけられなかった。

見つけた画像は、参考バナーよりもシックな感じで好きです。