初心者でも簡単!アイキャッチ画像を作ろう 【Canvaの使い方】

Canvaの使い方のアイキャッチ

こんな悩みにお答えします

  • ブログはじめたけど、タイトルの下の画像ってどうやって用意するの?
  • デザインソフトって買ったら高いよね?
  • センスないしおしゃれなデザインなんて無理じゃない?

Illustrator歴10年以上のデザイナーのあまる(@bibirina_amaru)です。

アイキャッチ画像の作成はデザインツールの「Canva(キャンバ)」をおすすめします。

にゃんこ先輩
にゃんこ先輩

Canvaってそんなええの?

いいですよ!操作がすごーく簡単で、初心者でもおしゃれなデザインができちゃいます

あまる
あまる

Canvaをおすすめする理由は以下の3つ。

  • デザイン初心者でも簡単にアイキャッチ画像が作れる
  • Canvaは無料で使えるデザインツール(有料版もあり)
  • おしゃれなテンプレートを利用して簡単にデザインを作れる

ブラウザ版とアプリ版があるので、パソコン・タブレット・スマホで使えますよ

あまる
あまる
にゃんこ先輩
にゃんこ先輩

それは便利やな!後輩ちゃん、アカウント登録するから使い方教えて〜

画像付きで解説しますので、Canvaを使ってアイキャッチ画像を一緒に作ってみましょう。

目次

Canva(キャンバ)の無料版と有料版の違い

Canvaには無料版と有料版があります。

違いはざっくりいうと次の2つ。

  • テンプレートや素材の使える量が違う
  • 無料版は一部機能に制限がある

有料版の素材などには「王冠」のマークがついているので見分けることが簡単です。

あまる
あまる

ちなみに当ブログでは、全ての画像を無料版のCanvaで作成してます

無料版から始めても、かなーりおしゃれなデザインが作れるので自信を持っておすすめします。

Canva(キャンバ)だけで画像を作るメリット・デメリット

Canvaだけで画像を作るメリットは3つ。

  • 無料のテンプレート・素材を選ぶだけOK
  • 基本的な操作は非常に簡単
  • 画像を短時間で作成できる

デメリットをあえていうなら1つ。

  • 他の人とデザインが被る可能性がある

デザイン被りを回避するには、無料の素材・画像サイトを利用するのがおすすめです。

画像を探す手間はかかりますがデザインに幅がでるので、いずれはチャレンジしてみたいですね。

にゃんこ先輩
にゃんこ先輩

とりあえずは探すの面倒やし、自分はCanvaの素材だけでええかな

そうですね。まずは作って慣れましょう!

あまる
あまる

アカウントを登録しよう

Canvaは2つの登録方法があります。

  • ブラウザで登録
  • アプリで登録

アカウント登録の内容はどちらも同じなので以下の手順で登録しましょう。

STEP
Canvaのサイトへアクセスする

こちらからCanvaのサイトへアクセスしてください。

※アプリから登録をする方は、下記のアプリをダウンロードをしてください。

Canva - デザイン作成&写真加工&動画編集

Canva – デザイン作成&写真加工&動画編集

Canva無料posted withアプリーチ

STEP
アカウント登録をする
Canvaのホーム画面

登録ボタンをクリックします。

STEP
登録方法を選ぶ
Canvaの登録画面

4つから中からアカウント登録をする方法をお好みで選びます。

  • Google
  • Facebook
  • Apple
  • メールアドレス

※ここで表示される内容が使用しているデバイスによって違うことがあります。

メールアドレスで登録する場合は、3つの設定を行います。

  1. 名前(匿名でOK)
  2. メールアドレス
  3. パスワード(任意)
STEP
利用目的を選ぶ

利用目的を選ぶと目的に合ったテンプレートが表示されます。

  • 生徒
  • 教師
  • 小規模ビジネス
  • 大企業
  • 個人
  • 非営利目的または慈善活動

ブログ初心者さんの場合は「個人」を選びましょう。

では登録も完了しましたので、Canvaを使ってアイキャッチ画像を作っていきましょう。

テンプレートを使ってアイキャッチ画像を作ろう

Canvaのテンプレートでアイキャッチ画像を作る

デザインに自信がない方でもCanvaの無料のテンプレート・素材を使えば上の画像のようなアイキャッチを作れます。

上の画像を作るまでの流れは以下の通りです。

  1. 画像のサイズを決める
  2. テンプレートを選ぶ
  3. 色を変える
  4. 大きさを変える
  5. 文字を入れる
  6. 文字の背景に帯を入れる
  7. Canvaのロゴを入れる
  8. 画像を保存する
あまる
あまる

一緒に画像を作ってCanvaの操作をひとつずつ覚えていきましょう!

画像のサイズを決める

まずはホーム画面の説明です。

Canvaのホーム画面の説明

基本的に次の2つを覚えればOKです。

  1. カスタムサイズ(画像サイズを任意で入力します。)
  2. 用途別コンテンツ(SNS投稿用やポスターなど用途に応じて選べます。)

お使いの有料テーマによって適したアイキャッチ画像のサイズが違います。

「①カスタムサイズ」を選んで任意のサイズを入力しましょう。

Canvaの画像サイズを入力する

「カスタムサイズ」をクリックすると上図のようなウインドウが出ます。

  1. 幅:1200、高さ:630を入力(任意でOK)
  2. 新しいデザインを作成をクリック

テンプレートを選ぶ

デザインを始める前に覚えてほしいことがあります。

最初は操作がよくわからなくて、画像やイラストが知らないうちに変形した!などの状態になったりします。

そんな時はショートカットでひとつ前の状態に戻しましょう。

  • Windowsの場合「Control+Z」
  • Macの場合「Command+Z」

ショートカットわからん!という人は、デザイン編集画面の上部にある「サイズを変更」の右隣の矢印のクリックでひとつ前に戻せます。

では、デザイン編集画面に移ります。

Canvaの作業画面

右側にカスタマイズしたサイズのキャンバスが表示されます。

検索バーからテンプレートを探してみましょう。

テンプレートを選ぶ
  1. 検索バーに「タブレット」と入力
  2. 検索結果が下に表示されるのでスクロールして、②のテンプレートをクリック

左側のツール(テンプレート・素材・テキストなど)で素材を選択すると、右側のキャンバスに反映される仕組みになっています。

イラストをクリックすると画像のような青枠がイラストの周辺に表示されます。

編集したいパーツは最初にクリックして青枠が出る状態にしましょう。

色を変える

色を変える操作を覚えてみましょう。

背景色を変える
  1. イラストの背景部分をクリック(青い枠が出ていたら背景を選択できています)
  2. 上部の紫色をクリック

左側にカラーパレットが表示されます。

背景色を緑に変える

「デフォルトカラー」の緑色をクリックします。

今回はイラストと背景が調和するような色に変えてみました。

イラストの色を変える場合も同じ手順です。

イラストも色を変えられる

イラストをクリックして、左側の色を選択するだけで簡単に色を変えれます。

大きさを変える

次はイラストの大きさを変えてみましょう。

イラストの大きさを調整
  1. イラストをクリック
  2. 青枠の角の丸をホールドして、矢印の方向にドラッグ

基本的な拡大縮小のやり方は角の丸をホールドしてドラッグすればOKです。

次にイラストのレイアウトを調整します。

雲のレイアウトを変える
  1. イラストを左に寄せる(青枠内のイラスト部分をホールドすると自由に動かせます)
  2. 雲のイラストのレイアウトを調整
調整後のイラスト

雲のイラストをひとつ削除しました。

削除の方法は、イラストを選択して「delete」をクリックすると削除できます。

文字を入れる

文字を入れてわかりやすいアイキャッチにしてみましょう。

文字の追加

文字を入れる
  1. 1番左の「素材」をクリック
  2. 「見出しを追加」をクリック
  3. 文字の入れ替え(今回は「テンプレートを使ってアイキャッチを作ろう」と入力)

右側に「見出しを追加」という文字が表示されています。

カーソルが表示されている、または文字全体が薄い青色になっている場合はすぐに文字の編集が可能です。

文字の入れ替え

文字を編集する際は、次の3つを覚えておきましょう。

  • 文字をクリック(青枠がついていたら選択状態)
  • もう1度文字をクリックするとカーソルが出る(文字の編集が可能な状態)
  • 文字は「enter」で改行できる

フォントの変更

次はフォントの種類を変えて、雰囲気を変えてみましょう。

文字のフォントを確認
  1. 現在のフォント①をクリック
  2. 左側にフォント一覧が表示

選択されているフォントはフォント名の右横にチェックマークが表示さます。

選べるフォントは下へスクロールするとたくさんの種類がでてきます。

フォントを変える

よく使用するフォントは「最近使用したハッシュタグ」に表示されます。

私は「コーポレート・ロゴ」がお気に入りなので、このフォントを選択。

みなさんは気に入ったフォントに変えてみてくださいね。

文字色を変える

色を変える手順は今までと同じです。

文字色を変える
  1. 文字の色の変更は①をクリック
  2. デフォルトカラーから白をクリック(好きな色でOK)
あまる
あまる

文字の追加はこれでOKです!

ちょっとした小技。

選んだフォントによっては字や行の間隔が狭かったり広かったりします。

見やすくするためには、その「間」を調整しましょう。

行間等の調整

バーの丸を左右に動かすか、右側の数値を入れ変えると調整できます。

文字の背景に帯を入れる

文字を追加したものの、なんだかタイトルが目立ちません。

目立たない文字

帯を追加する

タイトルが目立つように文字の後ろに帯を追加してみましょう。

素材の図形を選ぶ
  1. 左側の「素材」をクリック
  2. 検索バーに「四角」と入力し検索
  3. 四角の素材③をクリック
帯を作る

四角の青枠をホールド後、ドラッグしてサイズを調整します。

帯の配置を変える

帯の位置がイラストの上に配置されてしまったので、イラストが上にくるように修正します。

帯の配置を変更する
  1. 配置をクリック
  2. 「最背面へ」をクリック

背景はカウントされないので、「最背面へ」1番後ろになるように帯を配置します。

帯の配置完成

帯とイラストの配置が入れ替わりましたね。

Canvaのロゴを入れる

おまけでCanvaのロゴを追加してみます。

Canvaロゴを追加する
  1. 素材をクリック
  2. 検索バーに「Canva」を入力し検索
  3. 白色の「Canva」のロゴをクリック

右下へロゴを移動して、色を変えます。

Canvaの文字色を変える
  1. 「Canva」のロゴをクリック
  2. 上の赤枠をクリック
Canvaロゴの色を変える

背景の色に近い薄い緑に変えてみました。

デザインはこれで終了です。

あまる
あまる

お疲れ様でした!

保存して完成!

最後に画像を保存しましょう。

画像を保存する
  1. 右上の①「ダウンロード」をクリック
  2. ファイルの種類は推奨の「PNG」のままでOK
  3. 1番下の②「ダウンロード」をクリック

Canva(キャンバ)は簡単にアイキャッチ画像を作れるから初心者におすすめ

ここまで読んで頂きありがとうございます。

紹介したやり方で簡単にアイキャッチ画像ができたでしょうか?

最初は基本的な操作を覚えるだけでOKです。

  • 基本的な操作に慣れる
  • 最低限の素材で作る
  • 文字を入れる
  • 色や大きさを変える

慣れてきたら自分で用意した素材なども使って、さらにブログ記事の魅力をアップしていきましょう。

良きブログライフをゆるーく楽しみましょうね!

Canvaの使い方のアイキャッチ

この記事が気に入ったら
フォローしてね!

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!

この記事を書いた人

あまる あまる サイト運営者

初心者ブロガーのあまるです。
びびりでも、ずぼらでも、「あ。なんかできそう」なことを発信していきます。

びびり・ずぼら仲間のライフハックが集まるブログにしていきたいです。

コメント

コメントする

CAPTCHA


目次
閉じる