Photoshop(広告バナー作成講座)

この記事の所要時間: 140

Photoshop(広告バナー作成講座)

お歳暮商戦もいよいよ本格化してくる時期ですね。今回は、架空の特産品通販ショップのお歳暮キャンペーンの告知を想定して、広告バナーの作成方法についてご紹介したいと思います。
※PhotoshopのCS6での作成をベースとしております。

■完成広告バナーイメージ(300×250)単位:pixel
300_250バナー

■用意する素材

  1. お歳暮の熨斗で包まれた梱包箱の写真
  2. それっぽい背景素材
  3. 美味しそうなギフト(今回は黒豚しゃぶしゃぶにしました)の写真

熨斗
背景
しゃぶしゃぶ

今回は、できるだけシンプルに3点の素材のみを使用し、あとはテキストとオブジェクト(図形)を組合せて作成しました。写真は、フォトライブラリーさんから購入したものを使用しています。お歳暮としゃぶしゃぶの写真は、事前にPhotoshopで背景の切り抜き作業をしております。

①背景素材を配置します。
手順①

②長方形ツールにて、フッター部分の長方形を配置します。
手順②

③角丸長方形ツールで、アクションボタンの図形を作成します。
手順③

④ボタンの図形の上に、”ご購入はこちら”とテキストを配置します。
手順④

⑤”送料込み”とテキストを配置します。
手順⑤

⑥矩形の枠で囲みます。
手順⑥

⑦セット内容と注文受付中の旨を記載します。
手順⑦

⑧お歳暮の箱の写真を配置します。
手順⑧

⑨しゃぶしゃぶの写真を配置します。
手順⑨

⑩キャッチコピーを記入します。目立つように色を変えて文字の大きさを大きめにしています。
手順⑩

⑪ショップ名(今回は架空のサイト:ゼロカラーお取寄せネットとしました)を記入します。
手順⑪

⑫仕上げに、バナーを水色の枠線で囲みます。(Yahoo!・Googleの広告審査で必要な為)
手順⑫

⑬WEB用に保存して完成です!
手順⑬

お疲れ様でした。お歳暮商戦に向けて頑張りましょう。