WordPress記事の書き方 PR

ブログのアイキャッチ画像をCanvaでオシャレにしよう!

記事内に商品プロモーションを含む場合があります
人生好転マーチ無料メール講座バナー
 
 

※プレゼントは登録されたメールアドレス宛にご案内します。
※『@icloud.com』や携帯キャリアでのご登録はできません。
※新規アドレスは『Gmail』『Yahooメール』がおすすめです。
※お預かりした個人情報は厳重に管理し、プライバシーを遵守いたします。

 

X(旧Twitter)でブログを紹介する時、
アイキャッチ画像がポストに表示されます。

そんな時、アイキャッチ画像は文字通り
ユーザーの目を引く役割を果たしてくれます。

 

つまり、

アイキャッチが良いと
クリックされる確率も上がる

ということなんですね。

 

逆に言うと、

アイキャッチがしょぼいと
目に止まらないのでアクセス数も落ちる

ということになるわけです。

ほら、画像だけを
申し訳程度に貼ってあるようなブログとか。

見てるこっちもテンション上がらないけど、
書いてる人も乗り気じゃないんだろうなー、
とか思われてしまうかもしれません。

 

そこで今回!

Canvaというソフトを使って

ユーザーの目を引くアイキャッチ画像

を作っていきましょう!

やっぱり見た目がオシャレだと、
それだけ選ばれるようになるのが世の常。

なのでこれから、
ブログのアイキャッチ画像を
Canvaでオシャレに作る方法について、
わかりやすく解説していきますね。

 

マーチ
マーチ
アイキャッチを作るコツについても解説しているので、ぜひ最後まで読んでみてくださいね!

 

Canvaで簡単ブログのアイキャッチ

 

Canva(キャンバ)でアイキャッチ画像を作ろう!

 

Canva(キャンバ)は
無料で使えるデザインツールです。

Canvaはテンプレートも多いので、
初心者でもオシャレなアイキャッチ画像を
カンタンに作れるようになりますよ!

 

今回はCanva内にあるテンプレートで、
以下のようなアイキャッチ画像を作ります。

 

Canvaのテンプレートをオリジナルのアイキャッチ画像にした図

 

ということで、まずは準備から!

 

 

0.準備すること

 

まずはCanvaに無料登録し、
イメージとなる画像を用意して
アイキャッチを作っていきましょう!

 

ねこくん
ねこくん
登録は2分もあればできるよ!

 

Canvaの登録ができたら、
次はモチーフとなる画像を用意します。

【用意するもの】

  • 画像(PNG・JPG)

記事のイメージが伝わる画像であれば何でもOK!

今回は人物をモチーフにして
トレンドブログっぽいアイキャッチ画像を
作っていきたいと思います。

 

今回は写真ACからイメージ画像を取得しました。

フリー画像サイトは
下の記事で色々と紹介しているので、
こちらもぜひチェックしてみてください。

 

【国内外】ブログで使えるフリー画像サイト10選【高解像度】 ブログ記事に画像を載せると、 記事が一気に華やかになります。 それだけではなく、 画像が添えられていた方が イメージも湧きや...

 

準備ができたら
Canvaで画像を編集していきましょう!

 

 

1.テンプレートを決めよう

 

まずはテンプレートを決めます。

Canvaを開いたら検索窓で

「ブログ アイキャッチ」

と入力して検索します。

Canvaの検索窓

 

矢印

赤枠のテンプレートを編集しましょう。

Canva「ブログ アイキャッチ」の検索結果

もし見つからなかった場合は、
こちらからダウンロードしてください。

 

矢印

こちらが編集画面となります。

Canvaのテンプレート編集画面

 

 

2.オブジェクトを削除する

 

まずは余計なオブジェクトを削除します。

Canva余計なオブジェクトを削除する

 

矢印

白黒の画像も消しましょう。

Canvaで画像を削除する
  • 『back spaceキー』
  • 『deleteキー』

上の両キーでも削除できますよ。

 

 

3.画像を配置する

 

予め用意した画像をアップロードします。

Canvaで画像をアップロード

『アップロード』をクリックし、
画像を追加しましょう。

ドラッグアンドドロップでもOK!

 

矢印

次に『配置』をクリックします。

Canva編集画面に配置された画像

 

矢印

配置メニューが現れるので
『背面へ』をクリックします。

Canvaの配置メニュー、背面へ

 

矢印

左の黄色のオブジェクトの下に
画像が配置されればOKです。

ボックスの角を引っ張って画像を大きくしましょう。

Canva、オブジェクトボックスの角を引っ張って画像を大きくする

 

矢印

下の画像のようになってれば大体OKですよ。

Canvaで画像を大きくした編集画面

 

 

4.オブジェクトの色を変える

 

Canva、オブジェクトの色を変更する

 

矢印

カラーメニューが開いたら、
以下のように色を変更します。

Canva、ブルーに変更したオブジェクト

オブジェクトの色が変わればOKです。

 

 

5.オブジェクトを半透明にする

 

赤枠のアイコンをクリックし、
オブジェクトを半透明にしましょう。

Canva、半透明のアイコン

 

矢印

スライダーを動かして
透明度を『50』にします。

Canva、透明度が50になったオブジェクト

下の画像が透けて見えたらOKです。

 

 

6.文字を入れる

 

次は文字を入れていきます。

左の『テキスト』をクリックしましょう。

Canva、文字テキストのアイコン

 

矢印

『テキストボックスを追加』をクリック。

Canva、テキストメニュー

 

矢印

テキストボックスが現れるので、
ここから文章を入れていきます。

Canva、編集画面に現れたテキストボックス

今回は「誰でもできる!」と入力しましょう。

 

矢印

次はフォントを変更します。

Canva、文章を入れ、フォントを変更する

変更する文字をすべて選択し、
左上のフォントをクリックします。

 

矢印

フォントメニューが開いたら
『太字』をクリック。

Canva、フォントメニューで太字に変更

 

ねこくん
ねこくん
アイキャッチに使う文章は『太字』にするのが基本!

 

矢印

今回は『ロダンカトレアUB』を選択します。

Canva、フォントメニューでロダンカトレアUBを選択

フォントの変更はこれでOKです。

 

 

7.文字のバランスを整える

 

赤枠のアイコンをクリックし、
文字間隔を調整しましょう。

Canva、文字間隔を調整する

 

矢印

テキストボックスを広げて
文字を大きくしましょう。

Canva、テキストボックスを広げて文字を大きくする

 

 

8.文字にカラーとエフェクトを入れる

 

文章を選択し、色を変更しましょう。

Canva、文章を選択し、色を変更する

 

矢印

カラーメニューが開いたら色を決めます。

Canva、カラーメニューから色を決める

色が変わればOKです。

 

矢印

そのまま文字にエフェクトをかけるので、
赤枠の『エフェクト』をクリック。

Canva、文字にエフェクトをかける

 

矢印

エフェクトメニューが開いたら『袋文字』を選択。

枠線を『白』にしましょう。

Canva、エフェクトメニュー、袋文字

 

矢印

文字を下の位置まで移動させます。

Canva、エフェクトをかけた文字を移動させる

上の画像のようになってればOKです。

 

 

9.編集を続けよう(文字編集まとめ)

 

次の文章を作っていきます。

左のメニューから『テキスト』を選択。

Canva、文字テキストメニューを開く

 

矢印

『テキストボックスを追加』をクリック。

Canva、テキストボックスを追加して文章を作る

 

矢印

先ほどの要領で「ブログのアイキャッチ」と入力します。

Canva、「ブログのアイキャッチ」と入力した編集画面

フォントサイズは赤枠で変更。

 

矢印

先ほどの要領でカラーを白にします。

Canva、文字カラーを白にしている

 

矢印

続けてエフェクトをかけましょう。

Canva、文章にエフェクトをかける

 

矢印

『袋文字』を選択します。

Canva、エフェクトメニューから袋文字を選択

 

矢印

文字枠のカラーを編集します。

下の手順通りにカラーパレットを開きましょう。

Canva、文字枠のカラーパレットを表示する手順

 

矢印

2つのカーソルを動かしてピンク色を作ります。

Canva、袋文字の文字枠をピンクにしている画面

 

矢印

こんな感じになってればグッドです!

Canva、アイキャッチ画像の二文目が完成した図

 

 

10.文字を複製して編集する

 

同じ装飾の文章を作るときは
『複製アイコン』をクリックします。

Canva、テキストボックスを選択し複製アイコンをクリック

 

矢印

このようにコピペされたらOKです。

Canva、コピペされたテキストボックス

 

矢印

続きの文章を入れましょう。

「Canvaでオシャレに!」と入れます。

Canva、Canvaでオシャレにという文章を入力

 

矢印

バランスを整えたら完成です!

Canva、完成したトレンドブログ風アイキャッチ画像

これでトレンドブログ風の
アイキャッチ画像が作ることができました!

 

 

11.画像をダウンロードしよう

 

右上の『共有』をクリックし、
『ダウンロード』を選択します。

Canva、アイキャッチ画像をダウンロードする画面

 

矢印

『ダウンロード』をクリックします。

Canva、アイキャッチ画像をダウンロードするボタン

作成したアイキャッチ画像が
ダウンロードフォルダに保存されているはずですよ!

 

 

12.保存用フォルダを作ろう

 

Canvaはオンライン編集なので、
基本的に自動で保存される仕様です。

ただ、
アイキャッチ画像が増えてくると管理が大変!

ここでは『保存用フォルダ』を作って
管理しやすいようにしておきましょう!

 

『ファイル』から『フォルダーに保存』を選択。

Canva、ファイルからフォルダーに保存

 

矢印

『新規作成』をクリック。

Canva、新規作成をクリック

 

矢印

好きな名前を付けて、
『新しいフォルダーに追加』をクリック。

Canva、好きな名前を付けて『新しいフォルダーに追加』をクリック。

 

ということで、
Canvaのテンプレートから
アイキャッチ画像をオシャレに編集するまで、
手順を追って解説してみました。

ぜひお好みで色々カスタマイズしてみてくださいね!

 

 

アイキャッチで『差』をつけるコツ!

 

アイキャッチ画像といっても
作り手によって千差万別ですよね。

といってもユーザーから見た時に、
ある程度の良し悪しはあると思います。

その『差』がどこにあるか?

 

そのポイントはつまり、

記事のイメージを
一枚の画像で伝えられているか

に尽きると思ってるんですね。

 

人は何かを検索する時、
欲しい情報のイメージを
なんとなく持っているものです。

そのイメージが
アイキャッチ画像に表れていれば、
「この記事を読んでみようかな」
ってなると思うんですね。

そういうユーザーの関心を引くもの
良いアイキャッチ画像となるわけです。

 

そこでポイントとなるのが3つ!

 

  1. ピンとくる画像
  2. 少ない文章でハートを刺す
  3. 文字色は1~3色で

 

ではそれぞれ見ていきましょう!

 

 

①ピンとくる画像

 

アイキャッチに使う画像は
ユーザーがピンとくるものを使いましょう。

たとえば芸能人のことを記事を書く時は
その芸能人の画像を使うということですね。

※もちろん著作権の問題もあるので、
そこは自己責任となります。

著作権が気になる場合は、
フリー素材でできるだけ
イメージに近い画像を使用します。

 

Canva、イラストやの素材で作ったアイキャッチ画像

 

よくありそうなトレンドブログの
アイキャッチ画像ですが、
右側のイラストがフリー素材となっています。

 

アイキャッチは
瞬間的に飛び込んでくる視覚情報です。

 

検索者がアイキャッチを見た時に
ピンとくる画像を使うこと。

文章で理解させるのではなく

「直感的にコレだ!」

と思わせることが大事なのです。

 

ねこくん
ねこくん
どんな画像をチョイスするかでイメージが変わりそうですね!

マーチ
マーチ
画像のチョイスについては検索キーワードからイメージを連想するのがコツだよ!

 

 

②少ない文章でハートを刺す

 

アイキャッチで使う文章は
シンプルであればあるほど目立ちます。

【頭で考えなくても
イメージが脳に飛び込んでくる】

そういうアイキャッチこそ“至高”です。

 

逆の見方をすると、

タイトルをそのまま載せたり
長い文章を書き連ねたりするのは
アイキャッチの効果的な使い方ではない

と言えるわけです。

 

なので!

アイキャッチの“文章”は

パッと見で理解できる長さ

が“最良”だと考えてください。

そのうえで
ユーザーのハートをぶっ刺す
ワードチョイスをしていきましょう。

 

つまり、
ユーザーが一番知りたいことを
短い言葉でズバッと言い切ること!

アイキャッチの文章については
ここが『一番のポイント』となります。

 

 

③文字色は1~3色で

 

トレンドブログのアイキャッチでは
背景に画像を使うことが多いので、
文字色は少ない方がおすすめです。

基本的には

3色以内に抑える

と良いでしょう。

 

そして、基本の文字色は

  • 背景が暗めなら『白色』
  • 背景が明るめなら『原色』

でバランスを取ってみてください。

もし文字の輪郭がボヤける場合は、
『エフェクト』を使って
文字を浮き上がらせるのもおすすめ!

Canvaには使えるエフェクトが
多数揃っていて使いやすいので、
ぜひ色々と試してみてくださいね。

 

このように以下の3つを守れば

  • ピンとくる画像
  • 少ない文章でハートを刺す
  • 文字色は1~3色で

アイキャッチ画像も
かなり見やすくなるはずですよ!

 

Canvaで作ったブログアイキャッチのバリエーション

 

今どきのブログは、
X(旧Twitter)で集客することも増えました。

ですが、
ブログのアイキャッチ画像は
正直、あまりレベルが高くないので、
アイキャッチで差をつけるのは結構アリです。

 

マーチ
マーチ
ちなみにYouTube動画のサムネ(ブログでのアイキャッチ)はレベルが高いので、色々と参考にしてみるのがおすすめ!

ということで、
ブログのアイキャッチ画像を
オシャレにする解説は以上となります。

Canva自体は直感的に扱えるツールなので、
ぜひこれを機会にステキな
アイキャッチ画像を作ってみてくださいね!

人生好転マーチ無料メール講座バナー
 
 

※プレゼントは登録されたメールアドレス宛にご案内します。
※『@icloud.com』や携帯キャリアでのご登録はできません。
※新規アドレスは『Gmail』『Yahooメール』がおすすめです。
※お預かりした個人情報は厳重に管理し、プライバシーを遵守いたします。