ネットショップの小技その2!ブラウザ上でバナーが作れる「Canva」とは?

ネットショップの小技その2!ブラウザ上でバナーが作れる「Canva」とは?

ちょっとしたバナーを手軽に作りたい!

以前、PowerPointでバナーを作成する方法を紹介させていただきました。

ネットショップの小技!バナー製作はパワーポイントでもできる?

比較的簡単に作成できる方法なのですが、ひとつだけどうしても面倒なのが、素材を探すこと。

慣れてしまえばどうということはないのですが、そういう煩わしさがなく、インターネット環境があればブラウザ上で作成できる、簡単なバナーを作成できるツールがあります。

今回はそちらで父の日のバナーの作成をしていみたいと思います。

Canvaってなに?

【Canva】
https://www.canva.com/

Canvaは、「誰でも簡単にデザインができる」という通り、パソコンの使い方を一通り知っていれば、本当に誰でも簡単にデザインができます。

この記事ではバナーの作成手順を紹介しますが、その他にInstagramの投稿用の画像やストーリー画像、チラシ、ポスターなど様々なテンプレートがあり、アニメーション素材を活用したデザインを作成することもできます。

無料版とPro版(有料版)があるCanvaですが、今回は無料版だけで作成していきます。

それでは、実際始めていきましょう。

バナーを作る

新規ファイルを作成する

楽天市場でスマートフォンの共通バナーに登録するサイズ、「616px×120px」サイズのバナーを作ります。

まずは、右上の「デザインを作成」ボタンを押し、「カスタムサイズ」を選択します。

次に表示された画面で、横:616px、縦:120pxと数値を入力し、「新しいデザインを作成」ボタンをクリック。

これで、デザインを作成する画面が表示されます。

背景を設定する

左側のメニューの中にある「背景」をクリック。

写真やパターンなど、素材がたくさん表示されますが、今回は淡色の背景を使用します。

少し水色が強いような気がするので、背景色を変更。

背景を検索する窓の隣にある、色のボタンをクリックすると、カラーを変更する画面が表示されます。

虹色の枠で囲まれたボタンをクリックすると、色を見ながら変更できるようになります。

カラーコード「76C4F1」に変更。

背景色が変更されました。

デザインを作成する

パーツを配置していきます。

「素材」を選択すると、様々な図形素材やアニメーション、イラストが表示されます。

父の日なので、お父さんっぽい素材「ヒゲ」を検索。

くるっと丸まったエルキュール・ポワロみたいなヒゲを選択。
クリックすると、デザインエリアにヒゲが挿入されます。

背景色を変更して、

右上にある「配置」ボタンで配置のメニューを開き、「中央揃え」を選ぶとヒゲがバナーの真ん中に表示されます。

同じように、他のパーツも検索し、配置していきます。

こんな感じに配置しました。
検索したイラストは「ワイン」「日本酒」「ネクタイ」「腕時計」「靴下」です。

選ぶイラストはテイストが似たもの(今回は「線画のないイラスト」)を選ぶと、全体的に統一感が出ると思います。

素材の右下に王冠マークがついているものはPro版(有料版)用の素材です。
今回は無料素材だけを選んでいます。

文字を入れる

父の日ギフトのバナーなので、それを表す文字を入れていきます。

左側のメニューから「テキスト」を選びます。

「見出しを追加」をクリック。

画像では少し見えづらいですが、テキストが追加されています。

文字の色とフォントを変更して

配置を調整します。

ヒゲの中に今年の父の日の日付を入れます。

文字を少し見栄え良くするために、「父の日ギフト」の文字を選択して、「エフェクト」をクリック。

「湾曲させる」を選択。
思いのほか傾き過ぎたので…

数値を変更して、ちょうどいい角度に調整します。

最後に、全体の配置を調整します。

画像を書き出す

調整が終わったら、実際に画像を書き出します。

右上の「ダウンロード」ボタンを押し、ファイルの種類を選択。
ここではjpgで書き出します。

ファイル形式を選んだら、「ダウンロード」ボタンをクリック。

保存場所を選び、ファイル名を決定して保存したら出来上がりです。

父の日の楽天・スマホ用のバナーが完成しました!

GoogleやYahoo!で様々なデザインのバナーを探してみて、効果的なバナーや人目を引くバナーのデザインを研究し、複数パターンのバナーを作成すればどの広告画像やバナーが効果的なのかの検証もできるようになるので、ぜひチャレンジしてみてくださいね。

そんな時間がないよ!という方にはWEB制作代行がオススメです。

簡単に作れるとは言っても、なかなか制作に時間が取れない、スタッフが足りない、操作を覚えるのが大変……という店舗様には、WEB制作代行がオススメです。

株式会社オタツーではネットショップの運営代行のほかに、制作のスポット代行なども行っております。
バナーだけを作ってほしい、LPの製作だけを依頼したいなど、ぜひお気軽にご相談ください!

ご相談・お見積りのお問い合わせ
問い合わせる