Amazonタイムセールはこちら
ブログ運用

【PC版】Canvaの使い方 アイキャッチをプロっぽくデザイン!

【PC版】Canvaの使い方 アイキャッチをプロっぽくデザイン!

デザイン作成ツールの「Canva」

無料で使用できる手軽さから、ブログのアイキャッチや、YouTubeのサムネなどに使用している方も多いのではないでしょうか。

実は私、ブログを始めて約2ヶ月程、アイキャッチ等のブログに使用する画像はCanvaではなく、全てIllustratorを使用して作成していました。

しかし、試しにCanvaを使用したところ、あまりの簡単さとその使いやすさに驚きました!

過去の自分に教えてあげたいくらいです⋯。

Canvaの良いところは簡単というだけではないんです。簡単且つプロ並みのデザインがあっという間に作れちゃうんです。

Canvaのツイート
この記事のテーマ

Canvaを使用したことがないという初心者さん向けに、

  • Canvaの基本的な使い方
  • 各機能の説明
  • 文字に影を付ける方法
  • 作業効率を上げるショートカットのテクニック

をご説明していきます。

Canvaに会員登録しよう

まずは、Canvaに無料会員登録しましょう。

登録は3分もあれば完了すると思います!

Canva公式

登録方法は3種類で、Facebook、Googleアカウント、メールアドレスのどれか1つで登録できます。

FacebookやGoogleアカウントで登録しても、何か勝手に投稿されることはないので安心してください!

ねずみん
ねずみん
登録が完了したら、ブックマークに追加しておくと良いよ♪

カスタムサイズでアイキャッチに適切なサイズを設定

それではさっそく、デザインしていきましょう!

左側(サイドバー)にある、「デザインを作成」ボタンを押します。

ここでさまざまなサイズが選べます。

アイキャッチの場合は「+カスタムサイズ」から、任意のサイズを入力します。

キャンバのカスタムサイズ

このブログはテーマ JINを使用しており、JINのアイキャッチの推奨サイズ

760(幅)×428(高さ)となっています。単位はピクセル(px)です。

ブログによってアイキャッチの推奨サイズが違うので、確認してみて下さい。

Canvaの機能について

サイズを入力すると、下記画像のような編集画面が表示されたと思います。

キャンバ機能について

左側にあるタブ(赤枠内)の機能について、順番に説明していきます。

  • テンプレート

もうお分かりの通り、デザインが出来ちゃってます。

テンプレートを選ぶとキャンバスに表示されるので、あとは文字を変えるだけで、もうアイキャッチが完成します!!

有料の素材には「網掛けの透かし」が入っています。「透かし」を消すにはお金がかかってしまうので、無料の素材に置き換えると良いですよ♪

  • 写真

写真が選択できます。テンプレートに有料の写真が入っている場合は、ここから無料の写真に置き換えることができます。

  • 素材

アイコンや、イラスト、図形などを挿入できます。

色を変えることが出来るものもあるので、全体のカラーバランスを見て色をチョイスできるところが非常に便利です!

  • テキスト

テキストを挿入できます。テキストにもテンプレートがありますが、アイキャッチ作成では使用しない場合が多いです。私は、「見出しを追加」ボタンしか触りません。

  • 背景

背景が選べます。

  • アップロード

自分のパソコンに保存している画像を読み込んで、素材としてCanvaで使用することが出来ます。

Canva内に使用したい無料イラストが見当たらず、他サイトで探して保存した画像を使用したいときや、オリジナルのイラストを載せたいとき使う機能です。

登録不要&商用利用可能のフリーイラストサイトまとめ▼

あわせて読みたい
無料・商用利用OK・登録なし!フリーイラスト素材のサイト厳選紹介
無料・商用利用OK・登録なし!フリーイラスト素材のサイト厳選紹介ブログのアイキャッチ画像や、記事の合間にちょっとしたイラストを入れたい場合に、イラスト探しって結構大変ですよね。 素材サイトも、素...

文字設定バーを使いこなして、おしゃれなデザインに

テンプレートまたは背景を選んだら、文字を設定していきます。

キャンバの機能

左側の「見出しを追加」をクリックすると、文字を入力するボックスが表示されます。

テンプレートの場合は、そのまま文字列を変更していく形でも良いと思います!

キャンバスの上部「文字設定バー」について
  • フォント種類
  • 文字の大きさ
  • 文字色
  • 太字
  • 斜体
  • 文字寄せ⋯左、中央、右に寄せることができます。
  • 大文字小文字…アルファベットの大文字小文字が切り替わります。
  • 箇条書き…番号なしリスト「・」または番号付きリスト「1」「2」が切り替わります。
  • スペース…文字間隔と行の高さが選べます。
  • グループ⋯素材や文字をグループ化したり、解除したりできます。
  • コピー
  • 配置⋯重なり順(前面、背面)と、テキスト配置を変更できます。
  • 透明度
  • リンク
  • ロック⋯素材の配置を動かしたくないときに固定させることができます。
  • 消去

ボタン一つで自由にカスタマイズできるので、ほんとに便利です!!

データの書き出しは、画面右上のダウンロードボタンを押して、好きな形式を選択するだけです。

文字に影を付ける方法

ここで、少し応用編!文字に影を付ける方法をご紹介します。

\超簡単3ステップ/
  1. 影を付けたい文字をコピー&ペースト
  2. どちらか一方を濃い色にする(影になる)
  3. 濃い方の文字の重ね順を背面にする
  4. 2つのオブジェクトを選択して、グループ化
キャンバ文字に影を付ける方法1 キャンバ文字に影を付ける方法2

配置後に2つのオブジェクトをグループ化することで、動かしたいときにバラバラになることを防ぎます。2つを囲むようにドラッグするか、Shiftを押しながらもう片方を選択することで、2つのオブジェクトを選択出来ます。

少し立体感が出て、よりおしゃれになりましたね!!

Canvaで使えるショートカット 効率UP間違いなし!

Canvaにもショートカットがあります。

ショートカットを使うことで、作業が効率化されます。

ねずみん
ねずみん
私がよく使うショートカットをご紹介します!

コピー CtrlC

貼り付け CtrlV

切り取り CtrlX

元に戻す CtrlZ

やり直す CtrlShiftZ

グループ化 CtrlG

グループ化解除 CtrlShiftG

複製 Alt+ドラッグ

素材の縦横比を変える Shift+ドラッグ

大きく移動 Shift+方向キー

ショートカットを覚えてしまえば、マウスを動かす手間がないので楽ちんです♪

アイキャッチのデザインは、ブログの全体イメージにも繋がります。

Canvaを使いこなして、プロ並みのデザインを取り入れることで、ブログの印象も上がることでしょう。

ねずみん
ねずみん
この記事が役に立てば嬉しいです!

 

アイキャッチに統一感は不要です!テンプレート化するのはやめよう▼

あわせて読みたい
アイキャッチ画像のテンプレート化はやめた方が良い!統一感は不要
アイキャッチ画像のテンプレート化はやめた方が良い!統一感は不要初心者ブロガーの悩み。 私も、初めの頃は悩んでいました。 しかしある日、その悩みを解決した出来事がありました。 ...
ブログで稼ぎたい人向けの書籍