ちょっとしたバナーを手軽に作りたい!
以前、PowerPointでバナーを作成する方法を紹介させていただきました。
ネットショップの小技!バナー製作はパワーポイントでもできる?
比較的簡単に作成できる方法なのですが、ひとつだけどうしても面倒なのが、素材を探すこと。
慣れてしまえばどうということはないのですが、そういう煩わしさがなく、インターネット環境があればブラウザ上で作成できる、簡単なバナーを作成できるツールがあります。
今回はそちらで父の日のバナーの作成をしていみたいと思います。
Canvaってなに?
【Canva】
https://www.canva.com/
Canvaは、「誰でも簡単にデザインができる」という通り、パソコンの使い方を一通り知っていれば、本当に誰でも簡単にデザインができます。
この記事ではバナーの作成手順を紹介しますが、その他にInstagramの投稿用の画像やストーリー画像、チラシ、ポスターなど様々なテンプレートがあり、アニメーション素材を活用したデザインを作成することもできます。
無料版とPro版(有料版)があるCanvaですが、今回は無料版だけで作成していきます。
それでは、実際始めていきましょう。
バナーを作る
新規ファイルを作成する
楽天市場でスマートフォンの共通バナーに登録するサイズ、「616px×120px」サイズのバナーを作ります。
まずは、右上の「デザインを作成」ボタンを押し、「カスタムサイズ」を選択します。
次に表示された画面で、横:616px、縦:120pxと数値を入力し、「新しいデザインを作成」ボタンをクリック。
これで、デザインを作成する画面が表示されます。
背景を設定する
左側のメニューの中にある「背景」をクリック。
写真やパターンなど、素材がたくさん表示されますが、今回は淡色の背景を使用します。
少し水色が強いような気がするので、背景色を変更。
背景を検索する窓の隣にある、色のボタンをクリックすると、カラーを変更する画面が表示されます。
虹色の枠で囲まれたボタンをクリックすると、色を見ながら変更できるようになります。
カラーコード「76C4F1」に変更。
背景色が変更されました。
デザインを作成する
パーツを配置していきます。
「素材」を選択すると、様々な図形素材やアニメーション、イラストが表示されます。
父の日なので、お父さんっぽい素材「ヒゲ」を検索。
くるっと丸まったエルキュール・ポワロみたいなヒゲを選択。
クリックすると、デザインエリアにヒゲが挿入されます。
背景色を変更して、
右上にある「配置」ボタンで配置のメニューを開き、「中央揃え」を選ぶとヒゲがバナーの真ん中に表示されます。同じように、他のパーツも検索し、配置していきます。
こんな感じに配置しました。
検索したイラストは「ワイン」「日本酒」「ネクタイ」「腕時計」「靴下」です。
選ぶイラストはテイストが似たもの(今回は「線画のないイラスト」)を選ぶと、全体的に統一感が出ると思います。
素材の右下に王冠マークがついているものはPro版(有料版)用の素材です。
今回は無料素材だけを選んでいます。
文字を入れる
父の日ギフトのバナーなので、それを表す文字を入れていきます。
左側のメニューから「テキスト」を選びます。
「見出しを追加」をクリック。
画像では少し見えづらいですが、テキストが追加されています。
文字の色とフォントを変更して
配置を調整します。
ヒゲの中に今年の父の日の日付を入れます。
文字を少し見栄え良くするために、「父の日ギフト」の文字を選択して、「エフェクト」をクリック。
「湾曲させる」を選択。
思いのほか傾き過ぎたので…
数値を変更して、ちょうどいい角度に調整します。
最後に、全体の配置を調整します。
画像を書き出す
調整が終わったら、実際に画像を書き出します。
右上の「ダウンロード」ボタンを押し、ファイルの種類を選択。
ここではjpgで書き出します。
ファイル形式を選んだら、「ダウンロード」ボタンをクリック。
保存場所を選び、ファイル名を決定して保存したら出来上がりです。
父の日の楽天・スマホ用のバナーが完成しました!
GoogleやYahoo!で様々なデザインのバナーを探してみて、効果的なバナーや人目を引くバナーのデザインを研究し、複数パターンのバナーを作成すればどの広告画像やバナーが効果的なのかの検証もできるようになるので、ぜひチャレンジしてみてくださいね。
そんな時間がないよ!という方にはWEB制作代行がオススメです。
簡単に作れるとは言っても、なかなか制作に時間が取れない、スタッフが足りない、操作を覚えるのが大変……という店舗様には、WEB制作代行がオススメです。
株式会社オタツーではネットショップの運営代行のほかに、制作のスポット代行なども行っております。
バナーだけを作ってほしい、LPの製作だけを依頼したいなど、ぜひお気軽にご相談ください!