楽天ショップ店　見出し画像の作り方～ゴールド文字

うさこが担当しているクライアント様に楽天ショップの人気店「紳士服のオルボ」様がいます。
オルボ様に掲載許可を頂いたので、今回は以下のページの画像作成をご紹介します。

シャツ5枚セット5,250円セール

まずは見出しの画像の作成方法です。

見出しは、4つのレイヤーから出来ています。
誰が後で触るかわらかないファイルなので、レイヤー名やレイヤーのグループ分けは分かりやすくつけることが大事です。

一番下の「レイヤー3のコピー」は黒いベース部分になります。
「角丸長方形ツール」で「丸み：15px」の角丸長方形を描いています。
その後レイヤースタイルで「ドロップシャドウ」「境界線」を付けています。
※レイヤースタイルはレイヤーのウィンドウの一番下の黒丸に「f」と書いてあるボタンをクリックすると設定できます。

次に一つ上のレイヤー「お手入れ楽々……」の説明です。
ゴールドの文字なのですが、ゴールドは3原色で表せる色ではないので、金属の反射っぽいグラデーションを使って表現します。
ここでは「ＤＦＰ隷書体」「24px」で文字を打った後、レイヤースタイルで「グラデーションオーバーレイ」をかけています。グラデーションオーバーレイを開いた状態では、現在の描画色、背景色のグラデーションが表示されていますが、グラデーション部分をクリックすると詳細画面が開き、自由にグラデーションを作成することができます。
グラデーションはよく使うものを登録しておくと便利です。「紳士服のオルボ」さんの場合今年の秋冬が「黒+ゴールド」をテーマにしていらっしゃるので、ゴールドに見えるグラデーションは必須です。
Photoshopの初期状態のグラデーションに「銅」というのがあるので（画像上の段の右からに2番目）それをもとに色を変更すると、ゴールドのグラデーションも簡単にできます。

次に「シェイプ1」というレイヤーの説明です。
こちらは黒ベースと同様に「角丸長方形」ツールで「丸み15px」の角丸長方形を描いています。
ちょっと盛り上がって見えますよね。
レイヤースタイルで「グラデーションオーバーレイ」と「ベベルとエンボス」の効果をかけています。

その上の「Point1」は「Apple Chancery」を斜体にして使っています。アルファベットは「30px」、数字は「32pt」にして、サイズを調整しています。

明日は写真画像の加工についてご説明します。

紳士服オルボさんは本当にとっても安いのでおススメです！

↓役に立ったぞ、という方はクリックお願いします。