みなさんはブログのアイキャッチ画像をどのようにして作っていますか?
当ブログのアイキャッチ画像はCanvaというアプリで制作しています。
無料でクオリティの高いアイキャッチ画像を作るならCanva一択!
というわけでCanvaの基本的な使い方と実際の作業工程をお見せしたいと思います。
※本記事はスマホでの画像作成を前提としています。
目次
【スマホ・iphineの人向け】まずはCanvaに無料登録
私はiPhoneでアイキャッチ画像を作成しているので、スマホでの作成を前提にお話しします。
まずはCanvaに無料登録してください。
簡単にほんの1〜2分で簡単に登録できます。
手順1:Canvaのアプリをダウンロードする
iPhoneの場合、App Storeの検索窓から「Canva」と検索するとトップに出てきます。
ダウンロード!
(私は既にダウンロード済みなので「開く」になっています。)
手順2:無料登録
登録方法は3種類あります。
Facebook/Googleのアカウントを使う方法であれば、認証(パスワードを入力)するだけで登録が完了します。
メールアドレスで登録する場合も、必要な情報は「名前(ニックネーム可)」と「アドレス」だけです。
登録完了!
Canvaへの登録が完了するとこのようなダッシュボード画面になります。
早速デザイン開始です!
【初心者向け】Canvaでアイキャッチ画像を作成してみよう
今回は、実際に私が作って当ブログ記事のアイキャッチにしている画像の作成工程をお見せしながら解説していきます。
今回作成するのはこちらのシンプルなアイキャッチ画像です。
実際の記事はこちら↓
デザインの規格を決める
まずは、デザインの規格(サイズ)を選択します。
ここではTwitterカードの大きさに合わせて「名刺」を選択します。
するとテンプレート選択画面が出てきますが、ここではテンプレートは使用しませんので、「×」を押してください。
背景画像を挿入する
このような真っ白なキャンバスが表示されます。
ここからデザインを一つ一つ挿入していくのですが、画像や文字、スタンプなどは全て赤丸で囲っている「+」ボタンから選択します。
すると下のような画面が出てくるので、カメラロールを選択し、背景に使う画像を選択してください。
背景画像が挿入されるので、余白が残らないように広げます。
これで背景画像はOK!
ちなみに背景画像はフリー素材サイトから引っ張ってきました。
私はいつも大体以下のサイトを利用することが多いですね。
ご参考までに。
文字用の背景を挿入する
ここでは、文字が見やすいように文字用の背景を挿入します。
まず、「+」を押し、「素材」を選択肢します。
私の場合、検索に「長方形」と入れて無料のものの中で白い長方形を選択しました。
キャンバスに長方形が挿入されるので良い感じに横に伸ばします。
ここで背景画像が見えるように長方形を透けさせます。
赤丸で囲ったアイコンを選択し、50%くらいまで透けるようにします。
すると、良い感じに背景画像が見えるようになりますね。
文字を挿入する
次にブログタイトルの文字を挿入します。
「+」を押し、「テキスト」を洗濯すると以下のような画面が出てきます。
後からフォントや文字色の変更ができるので、適当に一番上の「見出しを追加」を選択します。
ここにブログタイトルを入力します。
文字のバランスを調節します。
また、フォントや文字色を変更する場合は、下のコントロールバーから行ってください。
装飾①【枠をつける】
これだけだと物足りないので、うるさくならない程度に装飾していきます。
ここでは枠をつけていきます。
「+」を押し、「素材」を選択します。
検索窓に「枠」と入力して出てきた赤丸の枠を選択します。
四つ同じものを挿入し、大きさを調節してキャンバスの四隅に配置していきます。
ちなみに枠の色も自由に変更することができます。
装飾②【イラストを挿入】
最後に一つイラストを挿入したいと思います。
同じように「+」→「素材」と選択し、ブログの題名に合ったイラストを検索していきます。
私は今回「エクササイズ」で検索して見たら、このようなイラストが出てきました。
あとはバランスよく配置するだけ。
ここでもイラストの色合いを自由に変更することができます。
無料素材のため他のブロガーさんと被ってしまう可能性があるので、オリジナリティを出したい方は色の調節をしてみてください。
これで完成です!
保存はスクリーンショットで
次に完成画像の保存ですが、Canvaの保存ボタンで保存すると、少々画質が落ちてしまいます。
ですので、私は完成画像を直接スクリーンショットしてしまっています。
作成画像はCanvaに自動保存されているので、
作業途中で一旦中断しても再度アプリを立ち上げたときには作成途中から始められるのが良いところ!
まとめ:アイキャッチ画像作成は無料の範囲でオリジナリティを出そう!
今回は真っ白な状態からテンプレートを使わずに比較的シンプルなアイキャッチ画像作成工程をご紹介しました。
今回ご紹介した方法以外にも、テンプレートを使ったり、素材や文字色などを変更することで無限にアイディアが生み出せます。
また、一度パターンを決めてしまえば画像作成を楽に行うことができるようになります。
是非色々試して見てくださいね。