はてなブログでのアイキャッチ作成方法（テンプレート活用）

はじめに

はてなブログでアイキャッチ画像を作成する作業は、楽しいのですが、難しい作業でもあります。
私がアイキャッチを作る際は、テンプレートからデザインを選んで、色々調整をしつつ作成することが多いです。
今回の記事では私なりのアイキャッチ画像の作り方をまとめます。

私がアイキャッチ画像を作成する手順

1. 編集オプションの「アイキャッチ画像を作る」をクリックする

まずはアイキャッチ画像作成の入口の紹介です！「アイキャッチ画像を作る」をクリックするとアイキャッチ画像作成用のCanva画面が立ち上がります。
なお、ボタンの近くにも書いてありますが、Canvaの無料会員登録が必要です。

2. Canva編集画面の画面左のエリアから、アイキャッチ画像のテンプレートを選択する

私は以下の観点でテンプレートを選択しています。

【アイキャッチに使いたい画像がある場合】

画像枚数はテンプレートと一致しているか
- 画像の切り抜きを使っているテンプレートもあり、その場合は、画像枚数が異なると調整が難しいため、使いたい画像の枚数とテンプレートの画像の枚数は合うようにしています。
画像のメインポイントはテンプレートで強調できそうか
- 例えば青空に浮かぶ雲の写真をアイキャッチで使う場合、その雲がはっきり表示できそうなテンプレートを選択します。文字もできるだけ画像のメインポイントにかからないようなものを選択します。（ただ、文字も写真も後ほど微調整できるのでそこまで厳密に意識しなくてもよいです）

【アイキャッチに使いたい画像がない場合】

テンプレートに画像が入っていないか
- テンプレートの画像をそのままアイキャッチに使用すると、記事内容とアイキャッチの画像に齟齬がでてくる可能性があります。アイキャッチを見て記事にアクセスされた方のためにもアイキャッチ画像と記事内容の齟齬は避けたいです。
アイキャッチに記載したい文書がテンプレートの文字エリアに収まりそうか
- アイキャッチに記載したい文書が、あまりにも長すぎて、テンプレートの文字エリアに収まらない場合、Canvaの方で自動的にフォントサイズを小さくしてくれると思います。
  ただ、アイキャッチはできるだけ大きく・バランスの良い文字サイズで表示したいです。
  微調整であればテキストボックスのサイズ調整で可能ですが、できるだけテンプレート選びの時点でサイズを合わせておくと、後になってイメージ違いが起こりづらく、良いと思います。

3. アイキャッチに画像を入れたり文書を編集する

操作方法について不明な点がでてきましたら、「アイキャッチ画像を作る」の下にある「画像の作り方」から遷移するページを参照されることをオススメします。そのページに詳しいやり方が書いてあります。

はてなブログのアイキャッチ画像はCanvaにお任せ！目を惹くアイキャッチ画像の作り方

4. Canva編集画面の右上にある「完了」をクリックする

アイキャッチ画像が完成したら、画面右上の「完了」をクリックすれば、はてなブログに反映されます。

使うフォントに困ったら

実は今回の記事でCanvaのことを書こうと思ったのは、Web上でこの記事を見つけたからなんです。

value-creation.jp

Canvaでアイキャッチを作る時に困るのが、使うフォントを決めること。
「テンプレートのフォントはちょっとイメージと違うから、よさげなフォントを選ぼう」と考えても、
Canvaの選択可能なフォント数は膨大で、どのフォントを選べばよいのか悩んでしまいます。
上記の記事では、どのフォントを使うとどんなイメージになるのかが、紹介されています！（ちなみに記事内で紹介されていたフォントは「筑紫A丸ゴシック」以外使用可能でした）