バナー模写2

バナー模写2回目。

まずはバナー選びから。今回は、下記サイトから探しました。

banner.keizine.net

▼参考バナー

▼作成バナー

| バナーサイズを決める

・画像をダウンロードして、Macなら画像ファイルを右クリックから

「情報を見る」→「詳細情報」から大きさのところに記載があります。

| Photoshopで作り始める

Photoshop→新規作成→幅・高さ・解像度を選んで作成し始める。

背景レイヤーを普通のレイヤーにして塗りつぶしツールで黒に塗る。

▼ 境界線

1. 1.　レイヤースタイルを追加
2. 2.　境界線をクリック
3. 3.　サイズ 2px
4. 4.　塗りつぶしタイプ→カラー
5. 5.　カラー→#148de2
6. 6.　OK

▼ 横線の描き方

1. 1.　新規レイヤーを作成
2. 2.　長方形ツールになっていたらラインツールに変更
3. 3.　ピクセルに変更
4. 4.　不透明度を適当な数値にする(100%だと透けない)
5. 5.　希望の色に変更
6. 6.　ラインを引く(Shiftを押しながらドラッグすると直線が引ける)

 

▼ 角丸長方形を描く

1. 1.　角丸長方形ツールにする
2. 2.　塗りたい色に変更する
3. 3.　長方形を描く
4. 4.　レイヤースタイルを追加

1. 5.　光彩（内側）をクリック
2. 6.　不透明度を67%にする
3. 7.　チョークを28%にする（数字が低いほど白色がふわっとする）
4. 8.　サイズを12px
5. 9.　OK

1. 10.　ドロップシャドウをクリック
2. 11.　黒色を選択
3. 12.　82度にする
4. 13.　距離を6px
5. 14.　スプレッドを38%
6. 15.　サイズを16px
7. 16.　OK

黒い角丸長方形も同じように作成。

1. 1.　ベベルとエンボス
2. 2.　スタイル：ベベル（内側）
3. 3.　サイズ：5px
4. 4.　角度：82°、高度：30°

1. 5.　輪郭
2. 6.　輪郭：角丸ステップ
3. 7.　範囲：50%

1. 8.　光彩（内側）
2. 9.　不透明度：67%
3. 10.　チョーク：28%、サイズ：12px
4. 11.　範囲：56%

1. 12.　ドロップシャドウ
2. 13.　不透明度：59%
3. 14.　角度：82°
4. 15.　距離：6px、スプレッド：38%、サイズ：13px
5. 16.　輪郭：ガウス

　　　

線の色を黄緑に変更して黒の角丸長方形ツールの内側にさらに角丸長方形ツールを描く。

	切り抜きました
	レイヤー2あたりで右クリックして 　　「クリッピングマスクを作成」

クリッピングマスクを作成することで、黄緑の線から切り抜いた画像がはみ出ない！

▼ テキストにグラデーション効果をつける

1. 1.　グラデーションオーバーレイ
2. 2.　グラデーションのバーをクリックして任意の色を選択
3. 3.　角度：-90°

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

1. ■　透明度を変更

2. ■　色を変更する

あとはテキスト入れたりして完成。

まだまだ時間もかかるし、作り方も探り探りだけど、ちょっとずつやっていこう。