デザイン

【バナー】アパレルスプリングコレクション

Design05
nabana

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

POINT: アパレルショッピングサイトの2月の新作コレクションページへ誘導するためのバナーデザイン

BANNER: Web・SNS

SIZE: 1,200px x 1,200px

COLOR: RGB

DPI: 72 dpi

FONT: Termina Medium

作成の流れ

  1. 背景を作る
  2. 写真のクリッピングマスクを作る
  3. タイトル部分の文字組
  4. レイヤーを整理
  5. 外側テキスト入力とレイアウト
  6. PDFファイルの保存とJPG書き出し

作成の詳細

背景を作る

  1. 新規レイヤーを作成
  2. 塗りつぶしツール
  3. レイヤースタイル→境界線(内側)で、緑の枠を作る→ロック→名前を「背景」に

写真のクリッピングマスクを作る

  1. 長方形ツールで長方形を作る
  2. 長方形を中央に合わせる(画面中央に持ってくると、ピタッと吸着して「0px,0px」と表示される箇所がある)
  3. 写真のクリッピングマスクを作る

タイトル部分の文字組

  1. Termina Mediumで「FEBRUARY」の文字を作成
  2. Termina Mediumは縦がつぶれたようなフォントのため、文字パネルで文字の縦幅を100%→120%に変更してフォントの形を修正
  3. 文字間を調整
  4. 「FEBRUARY」をコピペして「COLLECTION」の文字を作成
  5. 文字間を調整
  6. 「背景」(ロック外す)「FEBRUARY」「COLLECTION」を選択して中央揃え
  7. 写真から「FEBRUARY」までの距離と、写真から「COLLECTION」までの距離(マージン)をそれぞれ40pxに整える

レイヤーを整理

タイトル、写真、背景の3つにまとめる

外側テキスト入力とレイアウト

  1. 「S」を入力し、90°回転させる
  2. 「S」をコピーして「P」を作る 同様に「R」「I」「N」「G」を作る

PDFファイルの保存とJPG書き出し

画質:6(180K前後)で保存

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