デザイン

【バナー】母の日キャンペーン

nabana

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

POINT: 母の日キャンペーンのページへ誘導するためのWebサイトバナー

BANNER:Web

SIZE: 1,000px × 1,000px

COLOR: RGB

DPI: 72dpi

FONT:LTD Bodoni 175 Pro Regular・しっぽり明朝

作成のポイント

グラデーションマスクで写真と背景をなじませる

作成の流れ

  1. 写真を配置する
  2. 背景と写真をなじませる
  3. タイトルとサブタイトルを入力する
  4. タイトルとサブタイトルを整列させる
  5. PDFファイルを保存し、JPGを書き出す

作成の詳細

背景と写真をなじませる(グラデーションマスク)

新規レイヤーを作り、スポイトツールで写真から色を取り、塗りつぶしツールで塗りつぶす(背景レイヤー)

背景レイヤーと写真レイヤーの順序を入れ替える

写真レイヤーにレイヤーマスクをかける

レイヤーマスクにグラデーションツール(黒→白)をかけ、背景レイヤーと写真レイヤーをなじませる

※レイヤーマスクにグラデーションをかける方法を「グラデーションマスク」という

タイトルとサブタイトルを整列させる

タイトルとサブタイトルを左揃えにする

タイトルとサブタイトルをひとまとまりにして、縦方向の中央揃えにする

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