nabana
Photoshopの学びの覚書として作成しています。
POINT: アパレルショッピングサイトの2月の新作コレクションページへ誘導するためのバナーデザイン
BANNER: Web・SNS
SIZE: 1,200px x 1,200px
COLOR: RGB
DPI: 72 dpi
FONT: Termina Medium
作成の流れ
- 背景を作る
- 写真のクリッピングマスクを作る
- タイトル部分の文字組
- レイヤーを整理
- 外側テキスト入力とレイアウト
- PDFファイルの保存とJPG書き出し
作成の詳細
背景を作る
- 新規レイヤーを作成
- 塗りつぶしツール
- レイヤースタイル→境界線(内側)で、緑の枠を作る→ロック→名前を「背景」に
写真のクリッピングマスクを作る
- 長方形ツールで長方形を作る
- 長方形を中央に合わせる(画面中央に持ってくると、ピタッと吸着して「0px,0px」と表示される箇所がある)
- 写真のクリッピングマスクを作る
タイトル部分の文字組
- Termina Mediumで「FEBRUARY」の文字を作成
- Termina Mediumは縦がつぶれたようなフォントのため、文字パネルで文字の縦幅を100%→120%に変更してフォントの形を修正
- 文字間を調整
- 「FEBRUARY」をコピペして「COLLECTION」の文字を作成
- 文字間を調整
- 「背景」(ロック外す)「FEBRUARY」「COLLECTION」を選択して中央揃え
- 写真から「FEBRUARY」までの距離と、写真から「COLLECTION」までの距離(マージン)をそれぞれ40pxに整える
レイヤーを整理
タイトル、写真、背景の3つにまとめる
外側テキスト入力とレイアウト
- 「S」を入力し、90°回転させる
- 「S」をコピーして「P」を作る 同様に「R」「I」「N」「G」を作る
PDFファイルの保存とJPG書き出し
画質:6(180K前後)で保存
ABOUT ME
Webデザインを勉強中の主婦です。シンプルで快適な暮らしを日々模索中。デザインの学びの記録と暮らしのヒントを綴ります。