1. HOME
  2. ブログ
  3. 知識が無くても大丈夫!パッと目を引くアイキャッチ画像の作り方

知識が無くても大丈夫!パッと目を引くアイキャッチ画像の作り方

20110417_monaka_アイキャッチ_03

みなさんこんにちは。

ネットショップの活性化を目指し、
ECサイト運営での黒字化を支援する
もなか」です。

本日は趣向を変えてアイキャッチ画像のお話をします。

-目次-
1.アイキャッチ画像って何?
2.アイキャッチ画像の作り方
 2-1.Canvaに登録しよう
 2-2.サイズを設定しよう
 2-3.画像をアップロードしよう
 2-4.テキストの追加をしよう
 2-5.画像をダウンロードしよう

1.アイキャッチ画像って何?

まず「アイキャッチ画像って?」と思われるかと思います。
アイキャッチ画像とはユーザーの目を引きつけるための画像です。
アイキャッチ画像を付けることで
ユーザーの興味関心を引くことができます。

この記事ではこの画像がアイキャッチ画像になりますね。
20110417_monaka_アイキャッチ_03

2.アイキャッチ画像の作り方

2-1.Canvaに登録しよう

画像編集使用するソフトと言えばPhotshopが有名ですが

「デザインのこと分からないし
難しいって聞くし何だか敷居が高そう」
って印象がありますよね…。

そんな時に便利な無料ツールの一つとして
今回のアイキャッチ画像制作でも使用した

Canva

を紹介します。

20190417_monaka_画像_01

Canvaを使うためには会員登録が必要ですが
FacebookやGogleのアカウントがあれば
すぐにログインできますよ。

それではさっそく作っていきましょう。

2-2.サイズを設定しよう

Canvaにログインするとこんな感じの画面が表示されます。

20190417_monaka_画像_02
「デザインを作成」をクリック。

するとinstagramの投稿やfacebookの投稿など
色々選択できる画面が出てきます。
ここでは「カスタムサイズ」を選択します。

20190417_monaka_画像_07

アイキャッチの画像のサイズですが、
私は840×570で制作しています。
この辺りは人によってまちまちですので
自身のサイトに合ったサイズや比率を設定してください。

2-3.画像をアップロードしよう

サイズの設定が終わったら真っ白なキャンバスが
出てきますね。
20190417_monaka_画像_04
この白いところがアイキャッチ画像の全体になります。
Canvaでは左にある
「素材」「テキスト」「背景」
を使って画像を作ります。

「素材」にある写真や図形も基本無料で使えます。
今回は使いたい画像をアップロードします。

「アップロード」から
「画像をアップロード」をクリック。
使いたい画像を選択してアップロードしてください。

アップロードが完了したらその画像を長押しして
キャンバスの上に持ってきます。

20190411_monaka_画像_05

するとこんな風に画像をキャンバスに貼る事ができます。
貼ることができたらお好みでサイズを調整してくださいね。

※ちょこっとアドバイス
調整が終わったら右上の鍵マークの「ロック」

をかけると作業がしやすくなりますよ。

2-4.テキストの追加をしよう

画像の貼り付けが終わったら文字を入れましょう。
「文字って必要?」と思われるかもしれませんが、
パッと見た時に文字があった方が記事の内容が分かりやすいです。

「テキスト」から「テキストボックスの追加」
キャンバスの上に文字を配置できます。

20190417_monaka_画像_06

このように配置してみました。

このままだとちょっと見えづらいので
文字の調整画像の加工を行います。

2-5.画像をダウンロードしよう

調整が完了しました!

20190417_monaka_画像_08

早速ダウンロードをしましょう。

ダウンロードは右上のをクリック

20190417_monaka_画像_09

ファイルの種類を選択します。

PNGが最も高画質ではありますがその分画像が重くなってしまうので
アイキャッチ画像でしたらJPG保存で大丈夫です。

あとは完成したアイキャッチ画像を貼り付けるだけです。
やり方さえ分かっちゃえば意外と簡単ですよね。

明日は作り方の基礎を踏まえて
アイキャッチ画像作りのコツをお伝えしますね。

それではまた。

関連記事

おすすめの虎の巻

最近の虎の巻

カレンダー

2019年4月
« 1月   5月 »
1234567
891011121314
15161718192021
22232425262728
2930  

アーカイブ一覧