- Canvaを使ったクリエイティブ画像の作り方を解説
- ショップページだけでなく、プッシュ通知やクーポン画像もCanvaで作成して、世界観を統一させよう
目次
はじめに
人気ショップや大手ブランドのECサイトは、はじめてショップページに訪れたお客様に、一目で世界観が伝わるよう、トップページに工夫を凝らしています。
今回は、デザイン初心者でもプロ仕様のサイトに仕上がるクリエイティブ画像の作り方をご紹介します。
アップデートした無料テーマの「トップ画像」にぴったりの画像を作ってみてもいいかもしれません。
まずは、参考画像を見てみよう
まずは「どんなクリエイティブ(トップページに置くバナー)画像に仕上げたいか」参考画像を探してみましょう。
参考画像を探すさいに、おすすめなのが「Pinterest」を活用することです。
無料でアカウント登録することができ、ショップページや商品作成のヒントにもなるので、アカウントを持っていない場合は、登録しておくとショップ運用に役立つはずですよ。
![](https://baseu.jp/wp-content/uploads/4233e09c5dbe7d7be0208b73dd72bf51-1024x489.jpg)
アカウント登録、もしくはログインが完了したら、「アパレル + バナー」「ショップ + サイト + デザイン」などのワードを入れて、検索してみましょう。
気になる画像をクリックすると、似た雰囲気のおすすめ画像も提案してくれますよ。
自分のショップのイメージに近い画像が見つかったら、「保存」をしておくと、後でまとめて見返しやすくなります。
さっそく「Canva」で作成してみよう!
今回は、初心者でもかんたんにデザインが完成するツール「Canva」がおすすめです。
「Canva」については、こちらの記事もぜひ見てみてください。
今回は、「Blogバナー」のサイズとテンプレートを使って、3種類の画像の作成方法をご紹介します。
テンプレートを使えば、2STEPで完成
![](https://baseu.jp/wp-content/uploads/baseu-_canva-1024x428.jpg)
「すべて表示」に進み、テンプレートを選択します。
![](https://baseu.jp/wp-content/uploads/baseucanva1-1024x444.jpg)
左にあるタブの「アップロード」から、「メディアをアップロード」を選択します。
ここから、使用したいブランドビジュアルや商品写真をアップロードしましょう。
![](https://baseu.jp/wp-content/uploads/baseucanva1-2-1024x438.jpg)
アップロードされた画像をドラッグ&ドロップすると、テンプレートが挿入されます。
![](https://baseu.jp/wp-content/uploads/baseucanva2-2-1024x438.jpg)
テンプレートの文字部分をクリックして、ショップ名を入れましょう。
![](https://baseu.jp/wp-content/uploads/baseucanva4-1024x439.jpg)
メインタイトルを、自分のショップ名に置き換えましょう。
サブタイトルがある場合は、ショップコンセプトや、どんなショップかを入れるといいですよ。
![](https://baseu.jp/wp-content/uploads/baseucanva5-1024x440.jpg)
上にあるフォントのボックスをクリックすると、豊富な種類のなかから、お好きなフォントに変更することができます。
クリエイティブ画像に入る文字のフォントによって、お客様に与えるブランドイメージも変わってくるので、ぜひショップのイメージと合うものを探してみてくださいね。
![](https://baseu.jp/wp-content/uploads/baseucanva7-1024x433.jpg)
クリエイティブ画像が完成したら、右上の「ダウンロード」を押して完成です!
おしゃれなテンプレートを使えば、画像を挿入し、ショップ名を入れるだけの2STEPで、かんたんに完成できます。
洗練されたデザインに仕上げるポイント
次は、テンプレートを使いながらも、洗練された自分だけのオリジナル画像に仕上げる方法をご紹介します。
今度は、さきほど紹介したものとは違うテンプレートでお届けします。
![](https://baseu.jp/wp-content/uploads/baseu-canva10-1024x445.jpg)
使用したい画像をドラッグ&ドロップし、テンプレートのタイトルをショップ名に置き換えます。
ここまでは、さきほどと同じ手順になります。
![](https://baseu.jp/wp-content/uploads/baseu-canva-11-1024x444.jpg)
このままでもおしゃれなクリエイティブ画像が完成しますが、今回はひと手間加えて見ましょう。
左のタブにある、「素材」を選択してください。図形やイラストなど、さまざまな素材が出てきます!
![](https://baseu.jp/wp-content/uploads/baseu-canva13-1024x442.jpg)
「図形」を選択し、今回は、枠線として使える長方形を選択します。
![](https://baseu.jp/wp-content/uploads/baseu-canva15-1024x441.jpg)
サイズを調整すると、こんな風に枠線をつけることができます!
![](https://baseu.jp/wp-content/uploads/6ec8a35ada436b4353f22c52235367c7-1024x576.jpg)
<BEFORE>
![](https://baseu.jp/wp-content/uploads/a5f780767be32cae098eaed33b30d73c-1024x576.jpg)
<AFTER>
シンプルだったクリエイティブ画像にアクセントがつき、洗練された印象に仕上げることができます。
![](https://baseu.jp/wp-content/uploads/5ae4ee1e1020400f539b0ef49342787a-1024x576.jpg)
![](https://baseu.jp/wp-content/uploads/bc47d01e71e5cafe5a1fc788bb3ec429-1024x576.jpg)
そのほかにも、「イラスト」を足してポップにしてみたり、「フレーム」を使って複数枚の写真を入れることも可能です。ぜひ、試してみてくださいね!
![](https://baseu.jp/wp-content/uploads/577e07ec8b401a26f180cf38e01bf496-1024x576.jpg)
![](https://baseu.jp/wp-content/uploads/1a4286739703b74c147f5acfa468b4d3-1024x576.jpg)
「Canva」の基本操作がわかれば、ショップページのクリエイティブ画像だけではなく、「プッシュ通知」の宣伝用画像などに応用することもできます。
「クーポン App」でクーポンをお客様に訴求するときや、SNS投稿の画像にワンポイント加えたいときにも、便利です。
作った画像をショップページに設定する方法
作った画像は、管理画面の「デザイン」より、ショップページに組み込むことができます。
![](https://baseu.jp/wp-content/uploads/96e0e2150d8a9a8055b32d91389e0dee-1-1024x733.png)
デザインページより「パーツ」を選択し、「画像」のパーツをショップページの埋め込みたい箇所にドラッグ&ドロップします。
![](https://baseu.jp/wp-content/uploads/c27f59b3ee6af160edce3bac368822e7-1024x481.jpg)
ショップページにどう反映されているか見たい場合は、右上の「プレビュー」を、実際に反映させる場合は「保存」を押して、完成です!
「ショップデザイン機能」のくわしい使い方は、下記の記事を参考にしてみてください。
まとめ
「Canva」を使って、クリエイティブ画像を作成する方法をご紹介しました。
まずは、ショップのトップページ、慣れてきたら季節やキャンペーンごとなど、定期的に画像を差し替えるのも、ブランディングを高めるコツです。
はじめてショップページに訪れたお客様には、ブランドの魅力がしっかり伝わるよう、リピーターのお客様には、更新感が出るよう、ぜひ意識してみてくださいね。