ブログを始める

【ブログ用おしゃれなアイキャッチ画像を5分で作る方法】Canvaで簡単に!

おしゃれ, アイキャッチ, Canva, ブログ
質問者さん
質問者さん
アイキャッチ画像を自分で作ろうとすると、なんかダサくなっちゃうんだよな。Photoshopとか購入しないとだめかな、、
LISA
LISA
『Canva』ならおしゃれなアイキャッチ画像が簡単に作れちゃうよ!しかも無料プランで十分。
質問者さん
質問者さん
おしゃれに加えて無料…!

ブログのアイキャッチ画像を自分で作りたいけど、
デザインを一から自分でするのってけっこう大変ですよね。

アイキャッチ画像がダサいと、せっかくコンテンツが素晴らしくても台無しです〜。

そこで今回は、
おしゃれなアイキャッチ画像をcanvaで作る方法をご紹介します!

画像付きで解説していきますので、初心者の方でも簡単におしゃれなアイキャッチ画像が作れますよ!

Canvaって何?Photoshopと比較!

おしゃれ, アイキャッチ, Canva, ブログ

Canvaを使ったブログアイキャッチ画像の作り方に入る前に、

「そもそもCanvaって何?」

「Photoshopとどう違うの?」

といった疑問をお持ちの方もいらっしゃると思いますので、
さくっとCanvaについて説明させていただきますね。

デザインツールというと、
やはり、AdobeのPhotoshopが人気ではないでしょうか!

しかしPhotoshopは無料のツールではないため、
プランにもよりますが、最低でも月額980円〜数千円のコストがかかります。

それに加え、Photoshopは操作もちょっと専門的なため、
初心者の方はちょっと戸惑ってしまう可能性も。

質問者さん
質問者さん
これは挫折しそうな予感…。

そこでおすすめなのがCanvaです!

Canvaなら、無料で使えるうえに専門的な知識がなくても
おしゃれなアイキャッチ画像が作れます!

質問者さん
質問者さん
すごっ!!

Canvaで作る!おしゃれなブログアイキャッチ画像の作り方

おしゃれ, アイキャッチ, Canva, ブログ

それでは早速ここからは、Canvaで作るおしゃれなブログアイキャッチ画像の作り方を解説していきます!

①Canvaに会員登録する

まずはCanvaへの登録をサクッと済ませてしまいましょう!

まずは、下記のボタンからCanvaの公式ページに飛んでください。

すると、このようなログイン画面が出てきますので、
「Canvaは初めてですか?登録」をクリックしましょう!

おしゃれ, アイキャッチ, Canva, ブログ

「登録」をクリックすると、

  • Googleでログイン
  • Facebookでログイン
  • メールアドレスで登録

という3つの方法が出てきますので、
好きなものを選びましょう!

おしゃれ, アイキャッチ, Canva, ブログ
LISA
LISA
Google、Facebookで登録する場合、パスワードを登録するだけで簡単に完了するよ。勝手に投稿されるということはないので安心を!

登録したアカウントでログインすると、こんな感じでCanvaのダッシュボードが表示されます!↓

おしゃれ, アイキャッチ, Canva, ブログ
質問者さん
質問者さん
すでになんだかおしゃれな予感…!

②アイキャッチ画像の大きさを指定する

LISA
LISA
ではではここから、5分でアイキャッチ画像を作っていくよ!
質問者さん
質問者さん
ほんとに〜?

まず、Canvaのダッシュボードの右上にある「デザインを作成」をクリック。

おしゃれ, アイキャッチ, Canva, ブログ

すると下の画面が出てきますので「カスタムサイズ」をクリック。

おしゃれ, アイキャッチ, Canva, ブログ
続いて、サイズを指定する画面が出てきますので、サイズを指定しましょう!

LISA
LISA
ワードプレスならどのテーマでも、680✖️390で指定しておけば大丈夫!

アイキャッチ画像のサイズを指定したら、「新しいデザインを作成」をクリックします。↓

おしゃれ, アイキャッチ, Canva, ブログ

 

③テンプレートを選ぶ

アイキャッチ画像のサイズを指定したら、次はテンプレートを選びましょう!

好きなテンプレートを選んでクリックすると、

おしゃれ, アイキャッチ, Canva, ブログ
選んだテンプレートがデザインに反映されます!

おしゃれ, アイキャッチ, Canva, ブログ
質問者さん
質問者さん
一瞬だ…!

 

④アイキャッチ画像にコピーを入れる

テンプレートが決まったら、アイキャッチ画像はもうほぼ完成したようなもの。

続いて、アイキャッチ画像のコピーを変更しましょう!

今回は、このようにアイキャッチ画像のコピーを変更しました。↓

おしゃれ, アイキャッチ, Canva, ブログ

続けて、メインコピーとサブコピーの順番を変えたいので、
コピーの上で右クリック→グループを解除します。

(Macの場合には、controlを押しながらクリックで!)

おしゃれ, アイキャッチ, Canva, ブログ
そして、コピーの順番を逆にします。↓

おしゃれ, アイキャッチ, Canva, ブログ
LISA
LISA
コピーのフォントや文字の大きさも自由に変えられるよ!↓
おしゃれ, アイキャッチ, Canva, ブログ

 

⑤イラストを追加する

アイキャッチ画像のコピーを入れたら、
イラストを追加しましょう!

LISA
LISA
イラストは、商用OKのアイコンを入れると便利!

今回はシンプルに一つのイラストにしたいので、
アイコンを入れる箇所を一箇所にしてしまって、

アイキャッチ画像に合ったアイコンのイラストを追加します!

おしゃれ, アイキャッチ, Canva, ブログ
LISA
LISA
今回のアイコンイラストはFlat Icon Designから選びました!

イラストは、ダッシュボード左の「アップロード」から追加できますよ。↓

おしゃれ, アイキャッチ, Canva, ブログ

 

⑥アイキャッチ画像の背景を調整する

アイキャッチ画像のコピーとイラストが入ったら、
最後に、全体のバランスをみてアイキャッチ画像の背景を調整していきましょう!

アイキャッチ画像の背景は、
左上の「背景色」をクリックすると変更できます!↓

おしゃれ, アイキャッチ, Canva, ブログ
LISA
LISA
背景の色を変更するだけで、かなり印象が変わるよ!
おしゃれ, アイキャッチ, Canva, ブログ

これでアイキャッチ画像が完成です!

Canvaでおしゃれなアイキャッチ画像が簡単に作れました!

LISA
LISA
フォントや色味も最終調整してみてね!

今回は他のアイコンも追加して、このような形になりました!↓

おしゃれ, アイキャッチ, Canva, ブログ
質問者さん
質問者さん
アイコンを重ねて使うこともできるんだね!

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

アイキャッチ画像が完成したら、ダウンロードしましょう!

ダウンロードするファイルの形式は、Canvaで推奨されているPNGでOK。

おしゃれ, アイキャッチ, Canva, ブログ

「ダウンロード」ボタンを押したら完了です!

ブログが重くなる原因に?アイキャッチ画像は圧縮を!

以上が、ブログのアイキャッチ画像をCanvaで作るステップです!

質問者さん
質問者さん
ほんと簡単だった〜!
LISA
LISA
でしょ?終わったらアイキャッチ画像を圧縮するのも忘れないでね。

アイキャッチ画像をこまめに圧縮しておくと、ブログが重くなる原因を防ぐことができます!

LISA
LISA
わたしはTinyPNGでアイキャッチ画像を圧縮しているよ。

Canvaでおしゃれなブログアイキャッチ画像を作ろう!

今回は、Canvaでおしゃれなブログのアイキャッチ画像を作る方法をお伝えしました。

アイキャッチ画像がおしゃれになると、
それだけで最後まで記事を読み進めてもらいやすくなりますし、
当然、ブログ記事からの離脱率も下げられます!

LISA
LISA
Canvaを使えば、アイキャッチ画像がぐーんとおしゃれになるよ!
質問者さん
質問者さん
これからはアイキャッチ画像作るのが楽しくなりそう〜!
ブログ×完全外注化で会社以外の収入源を作る
無料メルマガ講座はこちら
ブログ×完全外注化で会社以外の収入源を作る
無料メルマガ講座はこちら