【初心者向け】シンプルでかわいいブログのアイキャッチを作る方法

ブログ運営
スポンサーリンク
chama
chama

ブログ記事の顔ともいえるアイキャッチ画像の作り方を紹介していくよ!
初心者でも簡単に作れるので安心してね。

・そもそもアイキャッチ画像って何?
・パソコン苦手だけど大丈夫かな…
・アイキャッチにお金をかけたくない!無料でやりたい
今回の記事ではこんな悩みを解決していきます。
画像付きで解説していくので、パソコンが苦手な方でもきっと大丈夫!
スポンサーリンク

ブログにおいて重要なアイキャッチ画像とは?

アイキャッチとは画像で目を引いて記事へと誘導させるためのイメージ画像です。
広告なんかでよく使われていますね。

イメージ画像やイラストにキャッチコピーが書いてあるのを良く見るかと思いますが、人の注意を引き付けるのに役立っているんです。

これはブログでも活用できる手法です。
ブログ記事にアイキャッチを設定しておくと、ブログ記事のリンクにアイキャッチが表示されます。
アイキャッチがあるとないでは、記事の印象やクリック率にもかなりの差が出るんだとか。

できるだけ設定した方がいいというか、もはや必須レベル!
写真だけでもいいですが、ブログの内容が書いてあると読者にもわかりやすいですし、私はキャッチコピー的なものは入力しています。

これからブログ記事のアイキャッチの作り方について詳しく説明していきます。

アイキャッチ画像はフリー画像とCanvaで簡単に作れる

chama
chama

Canvaっていうのは無料のデザインツールのこと!
登録すれば誰でも無料で利用ができるよ!

無料のデザインツールCanva(キャンバ)を使えば、誰でも簡単におしゃれなアイキャッチが作れちゃいます。
私はデザインセンス皆無ですが、canvaをつかってなんとかそれっぽいものが作れています。

アイキャッチ用のフリー画像を用意する

まずはアイキャッチの背景になるような画像を用意します。

ブログ記事の内容に合った画像を用意するといいでしょう。
(公園の紹介なら公園の画像や、子どもが遊んでいる画像など)
もし自分が撮った写真があるならそちらを使ってもOK!

個人的におすすめなフリー画像のサイトは下の2つですが、自分が普段使用しているサイトで構いません。

https://pixabay.com/(おしゃれな写真多め)
https://www.photo-ac.com/(とにかく写真の種類が豊富)
 
今回は「pixabay」でこちらの画像を用意しました。
アイキャッチ作りの記事なのでパソコンの画像ね。
パソコン画像

Canvaにアカウント作成する

まずはcanvaのサイトに移動します。
https://www.canva.com/

一応アカウントをつくらなければ、利用できないので、アカウントを作ります。

アイキャッチ 作り方 canva

アカウントはフリーアドレスでもいいですし、グーグルアカウントやフェイスブックアカウントを利用しても登録が可能です。
アカウントの作成自体は簡単で3分もあれば終わるでしょう。

Canvaでアイキャッチをつくる

chama
chama

では早速アイキャッチを作っていきます!
今回は1920×1080サイズでこの記事のアイキャッチを作っていきます。

アイキャッチ 作り方 canva

自分のアカウント名の下に「デザインを作成」ボタンがあるのでクリックします。

アイキャッチ canva つくりかた ブログ初心者

右上の「カスタムサイズ」というところをクリックすると、枠が出てきます。
この枠に「1920」と「1080」といれ「新しいデザインを作成」をクリック。

アイキャッチ canva つくりかた ブログ初心者

・画像をアップロード
左側にあるバーの「アップロード」を選び、「画像をアップロード」ボタンをクリック。
先ほど用意しておいた画像を選択します。

アップロードされたら、左クリックで押しながら右側のキャンバスに移動させます。

アイキャッチ canva つくりかた ブログ初心者

・背景ボックスをつくる
左のバーにある「素材」をクリック。
図形から四角を選び、右側に移動します。

四角の周囲にある白い点を動かすと大きさを変えることができます。
横部分を画面いっぱいまでのばし、横長の長方形をつくり中心にセット。
高さはお好みでどうぞ。(私はh:600~650くらいにしています。)

アイキャッチ canva つくりかた ブログ初心者

・背景ボックスのカラーを変える
左上のカラーで好きな色を選びます。
私はいつも白色にしていますが、暗めなグレーで作ってもおしゃれな感じになりますよ。

アイキャッチ canva つくりかた ブログ初心者

・背景ボックスを透明化する
右上のモザイクっぽいマークを選び、四角の部分を少し透けさせます。
透明度は60~70くらいがおすすめ。

アイキャッチ canva つくりかた ブログ初心者

・アイキャッチの文字を入力する
左のバーにある「テキスト」をクリック。
テキストボックスの追加をおすと、画像の上にテキストプレースホルダという文字が表示されます。

アイキャッチ canva つくりかた ブログ初心者

・文字サイズを変える
字が小さくて文字が入力しづらいので上の数字部分をクリックし、文字サイズを大きくしておきます。
私がいつも使っている文字サイズは72か80。この辺はお好みでどうぞ。

アイキャッチ canva つくりかた ブログ初心者

テキストプレースホルダの文字を消して、枠を広げます。
記事タイトルでもいいですし、人目を引くようなものでもなんでもいいので、アイキャッチの文章を入力していきます。

今回はシンプルに「【ブログ初心者向け】かわいいアイキャッチを無料で簡単に作る方法!」にしました。
バランス良く改行したりして、画像の中心にセットします。

・文字フォントを変える
先ほど文字サイズを変えた数字の左の文字をクリック。
ここでフォントを変えることができます。
自分のブログにあったかわいい感じやかっこいいフォントなど色々あるので、気に入ったものを探してみて下さいね。

アイキャッチ canva つくりかた ブログ初心者

・装飾する
これで完成でもいいんですが、シンプルすぎるので最後の仕上げです。
左バーの「素材」から「線」を選択します。
好きな線を文字の下にひいてみると印象が変わります。

アイキャッチ canva つくりかた ブログ初心者

・一部の文字色を変える
また協調したいところの文字色を変えてみるのもいいですよ。
文字サイズを変更する数字ボタンの右隣のボタンでテキストの色を変えられます。

アイキャッチ canva つくりかた ブログ初心者

・画像をダウンロードする
完成したら、画面右上のダウンロードボタンをクリック。(↓こんなやつ)
ファイルの種類は「PNG」になっていますが、「JPG」に変更をおすすめします。

PNGは高画質だけど画像サイズが大きいため、ブログが重くなる場合があります。
そのため圧縮可能なJPGにするのがおすすめです。

ダウンロードボタンを押せば、完了です。
今回できたのはこんなアイキャッチ。

ブログ初心者向け アイキャッチ画像の作り方

chama
chama

これを自分のブログのアイキャッチ画像に設定すれば終わり!
シンプルで素敵なアイキャッチがあるだけで、だいぶブログの印象が変わるはずだよ。

応用すれば自分だけのアイキャッチが作れる

 【ブログ初心者向け】  かわいいアイキャッチを  無料で簡単に作る方法! 【ブログ初心者向け】  かわいいアイキャッチを  無料で簡単に作る方法!

・背景のボックスの色やサイズを変える
・文字のフォントや位置を変える
・素材の線やイラストで装飾する

この組み合わせで同じ画像・同じ文面でも全然違うアイキャッチ画像を作りことが出来ます。
あなたのセンス次第です!

Canvaでのアイキャッチ画像の作り方 まとめ

chama
chama

シンプルなアイキャッチが簡単に作れるよ!
私のブログのアイキャッチは全部これで作ってます。
内容もパッと見で分かりやすいのでおすすめだよ。

フリー画像サイトと無料のデザインツールを組み合わせるだけで、無料でかわいいアイキャッチ画像が簡単に作れちゃうんです。
なれれば5分くらいでササッとアイキャッチがつくれるので、かなり便利ですよ。

自分だけのオリジナルアイキャッチを作ってみよう!

 

またCanvaを使えばアイキャッチだけでなく、ブログのヘッダーなど色々作ることが出来るので興味があったら試してみてください。

おしまい。

コメント