デザイン

【バナー】コスメバナーデザイン

nabana

Photoshopの学びの覚書として作成しています。

POINT: 新しい春色のコスメを紹介するページへ誘導するためのWebサイトバナー

BANNER:Web

SIZE: 1,000px × 1,000px

COLOR: RGB

DPI: 72dpi

FONT:Century Gothic Regular・りょうゴシックPlusN

作成のポイント

  • 波型シェイプを作る
  • 縦書きテキストの右にラインを入れる

作成の流れ

  1. 背景写真を配置する
  2. 波型シェイプを作る
  3. 横書きテキストを入力してマージンを整える
  4. 縦書きテキストを1行入力し、ペンツールでラインを引く
  5. 1行を複製して2行目を作る
  6. 縦書きテキストをそれぞれ回転させる
  7. PSDファイルの保存とJPEGの書き出し

作成の詳細

波型シェイプを作る

  1. 上部波型シェイプを作る。曲線ツールで3点打ち、波型のラインを作る。開始・終了は枠から少しはみ出すくらいにする。
  2. ペンツールに切り替えて波型の枠を完成させる
  3. Ctrl+Enterでパスを選択範囲に変換
  4. 塗りつぶしレイヤー → べた塗りで色を付ける。写真の一部(モデルのリップの色など)から色をとるとよい
  5. 作成した上部波型を複製・回転させて、下部波型シェイプを作る

縦書きテキストを1行入力し、ペンツールでラインを引く

  • 縦書きテキストの右にペンツールを使ってラインを引く
  • 文字~ラインのマージン:15px

ABOUT ME
なばな
なばな
Webデザインを勉強中の主婦です。シンプルで快適な暮らしを日々模索中。デザインの学びの記録と暮らしのヒントを綴ります。
記事URLをコピーしました