簡単におしゃれに！Canvaを使ったブログのアイキャッチの作り方を解説

こんにちは、ゆるミニマリスト主婦のくうかです。

ブログ記事の表紙のような「アイキャッチ画像」。

アイキャッチとは”目を引く”という意味なので、記事を読んでもらうためにも設定した方が良いとされています。

SNSやピンタレストにシェアする場合にも適用され、私自身も素敵なアイキャッチに惹かれて読みに行くことがあります。

目を引くことで記事を読んでもらえたら嬉しいですし、私も必ず設定するようにしています。

＼ こちらもおすすめ ／

• おしゃれなサイト型トップページの作り方を公開
• ブログのファビコンが検索結果に表示されない場合の対処方法

ブログのアイキャッチの作成におすすめなのはCanva

私はアイキャッチ画像の加工にCanvaを利用しています。

ブラウザで使用することができるので、気軽に始められるのがいい。

おすすめするポイントは、

• 無料版でもアイキャッチなどのデザイン作成が可能
• テンプレートがある

私のような初心者には「自分で描く・デザインする」ということが難しいので、テンプレートがあるのは非常に心強い。

さらに有料版を使うことで、

• 画像の透過が可能
• 画像のサイズ変更がいつでも可能
• フォント・素材・写真がすべて使える
• 背景リムーバが可能
• ストレージが無限に

などの恩恵があり、使い勝手アップ・助かる要素が爆上がりに。

有料版は１か月のお試し期間があるので、ぜひお試ししてみてください。

＼ 有料版を１か月試してみる ／

Canvaで簡単！ブログのアイキャッチ画像の作り方

それではブログのアイキャッチを、Canvaで作っていきたいと思います。

ログインは、

• Google
• Facebook
• メールアドレス

等、様々なアカウントでログインすることができるので、始めるのは比較的ハードルが低いです。

ログイン後、Canvaのホーム画面から、【デザイン作成】→【カスタムサイズ】を選択します。

アイキャッチ画像のサイズ

カスタムサイズを選ぶと、幅・高さを指定することができます。

アイキャッチ画像のサイズは、SNSで切れずに表示できる、

• 1200×630px

を採用しています。

【新しいデザインを作成】を選択すると、以下のようなキャンバスの画面に切り替わります。

Canvaのテンプレートで簡単にアイキャッチを作る

Canvaで用意されているテンプレートを使って、サクッと簡単に仕上がる方法です。

テンプレートならもともとおしゃれなデザインが既に完成しているので、テキストや色味を少し変えるだけでアイキャッチの完成…！

ほんの少しいじるだけでだいぶ変わりますよね？

【応用】Canvaでよく使う編集機能

Canvaでフォントの種類やサイズなどを変更する以外にもよく使う編集機能を、応用として紹介しておきます。

配置

配置タブでは、画像の配置やサイズを決めることができます。

• 複数の画像が重なりあっている場合に、どれを優先して前面に出すか・または背面にするかを設定する
• 複数の画像の位置を揃える

レイヤータブでは、画像の選択がおこなえます。

透明度

画像の透明度を設定することができます。

数値を入力またはバーをドラッグすることで、透明度を変更します。

数値が小さくなるほど透明度が増す。

画像を編集

画像の見た目を編集することができます。

私がよく使うのは【フィルター】。Epicにしています。何となくノスタルジックな写真になります。笑

あとはぼかしや、フレームなども付けることができますよ。

エフェクト

文字のエフェクトを追加することができます。

影を付けたり袋文字にしたり。

湾曲という機能もあります。

アイキャッチ画像のダウンロード・保存

完成したアイキャッチ画像は、CanvaではそのままSNSでシェアしたり、ピンタレストに投稿することもできますが、保存する場合はダウンロードします。

右上の【共有】から【ダウンロード】を選択。

ダウンロードを選ぶと、ダウンロードするファイルの種類を選択する画面になります。

デフォルトではPNGが選択された状態で、Canvaでも推奨されています。

しかしJPGの方がサイズが小さいので、私はほぼJPGです。

ただしJPGでは透過画像を保存できないため、透過した画像をダウンロードしたい場合に限りPNGを採用することにしています。

ファイルの種類を選んだら、【ダウンロード】を選択。

これでパソコンにアイキャッチ画像が保存されました。

さらに画像のサイズを小さくしたい方は、下記のサイトのような圧縮サイトで圧縮します。

圧縮はこちらのサイトがおすすめ。ドラッグするだけ♪

ブログのアイキャッチを作るときの３つのポイント

だいぶアイキャッチ作りにも慣れてきて、改めて気を付けていることを書き留めておきます。

記事の内容がわかるようにする

アイキャッチを見ただけで記事の内容がわかると、クリックされやすくなります。

当ブログのトップページのカスタマイズ記事です。

おしゃれなテンプレートを使って、画像をはめ込んだだけなんですけどね。苦笑

タイトルの文字は簡潔に・見やすく

レビューする商品の画像を全面表示させて、タイトルを右下に入れてるのですが、そのままだと文字が見づらくなります。

これもテンプレートの力なんですけど、Canvaの【エフェクト】機能の【ネオン】を採用して、タイトルが少し浮き上がって目立つようになっています。

アイキャッチの雰囲気を統一する

以前はとにかくぱっと見が良ければいいと思っていましたが、いざトップページにアイキャッチが並ぶと、何だか統一感がないな…という印象。

ただ統一しすぎてしまうのも面白みに欠けるので、「色の雰囲気を合わせる」ことと「フォントを統一する」ことを意識しています。

• 色：淡い色
• フォント：日本語はモトヤゴシック w3、英語はMontserrat Classic

あと、カテゴリーごとにテンプレート化してみたり。

ブログカスタマイズのカテゴリー

愛用品のカテゴリー

アイキャッチに使うイラストも、できる限り統一した方がいい感じに見えますよ♪

当ブログはイラストレーターSai.さんにふきだし用アイコンを作っていただいているので、使用するイラストもSai.さんが描かれたものに統一しています。（修正途中の記事もあり）

ふきだしで使っているSai.さんのアイコンは、ココナラで依頼できるので気になった方はぜひ♪

ブログのアイキャッチ作成におすすめなフリー素材サイト

ブログのアイキャッチの作成に利用したことがあったり、いいなと思っているサイトを紹介します！

イラストのフリー素材サイト

イラストAC

素材数がとても多い！（探すのが大変だけど）

当ブログのアイコンを制作していただいたSai.さんのフリーイラストが掲載されていて、よく使ってます。→サイクラシさんのフリーイラスト

ソコスト

シンプルなイラストで素材も豊富。色変更可能が嬉しい。

Loose Drawing

シンプルでかわいい。最近よく見かけるイラストですね。

写真のフリー素材サイト

ぱくたそ

有名なフリー写真サイト。人物のおもしろ画像も多いですよね。

GIRLY DROP

女の子が好きそうな、きれいでかわいい写真素材がたくさんです。

Canvaを使ったブログのアイキャッチの作り方まとめ

私が実際に行っている、ブログのアイキャッチ画像の作り方を紹介しました。

• おすすめのアイキャッチ作成ツール：Canva
• アイキャッチのおすすめサイズ：1200×630px

「アイキャッチ画像を作りたいけど、自分では描けない」という方に、おしゃれなテンプレートで簡単に作れるCanvaはとてもおすすめです。

ブラウザさえあれば始められるのが魅力的。

私はデザインセンスがいまいちなので、Canvaは神的存在！今後もお世話になります。

＼ 有料版を１か月試してみる ／