ブログを見るときにまず目に入るアイキャッチ画像。
一目で記事の内容がわかり、かつそれぞれの画像に統一感があるブログは見やすいですよね!
このブログもはじめはアイキャッチ画像にフリー写真か自分で撮影した写真を使用していましたが、見やすくするため&統一感を持たせるためにCanva Proを使用して一新しました!
【O-DAN】https://o-dan.net/ja/
海外のおしゃれなフリー写真を、名前の通り複数のサイトを「横断」して日本語検索で探せます。
今回は、【Canva Pro】を使って簡単に統一感のあるアイキャッチ画像を作成する4つのポイントをまとめました。
- フォントは基本的に同じものを使用する
- 色を多用しすぎない
- 使用する画像のテイストを揃える
- 同じシリーズの記事はテンプレート化
以下でそれぞれについて解説していきます!
まずはCanvaに登録しましょう!
アイキャッチ画像作成におすすめのCanva
アイキャッチ画像の作成におすすめなのが【Canva】。
直感的に操作できる&デザインのテンプレートを用意してくれているので、
- Illustrator、Photoshopなどは使ったことがない
- デザインを考えるのが苦手
という方には特におすすめです。
デザイン初心者でも簡単におしゃれなデザインのアイキャッチ画像を作成することができます。
無料版よりCanva Proがおすすめ
わたしも始めは無料版を使っていましたが、【Canva Pro】に変えるとより簡単に思い通りの画像を作れるようになりました。
- フォントやイラストが使い放題
- 作成した画像の背景透過・画像サイズの圧縮がワンクリックでできる
- 背景リムーバ機能が優秀!
- ¥ 1,500/月で最大5人まで使える
![](https://free-mom.net/wp-content/uploads/2023/08/sunameri_meron様.jpeg)
はじめの30日間は無料なので、とりあえず試してみて無料で十分なら解約するのもおすすめ♩
ワンクリックで写真の背景が消える「背景リムーバ」
例えば、こちらのアイキャッチ画像で使用している写真も
![【BRIOブリオ】はじめてのレールセットは出産祝いにもおすすめ](http://kumakumababy.com/wp-content/uploads/2021/12/d284a6f9d5ee59a66cbacc9ebb525b91-1024x576.png)
![【BRIOブリオ】はじめてのレールセットは出産祝いにもおすすめ](http://kumakumababy.com/wp-content/uploads/2021/12/d284a6f9d5ee59a66cbacc9ebb525b91-1024x576.png)
もともとはこのように床やドアが映り込んでいる写真ですが、
![Canva Pro背景透過](http://kumakumababy.com/wp-content/uploads/2021/10/IMG_0560-1024x768.jpg)
![Canva Pro背景透過](http://kumakumababy.com/wp-content/uploads/2021/10/IMG_0560-1024x768.jpg)
Canva Proに画像をアップロードし、【画像編集】をクリック。
![Canva Pro背景透過](https://free-mom.net/wp-content/uploads/2021/10/EC0D119D-E660-4D10-A569-3B6C6BDF2ECF-1024x466.jpeg)
![Canva Pro背景透過](https://free-mom.net/wp-content/uploads/2021/10/EC0D119D-E660-4D10-A569-3B6C6BDF2ECF-1024x466.jpeg)
【背景リムーバ】をクリックすると‥
![Canva Pro背景透過](https://free-mom.net/wp-content/uploads/2021/10/CF8C28FC-B4B0-4DD2-8BDE-F2DBCF21FCBA-1024x456.jpeg)
![Canva Pro背景透過](https://free-mom.net/wp-content/uploads/2021/10/CF8C28FC-B4B0-4DD2-8BDE-F2DBCF21FCBA-1024x456.jpeg)
一瞬で背景が透過された画像に!
![Canva Pro背景透過](https://free-mom.net/wp-content/uploads/2021/10/B660A83E-F3B7-4BBC-B6C3-EEC29324669C-1024x455.jpeg)
![Canva Pro背景透過](https://free-mom.net/wp-content/uploads/2021/10/B660A83E-F3B7-4BBC-B6C3-EEC29324669C-1024x455.jpeg)
【削除】【復元】のブラシを使って手動で微調整することも可能です。
Canvaに登録する方法は4種類
- メールアドレス
- Apple ID
わたしはGoogleアカウントでログインしました。
![](https://free-mom.net/wp-content/uploads/2023/08/sunameri_meron様.jpeg)
![](https://free-mom.net/wp-content/uploads/2023/08/sunameri_meron様.jpeg)
![](https://free-mom.net/wp-content/uploads/2023/08/sunameri_meron様.jpeg)
次から統一感のある画像を作成するためのポイントをご紹介します♩
統一感のあるアイキャッチ画像の簡単な作り方
1:フォントは基本的に同じものを使用する
下のように基本的には同じフォントを使用しています。
![抱っこ紐型ヒップシート人気の5種を試着して比較!【2022最新】](http://kumakumababy.com/wp-content/uploads/2022/02/680606297ced89171ee67bb1b22f70cb-1024x576.png)
![抱っこ紐型ヒップシート人気の5種を試着して比較!【2022最新】](http://kumakumababy.com/wp-content/uploads/2022/02/680606297ced89171ee67bb1b22f70cb-1024x576.png)
![ドアの指はさみ防止「はさマンモス」を半年間使った正直レビュー](http://kumakumababy.com/wp-content/uploads/2021/09/28-1024x576.png)
![ドアの指はさみ防止「はさマンモス」を半年間使った正直レビュー](http://kumakumababy.com/wp-content/uploads/2021/09/28-1024x576.png)
![【ブログ超初心者向け】アドセンスは初月でどれくらい稼げる?](https://free-mom.net/wp-content/uploads/2022/04/22-1024x576.png)
![【ブログ超初心者向け】アドセンスは初月でどれくらい稼げる?](https://free-mom.net/wp-content/uploads/2022/04/22-1024x576.png)
canvaでは、もともと収録されていないフォントもアップロードして使うことができます♩
2:色を多用しすぎない
3:使用する画像のテイストや色味を揃える
わたしが主に使用しているフリー素材のサイト
- 【イラストAC】 https://www.ac-illust.com
-
- とにかくイラストの数が豊富!
- 人気のイラストレーターさんの名前からも検索できるので、同じイラストレーターさんの画像を使用すると統一感が出ます。
- 無料会員は1日にダウンロードできるイラスト数が決まっていますが(9点まで)今のところアイキャッチ画像のみでの使用なので無料で十分です。
わたしはきなこもちさんのイラストをよく使用しています。
- 【ソコスト】 https://soco-st.com
-
- シンプルで使いやすいイラストです。
- 人物・ビジネス・医療系のイラストが豊富。
- 【いらすとや】 https://www.irasutoya.com
-
- フリーイラストの中でいちばん種類が豊富だと思います。
- いろいろなサイトで検索するのが面倒な方はいらすとやを使用すれば欲しいイラストが大体見つかるはず!
- 【ICOOON MONO】 https://icooon-mono.com
-
- こちらもとくにビジネス系のアイコンイラストの種類が豊富。
- モノクロイラストで使用しやすいです。ダウンロードするときにカラーが黒・白・グレーから選べます。
- ICOOON MONOのサイトの上部には他のフリーイラストサイトのリンクも複数貼られているのでお好みのテイストのイラストが見つかるはずです。
似ている雰囲気のイラストを選ぶポイントは?
- 人物の顔の描き方(目に光は入っているか、鼻や眉毛の有無‥)
- 身体の描き方(デフォルメされているか、何頭身か‥)
- イラストの線の色(線無しか、黒色か‥)
- イラストの線の太さ
他のサイトから似ているテイストのイラストを探す時は上記を参考にしてみてください。
canvaなら簡単にテイストが似ている画像を見つけるのが簡単
![子育て世帯におすすめ!1歳ママが本当に買ってよかった家電10選](http://kumakumababy.com/wp-content/uploads/2022/01/45748e9b93eea7faf69d0d8d6c5c298e-1024x576.png)
![子育て世帯におすすめ!1歳ママが本当に買ってよかった家電10選](http://kumakumababy.com/wp-content/uploads/2022/01/45748e9b93eea7faf69d0d8d6c5c298e-1024x576.png)
▲こちらの画像に使用しているイラストを例にご紹介します♩
便利な「ブランドコード」検索
canvaでは、【素材】タブの検索からお好みのイラスト(グラフィック)や写真を探すことができます。
![canvaアイキャッチ用イラスト](https://free-mom.net/wp-content/uploads/2021/10/78566a7519f9fe1e3fda85f404977eda-1024x511.png)
![canvaアイキャッチ用イラスト](https://free-mom.net/wp-content/uploads/2021/10/78566a7519f9fe1e3fda85f404977eda-1024x511.png)
気に入った素材にカーソルを合わせると表示される「…」。
![canvaアイキャッチ用イラスト](http://kumakumababy.com/wp-content/uploads/2022/05/523746a301d0ac616e5e2111372a9d79.png)
![canvaアイキャッチ用イラスト](http://kumakumababy.com/wp-content/uploads/2022/05/523746a301d0ac616e5e2111372a9d79.png)
「…」をクリックすると表示される、「ブランド:〇〇〇〇」の部分がブランドコードです。
![canvaアイキャッチ用イラスト](http://kumakumababy.com/wp-content/uploads/2022/05/169851e14593f05ce07d846f4ce61cc1.png)
![canvaアイキャッチ用イラスト](http://kumakumababy.com/wp-content/uploads/2022/05/169851e14593f05ce07d846f4ce61cc1.png)
このブランドコードを検索窓に入力します。
![canvaアイキャッチ用イラスト](http://kumakumababy.com/wp-content/uploads/2022/05/23b321ce799772e1e6a7f0ff37e47779.png)
![canvaアイキャッチ用イラスト](http://kumakumababy.com/wp-content/uploads/2022/05/23b321ce799772e1e6a7f0ff37e47779.png)
すると、同じブランド(=似ているテイスト)の素材がまとめて表示されます!
![](https://free-mom.net/wp-content/uploads/2023/08/sunameri_meron様.jpeg)
![](https://free-mom.net/wp-content/uploads/2023/08/sunameri_meron様.jpeg)
![](https://free-mom.net/wp-content/uploads/2023/08/sunameri_meron様.jpeg)
いろいろなサイトから似ているイラストを探す手間が省けて便利です♩
好きな色に変えられる画像がおすすめ
すべてのイラストではないですが、なんと、canvaのイラストは色味も自由に変更できます。
左上にこのような表示があるものは色を変えられます
![canvaアイキャッチ用イラスト](http://kumakumababy.com/wp-content/uploads/2022/05/b889a43efe88b5cc841e0506162c41d0-1024x667.png)
![canvaアイキャッチ用イラスト](http://kumakumababy.com/wp-content/uploads/2022/05/b889a43efe88b5cc841e0506162c41d0-1024x667.png)
サイトカラーに合わせて色味を変更したものがコチラ。
![canvaアイキャッチ用イラスト](http://kumakumababy.com/wp-content/uploads/2022/05/94dec43d520a48ff8499f10be7ec2487-1024x610.png)
![canvaアイキャッチ用イラスト](http://kumakumababy.com/wp-content/uploads/2022/05/94dec43d520a48ff8499f10be7ec2487-1024x610.png)
![](https://free-mom.net/wp-content/uploads/2023/08/sunameri_meron様.jpeg)
![](https://free-mom.net/wp-content/uploads/2023/08/sunameri_meron様.jpeg)
![](https://free-mom.net/wp-content/uploads/2023/08/sunameri_meron様.jpeg)
このイラストかわいいけど色が合わなくて浮いちゃう‥ってことがよくあるので、かなり嬉しい機能です。
4:同じシリーズの記事はテンプレート化
わたしのブログの例だと、下の画像のように同じテーマ(こちらはFP資格関連の記事)ごとにテンプレートを作り、中の文字だけを変えています。
テンプレートを作ってしまえば統一感が出るだけでなく、文字を変えるだけなので作るのも簡単です!
![FPはどんな資格?学べることは?−育休中の資格取得にもおすすめ!](http://kumakumababy.com/wp-content/uploads/2022/04/42-1024x576.png)
![FPはどんな資格?学べることは?−育休中の資格取得にもおすすめ!](http://kumakumababy.com/wp-content/uploads/2022/04/42-1024x576.png)
![FP3級は独学で!初心者向けの勉強方法とおすすめテキストを紹介](http://kumakumababy.com/wp-content/uploads/2022/04/43-1024x576.png)
![FP3級は独学で!初心者向けの勉強方法とおすすめテキストを紹介](http://kumakumababy.com/wp-content/uploads/2022/04/43-1024x576.png)
![FP取得後ダブルライセンスの相性がいいおすすめは宅建・社労士!](http://kumakumababy.com/wp-content/uploads/2022/04/44-1024x576.png)
![FP取得後ダブルライセンスの相性がいいおすすめは宅建・社労士!](http://kumakumababy.com/wp-content/uploads/2022/04/44-1024x576.png)
Canva Proを使ったアイキャッチ画像の簡単な作り方まとめ
簡単に統一感のあるアイキャッチ画像を作るための4つのポイントは、
- フォントは基本的に同じものを使用する
- 色を多用しすぎない
- 使用する画像のテイストを揃える
- 同じシリーズの記事はテンプレート化
今回は統一感のあるアイキャッチ画像の作り方をご紹介しました。
読者目線で見ると、ブログのトップページが整っていたら記事も読みやすそうだと感じるはずなのでトップページの印象は大切です。
統一感のあるアイキャッチ画像で見やすいトップページを目指しましょう!
30日間無料で試せる♩
コメント