Canvaでアイキャッチを作る手順【初めて作成する人のための超!基本】

CanvaComplete イラスト

アイキャッチを作るのに、おススメの「Canva(キャンバ)」。でも、

Canvaを使っても、簡単には作れない…

〇分で!とか言われても、時間かかちゃう…

とか、思ったことないですか?

実は、わたしがそうでした…

2時間くらいかかっちゃう!

完成するまで、いろいろと迷うんだよね…

そんなことを思いつつ、20個以上を作ってみたところ1つの「道」のようなものが見えてきました!

その道をたどると

30分くらいでそれなりのができる!!!

あれ、これでやればみんなもできるんじゃない?

と思ったので、わたしの「Canvaでアイキャッチを作るときの手順」を、この記事のアイキャッチを作りながら紹介したいと思います。

とりあえず、この手順で作れば初めて作成する人でもそれなりのができるはず!

ぜひ、読みながら試してみてください!!

 

\ 会員登録もデザインも無料です /

Canvaの公式サイトはこちらから

 

Canvaでアイキャッチを作る手順

Canvaでアイキャッチを作るとき、わたしは次の手順で作成しています。

    1. 画像サイズを決める
    2. タイトル(文字)を入力する
    3. イメージの確認をする
    4. ゴールを設定する
    5. タイトルをデザインする
    6. イメージに合うイラストなどを追加する
    7. 完成

それでは、順番に説明していきますね。

1.画像サイズを決める

まずは、アイキャッチの画像サイズを決めます

基本的には「Twitterの投稿」でOK!(「Twitterの投稿」の選び方がわからない人は最後の「「Twitterの投稿」はデザインの作成から選ぶ」へ)

しかし、WordPressのテーマ「SANGO」は、「幅680px×高さ390px」の画像サイズを推奨しています。その場合は「カスタムサイズ」に数字を入力して作成します。

custom

①Canvaサイト画面の右にある「カスタムサイズ」をクリック。

②さらに「幅」と「高さ」の数字を入力し、単位を選択。単位は「px(ピクセル)」以外にも、「in(インチ)」や「cm(センチメートル)」、「mm(ミリメートル)」も選べます。

これで、SANGOの画像サイズができたので、ここにタイトルを入れます。

2.タイトル(文字)を入力する

デザイン画面ができたら、タイトルを入れます

タイトルを「コピー」して「貼付け」で簡単に入ります。

title

もちろん「テキスト」の「見出しを追加」をクリックし、手打ちしても大丈夫。

 

次にタイトルを

  1. 重要なワードが入った部分
  2. その補足をするような部分

で、2~3個に分けます。

SEOキーワード(そのワードでGoogle検索の上位に表示されたい語句のこと)があれば、それが重要なワードです。

この記事の「Canvaでアイキャッチを作る手順【初めて作成する人のための超!基本】」では、以下の2つに分けてみました。

  1. 重要部分=「Canvaでアイキャッチを作る手順」
  2. その補足部分=「【初めて作成する人のための超!基本】」

title2

このときも「カット&ペースト」で、簡単にできます。もちろんほかの方法でも大丈夫です!

3.イメージの確認をする

タイトルを入れたら、デザインをしていく前に完成のイメージを固めます

先の「タイトルを入力する」部分で分けた「1.重要部分」に注目!

そこに「企業」や「サイト名」があれば、その公式サイトで「」などの「サイトのイメージ」を確認。また「SEOキーワード」があれば、検索してみてそのキーワードのイメージも確認

イメージをつかんで、それをデザインに活かしていきます。

出来上がったアイキャッチと、タイトルのイメージに違和感があると見てもらえなくなってしまったり、気づいてもらえなかったりします。なので、イメージを合致させることはとても大切!です。

 

この記事のタイトルでの重要部分は「Canvaでアイキャッチを作る手順」だったので、サイト名の「Canva」を検索してみます。

Canva

こちら公式サイト。公式サイトでは、ロゴも確認。ロゴに使われている色がそのまま企業やサイトのカラーであることが多く、みんなが持つサイトのイメージカラーになりやすいです。

Canvaの公式サイトは、「ブルー」と「ホワイト」が主に使われていますね。

 

また、検索スペースの下にある「画像」も見ます

Google

Canva2

やはり、ブルーとホワイトのイメージが強い。あと、おしゃれな感じがします。

これが企業サイトだと、その企業のバナー広告も出てきます。それは、その企業がお金を使って、プロに作ってもらっているので、とても参考になります。

これでつかんだイメージから離れないように作成すると、「あ、これは○○について書いてある記事なんだな」とアイキャッチを見るだけで分かってもらいやすくなります

4.ゴールを設定する

さて、イメージがつかめたら、頭の中を整理して完成図をおおまかに設定します。

この記事では、「Canva」から受けるイメージの色や雰囲気から

  • 色はブルーとホワイト
  • 文字は明朝体系のフォント(おしゃれ系になる)

で、アイキャッチを作成します。

それからロゴが「丸」を使っていたので、

  • 図形は丸を使う

として、デザインに活かせそうです。

他にも、タイトルにVOD(ビデオ・オン・デマンド)企業名があれば、テレビやパソコン、スマートフォンの図形。電子書籍サイトであれば、本やスマートフォン、タブレットのアイコンなんかもいいかもしれませんね。

 

できれば、なんとなく紙に描けるくらい、具体的に完成イメージを明確にしておくと、ゴールがぐっと近づいてきます!

例えば、Canvaのテンプレート。そのままでは使いにくいけど、文字と図形の並べ方を参考にしてみるとか。

template

 

もしくは、「Pinterest(ピンタレスト)」も参考になる!(Pinterestについては「デザインの参考にはピンタレスト」を参照してみてください)

 

ここで、タイトルからイメージできるものを固めておき、次から実際にデザインをしていきます。

5.タイトルをデザインする

ではCanvaにもどり、まずはタイトルをデザイン

具体的には、

  • フォントのサイズ
  • フォントの種類

を調整して、強弱をつけていく

font

こんな風に作ってみました。

アイキャッチはじっくり読むものではないので、重要ワードは大きく、そうでないものは小さくします。

また順番を入れ替えたり、無くても意味が分かるような接続助詞や記号などは、消しちゃっても大丈夫。

きれいに仕上がるコツは「英字は英字フォントを使う」「フォントの種類を使い過ぎない」こと。

ここで完成としてしまってももちろんOK!

 

でもちょっと寂しいので、もう少し図形やイラストなどを足していこうと思います。

6.イメージに合うイラストなどを追加する

図形やイラストを足して装飾していきます。

「4.ゴールを設定する」で、

  • 色はブルーとホワイト
  • 図形は丸

と決めたので、そのイメージで作成。

 

まず、色を設定してみる。

CanvaCollar

背景はCanvaのブルー、文字はホワイトにしてみました。これだけでも、いいかも。

(このCanvaのブルーは「ColorPick Eyedropper」でカラーコードを調べて入力。「ColorPick Eyedropper」については「イメージカラーを取得するColorPick Eyedropper」を参照してね)

 

でも、図形やイラストなどを足し、おしゃれ度を上げてみます。

CanvaComplete

「丸」と「おしゃれ」を強く意識し、図形の「丸」を入れ、草花も「丸」。

草花の色も、ブルートとホワイトに合うように「グレーの濃淡」と、アクセントカラーに「イエロー」を入れて調整。あと、背景に「ホワイト」を入れたので、文字の色も調整。

色については、プラス1色。さらに「黒」「白」「グレー」を足して調整すると、比較的バランスよくいきやすい。

ここでも気をつけて欲しいのは、タイトルの重要部分は目立たせる

「ズーム」で表示サイズを小さくしてみると、見た目が変わり「見やすいかな?」「バランスは悪くないかな?」などがわかりやすくなる。

CanvaZoom

作成している途中でも、何度かサイズを変更して確認していました。そこで「アイキャッチ」の文字が見づらいなと気づいたので、フォントサイズを少し大きく変更。

7.完成

CanvaComplete

お疲れ様です。これにて完成!!

「Twitterの投稿」はデザインの作成から選ぶ

おまけとして、Twitterの投稿がどこにあるかを書いておきます。

「Twitterの投稿」は、Canva内「ホーム」の「デザインの作成」の中にあるよ。

size

もしくは、左の「デザインを作成」をクリックして「Twitterの投稿」を選択。

size2

これで、画像サイズはOKです!

作るときに手助けになるもの

手順の途中で紹介している、

  • ColorPick Eyedropper
  • Pinterest

の2つは、アイキャッチを作るとき本当に役に立つ!

あると便利なので、もう少し詳しく説明します。

イメージカラーを取得するColorPick Eyedropper

アイキャッチを作るときには、公式や企業サイトのカラーを、デザインに活かすことが大切

でも、その色をCanvaのデフォルトカラーから探すのはちょっとめんどくさい。

そんなとき、Google Chrome拡張機能である「ColorPick Eyedropper」を使えば、簡単にカラーコードを取得できてとても便利!

「ColorPick Eyedropper」はChromeウェブストアのこちらから入手できます。

使い方は、沖ケイタさんの「ハイパ―メモメモ」から「ColorPick EyedropperでWeb上のカラーコードを5秒で調べる方法」の記事がわかりやすいので参考にしてください。

 

調べた色のカラーコードは、そのまま「コピー&ペースト」で検索スペースに入れると、色が表示されます。

Collarcode

デザインの参考にはピンタレスト

作ってて1番楽しくもあり難しいのは、図形やイラストを足していくとこじゃないですか?こだわりだすととても時間がかかり、迷子になってしまう…

そんなときは「Pinterest(ピンタレスト)」で先に完成のイメージを固めておくのがおススメ。

アカウントの作成が必要ですが、利用は無料。それでいて、ステキなデザインがいっぱい!

ちなみにアイキャッチの参考には、検索に「バナー」と入れると、プロによるかっこいいデザインに出会えます。

pinterest

 

\ アカウントを作成すると利用できます /

ピンタレストの公式サイトはこちらから

まとめ:アイキャッチは大切な3つさえ覚えておけば簡単に作れる

ここまでCanvaでアイキャッチを作るときの手順を紹介してきました。

大切なのは

  1. イメージの取得
  2. タイトルのフォントに強弱をつける
  3. イメージに合う色や図形で装飾する

の3点。

この3点をおぼえていれば、30分以内で作成できると思う。

また、いくつか作っているうちに自分なりの型ができて、「5分で完成」も夢ではない!

ホント、1度でいいからこれ見ながら作ってみて!!!

 

\ それでは作ってみよう /

Canvaの公式サイトはこちらから

コメント

  1. Toll gemachte Website, das Layout gefaellt mir sehr gut!
    War bestimmt ne menge Aufwand.

  2. Great web site. Lots of helpful info here.
    I’m sending it to some friends ans additionally sharing in delicious.
    And naturally, thank you to your effort!

  3. Kitap Satış Sitesi En Iyi Satan Kitaplar

  4. I used to be recommended this blog via my cousin. I’m not certain whether
    this put up is written by way of him as no one else recognize such
    unique approximately my trouble. You are amazing! Thank you!

タイトルとURLをコピーしました