02 バナー作成講座 コピー文をバナーらしく載せる

目次

在宅・フリーランスになるためのバナー作成講座

Webサイト制作で必要な要素のひとつ「バナー」今回は、Photoshop にコピー文を広告バナーらしく入力していきます!

バナーらしくとは??どんな入力の仕方があるんですか?

Photoshop にコピー文を広告バナーらしく入力していきます。少ない情報だからこそ選抜されたキャッチコピーにはこだわりがあります。そのキャッチコピーを全部同じ文字の大きさで入力してしまったのでは芸がありません。

そうか!メリハリというのは文字の大きさなんですね

キャッチコピーの選抜 バナーに入れる効果的な文字列

まずは手書きでだされたお題に合わせて効果的な「キャッチコピー」を考えます。

クラウドソーシングやバナー単体で、バナー作成のお仕事を受けた場合は、コピー文は先方から支持がありますが、通常のホームページを作成する場合は、企画者がコピーを考えるか、制作サイド・デザインサイドなどのフロントが考えて、クライアントに提案します。そのためいくつかコピーのパターンが必要です。

お題 春の新生活応援バナーを作成する

今回の動画では、

  • 新生活応援フェア
  • 新生活応援セール
  • 新生活応援キャンペーン

レクタングルバナーを作っていきます。このキャッチコピーからでは、バナーをクリックした先は曖昧になるので、広い範囲で使うパターンのバナーになります。ここにあと少し商品や内容を連想させるコピー文や視覚的な写真をいれて、バナーの内容を絞ってみましょう。

文字を入力してからは・・・

バナーは、限られたスペースの中で効果的なキャッチフレーズ・コピー文・目に留まる文章を入力していきます。それにメリハリを与える作業を行います。フォントサイズの変更やフォントそのものを変えていきます。

同じ文字の大きさ、可読性の弱いフォントは使わないようにしましょう。

在宅・フリーランスになるためのバナー作成講座2回目

2回目では、ここまでの作成を目指します!

続きは動画をチェック!

この記事を読んで、もう少しサポートが必要な方へ

Web制作やデザインについて、学習のサポートから実際の制作まで承っています。
現在のお悩みに近い方をお選びください。

自分で作れるようになりたい方

HTML・CSS、JavaScript、PHP、WordPress、Figmaなどの学習や、制作中の課題についてサポートしています。

  • 「コードがうまく動かない」
  • 「デザインや制作物を確認してほしい」
  • 「次に何を学べばよいか相談したい」

といった段階でも大丈夫です。現在の状況を伺いながら、一緒に解決方法を考えます。

MENTAで学習サポートを見る

制作を依頼したい方

Webサイトの新規制作・リニューアル、WordPressの修正や運用、デザイン・コーディングなどを承っています。

  • 「何から相談すればよいか分からない」
  • 「まだ内容が具体的に決まっていない」

という場合でも問題ありません。ご希望やお困りごとを伺い、必要な内容を整理してご案内します。

サービス内容・料金を見る

この記事が気に入ったら
フォローしてね!

  • URLをコピーしました!
目次