Canvaデザイン添削：使える画像が限られる場合の賢いアイキャッチ作成法

2022年3月6日2023年3月25日

トレンドブログを運営中のサバオさんから、アイキャッチ画像作成のご依頼をいただきました。

トレンドブログでは使える画像が制限されることもありますが、そんな時にどうやって目を引くアイキャッチを作ることができるのか？

アイキャッチ画像にそこまで力を入れている人が少ないからこそ、ちょっとした工夫で読者の目に止まりやすいデザインを実現することができますよ。

今回は、使える画像に限りがある場合でも記事のイメージをパッと伝えられるアイキャッチの作成方法を実際の制作過程をお見せしながら紹介します。

サバオさんのデザインのお悩み：使える画像が限られる場合の上手なアイキャッチの作り方

サバオさんのお悩み

著作権の兼ね合いだけでなく、無料素材の画像を探してもなかなかイメージ通りの写真が見つからない、という時がありますよね。

それでも記事のイメージをより良く伝えられる方法があるので、今回は具体的な方法を解説していきます。

無料デザインアプリCanvaでの操作方法も詳しく説明するので、これを読みながら今すぐ実践できますよ。

サバオさんがご自身で作成されたアイキャッチ画像（上図）は、

というところが良かったのですが、白背景を置くことで写真の存在感が薄れてしまっているので、この点を改善すること、そして色使いを工夫するとさらに良くなる、と感じました。

ブログデザインレシピが作成したサバオさんのアイキャッチ画像

上記を踏まえて、ブログデザインレシピが作成したアイキャッチ画像はこちら（上図）。

サバオさんのお悩みを解決するために私がデザインで気をつけたポイントは下記の2つです。

下記で詳しく解説していきます。

サバオさんのように、写真をアイキャッチの背景画像として使いたい場合にはタイトル文字を入れるだけの十分なスペースがあるかどうかを基準に写真を選ぶことが大切。

今回私が選んだ写真は下記になります。

私がこの写真を選んだ理由は、記事をイメージさせる音楽の写真であることと、先に触れた通り、文字を入れるスペースがあるから。

しかし、この写真にこのまま文字入れをすると、

このように背景画像が目立ちすぎて、タイトル文字がほぼ読めなくなってしまいます。

どうやったらもっと読みやすくなるのか？

方法はいくつかありますが、サバオさんのアイキャッチ画像では背景画像を加工することで改善していきました。

今回、サバオさんが記事で紹介しているアイドルグループのテーマカラーが青だったので、そのイメージを強めるために、背景写真を上図のように青味がかかった色合いに加工しました。

こうすることによって、タイトル文字もかなり目立つようになります。

色合いに関しても、この青色加工によってタイトル文字に使う色を白1色にし、一番上のグループ名の読み仮名部分の背景塗りつぶし色も同系の紺色にする、というように使う色を限定させることができるので、色合いで失敗することもなくなります。

ミカ

たくさん色を使うよりも色数を絞った方がおしゃれに！

使用したデザインアプリ	Canva（無料版）
フォント	Noto Sans Light、原暎ゴシックM、Antonio Bold
色	#314476、#ffffff
アイキャッチ画像のサイズ	710px × 420px
納品ファイル	JPG及びCanva共有データ、アイキャッチ作成のコツ資料

サバオさんにはプレゼントとして今回のアイキャッチ画像作成のポイントをまとめた資料（PDFファイル）も一緒に納品させていただきました。