前回商品紹介用のInstagram画像の作り方について、解説しました。今回はその第2回ということで、実績・お客様の声の作り方について見ていきます。
初めての商品を購入する際、お客さんは「本当に大丈夫だろうか？」と不安に感じるものです。皆さんも初めて商品を購入する前に、レビューやお客様の声を参考にする方も多いでしょう。SNSに実績やお客様の声を載せれば、ユーザーの不安を払しょくすることは十分可能です。前回同様、今回も実演付きで解説しますので、皆さんも一緒に手を動かしてみてください。
実績・お客様の声をInstagramで作成する
では早速、Instagram用の実績・お客様の声の作り方について見ていきたいと思います。押さえてほしいポイントは、以下のとおりです。
- テンプレートを選択する
- 自分仕様にアレンジする
- お手持ちのデータを反映させる
- 実績の作成方法
項目別に、実績・お客様の声の作り方を解説していきます。
テンプレートを選択する
前回の商品紹介用の画像作成時と同様、Canvaの「Instagram投稿（4：5）」を選択してください。
次に左側のメニューの「デザイン」をクリックしましょう。するとその右隣に、いろいろなテンプレートが表示されます。今回はお客様の声にマッチするテンプレートを探しますので、上部に「お客様の声」と入力して検索してみましょう。
すると上のスクショのように、候補になるようなテンプレートがいろいろと出てきます。自分のイメージにマッチしそうなものを選んでください。私の場合今回は以下のスクショに表示されているテンプレートを使って、画像制作していきたいと思います。
自分仕様にアレンジする
テンプレートをベースに、自分仕様に編集していきましょう。例えば今回使用するテンプレートの場合、お客様の声として、吹き出しでいろいろなコメントが表示されていますね。コメントを自分仕様にアレンジする方法は簡単です。
コメントを変更したい吹き出しのところにカーソルを合わせて、ダブルクリックします。そして普通にテキストを作成するのと同じように入力して、オリジナルのコメントに変更しましょう。
次にもしコメントのフォントが自分のイメージにマッチしなければ、書体を変更してみましょう。今回は「お客様のお声」というところのフォントを変更したいと思います。現在ZEN角ゴシックと呼ばれる書体で表記されています。
対象のコメントのところにカーソルを合わせてクリックすると、左上のところに「ZEN角ゴシック…」と記載されているところがありますね。こちらは現在表示されているフォントの種類を表しています。
この部分をクリックすると、左側にフォントの候補が表記されます。この中から自分のイメージに合致する種類を選択しましょう。実際にご覧いただくとわかりますが、Canvaには実にいろいろな書体が用意されています。例えば「はちまるポップ」という書体に変更してみましょう。変更したものが、以下のスクショです。
一つ前の画像と比較してみてください。だいぶかわいらしく、やわらかいイメージになったと思います。このように書体を変更するだけでも、だいぶ画像のイメージも変わってきます。
今度は色を変更しましょう。文字を変更する際には対象の素材をクリックすると、上部のメニューで「A」に下線のアイコンがあるでしょう。こちらをクリックして、左側に表示されるメニューのなかから適当なカラーを選んでください。
もし背景の色を変更したければ、同じく素材をクリックします。すると上のスクショのように上部のメニューで丸く色のついたアイコンがあるでしょう。こちらをクリックすると、左に色のメニューが出てくるので好みのものに変更してください。
先ほどの画像の場合、テキストと背景の色がほとんど一緒です。これだと文字が見にくく感じられるでしょう。その場合には「アニメーション」の左隣にある格子のようなアイコンをクリックしてください。こちらは透明度を変更するためのメニューです。
上のスクショをご覧ください。「お客様のお声」の部分に注目しましょう。文字と背景は同じ系統の色です。しかし背景のトーンを薄くすることで、同じ色合いでもはっきり文字が見えますよね。このように透明度を調整することで、文字の見え方もだいぶ変わってきます。
お手持ちのデータを反映させる
Canvaの場合、画像などのお手持ちのデータをアップロードして、反映することも可能です。今回は私の持っている画像をアップロードしてみたいと思います。
今回使用しているテンプレートは、お客さんをイメージしたイラストが描かれていますよね。もし実際にお客さんの顔に関するデータを持っているのであれば、その方に顔に変更するのも一つの方法です。
今回は参考までに私の画像に変更してみましょう。画像を入れる際にそのまま入れてもかまいません。しかしCanvaにはいろいろな素材があるので、こちらも活用してみるとよいでしょう。左端のメニューのなかの「素材」をクリックして、下の方にスクロールしてみてください。すると以下のスクショのように「フレーム」と呼ばれる項目が表示されるはずです。
フレームのなかからめぼしいものを選択すると、右側の作業中の画面に表示されます。今回は円のフレームを使ってみたいと思います。素材を選択して、ドラッグなどして位置やサイズを調整しましょう。調整すると、以下のスクショのような感じに仕上がると思います。
これまで何度か紹介したように、Canvaには実に多種多様な素材が用意されています。以下のスクショの左側をご覧ください。フレームだけでも、これだけいろいろな形状のものがあります。
今回はいろいろなフレームをアレンジしてみましたが、ビジネスで使用する場合にはいろいろな種類のものを使わなくても問題ないと思います。今回はあくまでも、このように多岐にわたるパターンがあるよという意味で紹介しました。
フレームのアレンジができたら、実際に画像をアップロードしていきましょう。左端のメニューのなかから「アップロード」を選択します。そして上部の「ファイルをアップロード」をクリックして、アップロードしたい素材を選択しましょう。該当するものを選んだら「開く」をクリックすると、作業用の画面に対象の画像が反映されるはずです。
アップされたら、希望する位置にドラッグして、大きさも調整しましょう。調整した結果が、以下のスクショです。
たとえば上のスクショを見ると、少し画像のトーンが暗い印象を与えるかもしれません。その場合には画像にカーソルを合わせてクリックします。そして上に表示されている「編集」ボタンをクリックしてください。
すると左側に編集に関するいろいろなメニューが表示されます。そのなかでも「調整」をクリックしましょう。すると「明るさ」という項目が表示されると思います。この明るさのバーを左右に動かすと、画像のトーンを微調整できます。
また作業をしているときに画像全体のサイズが小さくて、こまごました作業がやりにくく感じる場合もあるでしょう。その場合には、デザインの下の部分にバーが表示されているはずです。上のスクショで言うと「ページを追加」の下にあるバーですね。
もう一つ前のスクショは38％のものです。これを調整して、ズーム率を84％にまで上げました。だいぶ大きくなりましたよね。これくらいの大きさになれば、細かな文字や画像などもしっかり確認できると思います。
大きくしてみると、私の画像が少し小さいように感じました。お客様の画像は表情がはっきりわかるような感じにしたいので、画像の大きさを再調整してみましょう。調整した後の画像が以下のスクショです。
画像が大きくなって、誰がこの感想を言っているのか、表情がはっきり見えるようになりましたね。
もしいくつかお客さんの画像を入れることができるレイアウトになっているのであれば、同じ要領で画像を当てはめていきましょう。適当な画像をアップロードして、大きさや位置を調整します。もし明るさを変更したければ、編集メニューから調整してみてください。今回私の画像をいろいろと当てはめてみました。できあがったのが、以下のスクショです。
実績の作成方法
お客様の声が仕上がったので、今度は実績について制作していきましょう。先ほど紹介したお客様の声と、作成の手順はほぼ一緒と思ってください。
まずお客様の声と同じように、左端のメニューのなかから「デザイン」を選択します。そして「実績」というキーワードで検索してみましょう。結果該当するテンプレートとして表示されたのが、以下のスクショです。
左側を見ると、実績に関連するテンプレートもいろいろとあることがわかりますね。例えば以下のスクショのようなテンプレートを表示してみましょう。
上のスクショの左側に注目してください。特定のテンプレートを選択すると、それに関連するテンプレートがいろいろと表示されます。もしかすると、より自分の理想に近いものが見つかるかもしれません。いきなり一つのテンプレートを選ぶのではなく、左側によりよいものがないか、ちょっとチェックしてみるとよいでしょう。
今回は具体的な実績も箇条書きで端的に表示できるので、変更せずに上のスクショに表示されているテンプレートを使って解説したいと思います。
まずは背景を全体的に変更したいと思います。素材にカーソルを合わせ、クリックすると上部にメニューがいろいろと出てきます。丸で色の表示されている箇所をクリックすると、左側に色のメニューがいろいろと表示されます。こちらで適当なカラーを選択してください。
ブルー系の色に変更したのが、上のスクショです。一つ前の画像と比較すると、だいぶ見た目の印象が変わりましたよね。ただカーソルの指し示している部分、「About me」と書かれているのですが見づらいですよね。
この場合には文字の色を変更するとよいでしょう。素材を一つずつ変えていってもよいのですが、すると面倒ですよね。そこでおすすめなのが、パソコンのキーボードの「Shift」キーを押す方法です。Shiftキーを押しながら、対象の素材をどんどんクリックしていきます。すると対象の素材の色を一括で変更できます。
上のスクショは、テキスト部分を明るい色合いに変更したものです。一つ前の画像と比べると文字がはっきりして、読みやすくなりました。
特定の素材の色を変更することも可能です。たとえば上のスクショでは、顔写真のある個所、プロフィールについて記載されている素材の色を変更しました。一つ前のスクショと比較して、少し濃いめの青色に変更してみました。しかし色を変更したところ、今度は文字の部分が読みづらくなりました。
この場合、前に紹介したのと同じ要領でテキストの色を変更しましょう。こちらも一つひとつ変更すると時間がかかってしまうので、先ほど紹介したShiftキーでテキスト部分をクリックして、一括で変更しましょう。
上のスクショのように、文字部分を少し明るめのトーンの色に変更しました。するとどうでしょう？一つ前のスクショと比較して、文字が見やすくなったと思います。雰囲気もだいぶ変わりましたよね。今回はやりませんが、あとは顔写真の部分を自分のものに変更すれば完成します。
まとめ
いかがでしたか？今回は実績・お客様の声の作成方法について、お話ししました。
Canvaでは実績もお客様の声も、利用できるテンプレートがいろいろとあります。自分で一から作成する必要はありません。自分のイメージに近いテンプレートを検索機能で探し出して、あとはテキストや写真部分を自分のものにアレンジすればよいでしょう。
背景やテキストの色も、該当する素材をクリックすれば簡単に変更できます。書体もいろいろと用意されていて、フォントを変更するだけでもサイトの雰囲気は大きく変わります。明るさも手軽に変更できるので、今回紹介した内容を参考にして、オリジナルのデザインを作成してみましょう。