初心者が読むべき500のノウハウ記事のまとめ

【Canvaの使い方】ブログのアイキャッチ画像を簡単に作る方法【ネタ切れしないシンプルパターン】

こんにちは!
アフィリエイトの超ノウハウコレクターごま吉(@Lv1gomakichi)です。

この記事はこんな人におすすめ
  • ブログのアイキャッチ画像の作り方が知りたい
  • アイキャッチ画像を作るのにあまり時間をかけたくない
  • 毎回アイキャッチ画像がネタ切れする

ブログを見てもらえばわかりますが、当ブログの画像関係は全てCanvaで制作したブログです。

https://level99-beginner.com/wp-content/uploads/2019/03/s512_f_object_174_0bg.png
ごま吉

Canvaはカワイイから好きなんや

それは置いといて、、ぶっちゃけ実用性がかなり高いツールなんです。

https://level99-beginner.com/wp-content/uploads/2019/03/s512_f_object_174_0bg.png
ごま吉

無料だし!

当記事では、どんなブログでもほぼ使う【アイキャッチ画像】をCanvaで簡単に作る方法を紹介します。

https://level99-beginner.com/wp-content/uploads/2019/03/s512_f_object_174_0bg.png
ごま吉

毎度使うから、飽きが来なくシンプルなやつがいい

https://level99-beginner.com/wp-content/uploads/2019/03/s512_f_object_174_0bg.png
ごま吉

あまりアイキャッチ画像の制作に時間をかけたくない

https://level99-beginner.com/wp-content/uploads/2019/03/s512_f_object_174_0bg.png
ごま吉

できればオシャレっぽく・・

そんな感じで作りたい人は、元グラフィックデザイナーで現在進行系の広告マンのわたしがオススメする方法をどうぞご覧くださいー

Canvaでブログのアイキャッチ画像を作る方法

まずは、Canvaの公式サイトでアカウントを取得しましょう。
アカウントは、GoogleやFacebookからでもログインできます。

公式Canva

メニューからカスタムサイズを選択

ログインしたら左メニューからカスタムサイズを選択します

画像サイズを入力

ブログのアイキャッチ画像のサイズは16:9が推奨と言われています。ここでは、一般的なサイズの横760px縦428pxで設定します。

デザインを作成をクリックします。

白紙のキャンバスに色を付けよう
白紙のキャンバスが出来上がります


キャンバスに色を付ける方法は以下です。

  1. グラデーションアイコンを選択
  2. カラーパレットから選択
  3. カラーパレットに希望の色がない場合はマークをクリックして好みの色をセレクト


memoスポイトツールが便利♪


他ブログでお手本にしたい配色などあれば、Google Chromeの拡張機能『ColorPick Eyedropper』があれば、スポイトでサイトで使われているカラーがすぐ拾える(コピペで使える)ので便利です。

内側にひとつ罫線(枠)を入れる


内側に罫線(枠)を入れると、画面がグッと締まります。
シンプルだけど結構使える手です(´ε` )

  1. 素材を選択
  2. お好みの罫線を選択
  3. 罫線が配置されます
  4. ちなみに、使い回す前提なのでファイル名をココに入力しておきましょう。(書き出されるファイル名にもなるので英字がオススメ)
罫線をグッと広げます。
タイトルを入力する

左メニューからテキストを選んでお好みの文字スタイルを選択します。

デフォルトでかなりフォントの組み合わせパターンがあるので便利ですよ(´ε` )

記事タイトルを入力します。

ちなみに、記事タイトルはPCとスマホの視認性を考えたら3行まででまとめることをオススメします。(※画像のタイトルだけの話ですので、テキストで入力するタイトルの文字数はこの限りではありません)

デザイン(装飾)パーツを加える

テキストと四角だけでは面白くないですので、装飾のパーツをいくつか足してアイキャッチを見栄え良くするとオリジナル画像っぽくなります(´ε` )

Canvaには50万枚以上のイラストデータがあります。検索欄は見つけたい画像を探すのに便利です。ここでは、Canvaのロゴを検索して使います。

ロゴを配置しました

デザインのポイントは

  1. ロゴをセンター上にシンボル的に配置
  2. タイトルの中でも強調したい単語に色付け
  3. 和文にタイトル下に英文を入れると全体的にスタイリッシュな印象になります


また配色の参考として、たくさんの色を使うとケバい印象になることがありますので、できるだけ色数は少なく、補色や反対色などを考えながら使用しましょう。

参考補色とは? 効果・意味・反対色との違いを解説

書体、バランス、装飾を整えたら完成

最終的には、こんな感じで仕上がりました。仕上げとして

  1. センター位置調整
  2. フォント変更
  3. ブログアイコン(ごま吉マーク)設置

を調整しました。


基本的にアイキャッチの文字はセンター揃えで良いと思います。またフォントについてもCanvaは、かなりカワイイ感じの書体も多いのでオススメです(´ε` )

当ブログは、『コーポレート・ロゴ丸』という書体をメインに使っています。


書体に関しては、記事が変わっても統一して同じ書体を使うことをオススメします。数記事ではわかりませんが、何十記事と積み重なっていくと統一感が生まれてきます。

またCanvaには画像のアップロード機能が付いています。
スクリーンショット画像やPNGの透過画像など取り込むことが出来るのでかなり便利です。

画像のダウンロード

画像が出来上がったら、右上のダウンロードをクリックして、ファイルの形式と出力するファイルを選択して完了ボタンを押します。出力形式は、PNGファイルでOKです。

Canvaで作った画像を使い回す方法


Canvaおすすめの機能ですが、作ったファイルをそのまま下にコピーしてくれる機能があります。

https://level99-beginner.com/wp-content/uploads/2019/03/s512_f_object_174_0bg.png
ごま吉

そのまま下というのがポイント

そうなんです。作ったファイルがそのまま下にコピーされるので、

  • 記事ごとにアイキャッチ画像を保存できる(記事ごとにファイルを新規保存しなくて良い)
  • なので→記事タイトルに修正があった際は元ファイルをすぐに修正できる

何気に更新頻度が高いと、この機能を重宝しています。
なので私はCanva内でのファイルの管理は、ザイズごとにしかやってません。

https://level99-beginner.com/wp-content/uploads/2019/03/s512_f_object_174_0bg.png
ごま吉

サイドバナーなどもサイズが同じなので便利

意外とバナー類などは、文言一つでクリック率が大きく変わってくるので細かな検証が必要ですので、そういった意味でかなり便利です(´ε` )

Canvaでアイキャッチ画像を簡単に作るデザインの注意点


デザインとしての注意点は以下2点です。

スマホ主体になったので、できるだけシンプルに。

アイキャッチ画像は確かに大切ですが、ブログのジャンルによってはあまりカロリー割かなくてもいいかなと思います。

特にスマホ中心になってきたので、最低限『この記事はどんな記事か』わかればいいかなと思います。

https://level99-beginner.com/wp-content/uploads/2019/03/s512_f_object_174_0bg.png
ごま吉

画像は、後々ネタ切れしてきます・・

また同じパターンでアイキャッチ展開していくと、ブログ全体に統一感が生まれてきます。

https://level99-beginner.com/wp-content/uploads/2019/03/s512_f_object_174_0bg.png
ごま吉

統一感があると、センスよく見えます

華美な装飾は必要ないが、センスよく

手の混んだイラストなど使える人は羨ましいですが、書けない人など背伸びしてもしょうがないかなと思います。

前述の通り『シンプルさ』が大切ですが、センスも大切です。

https://level99-beginner.com/wp-content/uploads/2019/03/s512_f_object_174_0bg.png
ごま吉

ダサいと情報の信頼性も疑われてしまう

真面目な話、内容がどれだけ良くても、デザインがダサいと情報の信頼性が失われてしまうことがあります。これがデザインの怖い所でもあるのですが・・

https://level99-beginner.com/wp-content/uploads/2019/03/s512_f_object_174_0bg.png
ごま吉

センスとは何??

よく聞かれますが、センスとは『心地よさ』だと私は考えています。
では、ブログ初心者が作れる『心地よさ』とは何かと考えた場合、私は

https://level99-beginner.com/wp-content/uploads/2019/03/s512_f_object_174_0bg.png
ごま吉

配色こそこだわるべき

だと思います。配色は難しいものではありません。

デザインと違って、きちんと勉強すれば気持ちの良い配色は身につきます。大切なことは、ユーザーの心理になって、きちんと意識して配色を考えることです。

https://level99-beginner.com/wp-content/uploads/2019/03/s512_f_object_174_0bg.png
ごま吉

たくさん、心地よいサイトのお手本を見てください

いかがだったでしょうか?
ブログのアイキャッチ画像を作るなら初心者でも簡単に操作できる、Canvaをオススメします。ぜひチャレンジしてみてください。

公式Canva