バナー模写26
バナー模写26目
参考サイトは「マイフェバ」さんのメインビジュアル紹介サイトさんです。
▼参考バナー
▼作成バナー
| 作り方
まずはビールの画像を置きます。
↓この部分
水色の線はガイド線です。
上のガイド線は、左右の写真の高さ、下のガイド線は泡の位置を測るために置きました。
▼長方形ツール
長方形ツールで画像を入れる枠を作る
↓このグレーの部分
少し斜めにするには、「長方形ツール」を選択したまま
上部のメニューから「編集」→「パスを変形」→「ゆがみ」で辺の長さが異なる長方形を作ることが出来ます。
長方形ツールの枠を作ったら、中に画像を入れていきます。
▼クリッピングマスクを作成
長方形ツールの上のレイヤーに画像を置きます。
画像は長方形ツールからはみ出している感じになってます。
レイヤー5のサムネイル画像より右側を右クリックするとメニューが出るので、
「クリッピングマスクの作成」を押します。
↓右クリックすると出るメニュー
レイヤー5が少し変わりました。
画像も枠にぴったりとハマって、はみ出さなくなりました。
右側も同じように画像をはめます。
参考バナーはビールの左右がうっすら白っぽくなっているので、
これを入れます。
▼ドロップシャドウ
ビールに入れるのではなく、長方形ツールに入れようと思います。
まずは右側の2つの長方形ツールにかけます。
レイヤーの中で「ドロップシャドウ」をかけたい「長方形」を選択します。
レイヤーの下にある「レイヤースタイルを追加」 を押す
「ドロップシャドウ」を選択(チェックを入れる)
数値は・・・感覚で!
- 描画モード:通常
- カラー:ホワイト
- 不透明度:88%
- 角度:0度
- 包括光源を使用にチェック
- 距離:6px
- スプレッド:0%
- サイズ:13px
レイヤースタイルをコピーして違う長方形ツールに貼り付けることで、同じレイヤースタイルを再現することができます。
↓レイヤーを右クリックすると出るメニューです。
左側の長方形ツールにもそのままコピーしてもOKですが、
光の方向など一部修正する必要があります。
↓左側の長方形ツールのドロップシャドウ
- 描画モード:通常
- カラー:ホワイト
- 不透明度:88%
- 角度:180度
- 包括光源を使用のチェックを外す
- 距離:6px
- スプレッド:0%
- サイズ:13px
※包括光源のチェックを外さないと、角度が他にかけたドロップシャドウに連動してしまいます。
↓ドロップシャドウをかけ終わったのがこちら。
次はテキストを入れていきます。
参考バナーは文字だけだったのですが、背景画像に色々あって読みにくいので、文字にドロップシャドウをかけました。
↓ドロップシャドウをかけると
文字にドロップシャドウをかける場合も長方形ツールにかけたものとやり方は同じです。
↓テキストを入れるとこんな感じに。
▼文字を湾曲させる
↓この部分
左のメニューから「パスツール」 を選択
上部のメニューで「ツールモード」で「パス」を選択
曲線を描く。
左メニューから「横書き文字ツール」 を選択
マウスカーソルが下の画像のようになったところでクリックするとペンツールで描いた線に沿ってテキストを湾曲させることができます。
↓マウスカーソルが変わったところ
▼星マーク作成
↓この部分
▼リボン作成
↓この部分
麦芽の画像を配置して完成!!
▼感想
作り終わってみて、ビール上部の泡の部分が少し右にはみ出し過ぎているかな・・・と。少し消した方がよかったかな!?
背景画像とビール画像が浮いてしまっているような気がする。