ワードプレスやブログ用のアイキャッチ画像を無料でカンタンに作れる方法

      2016/04/23

-shared-img-thumb-WEB86_udetate20150207162040_TP_V

どーも、桑名です。

もっとブログのデザインかっこ良くカスタマイズしたり、

インパクトあるバナーとか自分で作りたいなーと思いつつも、

センスがなさ過ぎ+やり方探すのに手間取って挫折しています(苦笑)

 

そんな僕でもワードプレスのブログに使うアイキャッチ画像だけでも、

ちょっとはインパクトあるやつにしようと毎回頑張って作ってます。

とりあえずあまり難しいことは技術的に出来ないので、

カンタンなやり方かつ無料で出来る方法でやってます。

 

そんなことしてたら以前から何人かのお客さんから

「そのアイキャッチ画像、どうやって作ってるんですか?」

って聞かれることがよくあり、せっかくなので記事にすることにしました。

 

※動画でも解説してますので観たい方はこちら↑をクリック。

 

アイキャッチ画像について

アイキャッチ画像とは

アイキャッチ画像とは、読者さんの注目を引いて記事へ誘導したり、

ついついクリックしてしまうように仕掛けるような画像のことです。

 

OYjournalist-thumb-815x400-19629

こんな感じで画像に文字を入れたりすることでクリックを誘導させやすくなります。

 

child-1226954_1280

1枚目のようにあそこまで作りこまなくても、

文字入れなどでカンタンに加工するだけでだいぶ印象は変わるはずです。

 

よく街中を歩いていると広告とか看板とかでも、

興味を引くデザインでついつい見てしまうことありますよね?

 

要は、ブログのアイキャッチ画像も広告や看板と同じ役割だと考えて下さい。

 

 

アイキャッチ画像をなぜ使うのか?

読者さんってブログにアクセスしてきても基本的にちゃんと読もうとしません。

よっぽど自分が気になって調べたいことでない限り、

流し読みされるか適当に全体を見て興味がなければ閉じられてしまいます。

 

そこで第一印象で視界に入ってくる画像に多少インパクトがあれば、

それだけでも読者さんの気を引いて記事がクリックされやすくなります。

 

アイキャッチ画像用
アイキャッチ画像を入れてる場合

 

アイキャッチ画像用2

アイキャッチ画像を入れてない場合

 

ブログアイキャッチ画像

SNSで投稿された時の印象の違い

 

このようにアイキャッチ画像をあるないでは見た目の印象が全然違うはずです。

どっちのほうがクリックしたくなるかパッと見で分かりますよね?

 

もちろん興味を引くタイトルを工夫するのも大事ですが、

画像、色、文字、タイトルを工夫することで効果は大きく変わってきます。

 

アイキャッチ画像作成に必要なもの

ペイント
ペイント Windowsならデフォルトで入ってる画像編集ソフト

必要なソフトはこれだけで十分です。

 

アイキャッチ画像の作り方

画像を用意する

アイキャッチ画像に使う素材は自分で撮影したものかフリー素材サイトで用意します。

参考記事:ブログ画像にメッチャ使える!クオリティの高いフリー素材が手に入る厳選6サイト

 

 

pakutaso

ここではオススメの画像サイト「ぱくたそ」を例に解説します。

 

アイキャッチ画像2

好きな画像を選んで「S Blog Size」を選択。

もしくは画像上で右クリック「名前をつけて保存」でもOKです。

 

 

保存した画像を右クリック「編集」

アイキャッチ画像4

 

素材が用意できたら画像に合わせて右クリック→「編集」を選択します。

 

色付き帯を入れる

アイキャッチ画像3

図形四角形を選択します。

 

アイキャッチ画像6

図形の範囲を選択します。

 

アイキャッチ画像8

「輪郭」→「アウトラインなし」で図形の枠線を削除します。

 

アイキャッチ画像5

「塗りつぶし」→「マーカー」で背景色を半透明にする。

 

アイキャッチ画像7

図形の背景色を変更します。

 

 

文字を入れる

アイキャッチ画像9

図形の上に文字を入力します。

 

アイキャッチ画像10

文字サイズ、文字デザインを変更します。

 

アイキャッチ画像11

文字色を変更、文字位置を調整します。

 

 

サイズ調整

アイキャッチ画像12

「サイズ変更」で画像サイズを調整します。

※必要ない場合は特に設定しなくてもOKです。

 

保存

アイキャッチ画像13

「ファイル」→「名前を付けて保存」でアイキャッチ画像の作成が完了です。

 

まとめ

OOK3S0420140125180412_TP_V

これがサンプルで作ったアイキャッチ画像の完成版です。

 

たったこれだけでカンタンにアイキャッチ画像が作れますので、

慣れてしまえば5分もかからずに出来てしまいます。

 

一手間入れるだけでより記事が読まれやすくなって、

ブログ滞在時間が伸びたりPVが上がってSEO効果も出てきます。

 

ぜひ試しに使ってみてください。

ではまた。

 -  ブログデザイン