どうもこんにちは、りゅう(@ryuta_blog)です。
アイキャッチ画像は本でいえば「表紙絵」のようなもの。目を引くようなアイキャッチ画像が作れれば、記事を読んでもらえる機会も増えていきます。
ですが、アイキャッチ画像をお洒落に作りたいと思っても、慣れていないとなかなか上手に作れませんよね。
とくにデザイン知識のない方は、1枚のアイキャッチを作るのに結構な労力を使っているのではないでしょうか。
そんな方に向けて今回は、シンプルでおしゃれなアイキャッチ画像の作り方をご紹介します
一度目を通してもらえれば、デザイン知識のない方でも簡単に今風でおしゃれなアイキャッチ画像を作れるようになるはずです。
アイキャッチ画像をつくるための「事前準備」
アイキャッチ画像をスムーズに作れる環境を整えておきましょう。
アイキャッチ画像をつくるためには、以下の2つの用意が必要になります。
- Canvaに無料登録する
- フリー素材サイトをブックマークしておく
順番に解説していきますね。
①Canvaに無料登録しよう
![](https://ryutablog.com/wp-content/uploads/2018/04/944151c745c12364ec82c3ba97d80a7c-e1554274900373.png)
アイキャッチ画像を作るときは「Canva」を使います。
無料で利用できるグラフィックデザインツール。Canvaを使えば誰でも簡単に綺麗なデザインを作ることができます。
デザインした画像はもちろん商用利用可能なので、ブログのアイキャッチ画像を作成する際にとても役立ちます。
Canvaには有料プランも用意されていますが、無料で十分すぎるくらい使えますので、まずは無料登録をしておきましょう。
②フリー素材サイトをブックマークしておこう
アイキャッチ画像を作るときには素材が必要です。
ぼくがいつも利用している素材サイトを載せますので、まずはブックマークしておくといいでしょう。
- O-DAN:写真、ベクター画像系
- FLAT ICON DESIGN:イラストアイコン系
- shutterstock:高品質な画像が豊富。有料なので余裕のある方向け
どれも有名なフリー素材サイトで、完全無料(shutterstockを除く)かつ商用利用可能となっています。
おしゃれなアイキャッチ画像を作ってみよう!
準備が整いましたら、早速アイキャッチ画像を作ってみましょう。
今回つくるのは下記のアイキャッチ画像です。
![](https://ryutablog.com/wp-content/uploads/2018/04/6ac0802b11d98f704bdae7f89e4f905a-e1554274727392.jpg)
最近トレンドの「背景を少し暗くして文字を目立たせる」アイキャッチ画像です。
シンプルで綺麗なデザインに仕上げましたが、難しいことは一切していません。
それでは早速つくっていきましょう!
Canvaでデザインスペースを作成する
まずはCanvaを開き、右上の「カスタムサイズ」をクリックします。
![](https://ryutablog.com/wp-content/uploads/2018/04/canva-001-e1554284779435.jpg)
作成する画像のサイズを指定します。
アイキャッチ画像のサイズは、1920×1080が一番綺麗に見えるのでオススメです。
![](https://ryutablog.com/wp-content/uploads/2018/04/canva-02.jpg)
サイズを指定しましたら「新しいデザインを作成」をクリックします。
すると、下記のようなデザインスペースが現れます。
![](https://ryutablog.com/wp-content/uploads/2018/04/canva-03-e1554274697826.jpg)
画像をアップロードする
まずは、先ほどブックマークしておいたO-DANから、好きな写真を1枚ダウンロードしてください。それができたら「画像をアップロード」をクリックします。
![](https://ryutablog.com/wp-content/uploads/2018/04/canva-04-e1554274860451.jpg)
アップロードした画像を選択すると、真っ白なキャンパスに挿入することができます。
![](https://ryutablog.com/wp-content/uploads/2018/04/canva-05-e1554274854248.jpg)
挿入した画像は自由にサイズを調節できます。デフォルトだと少し小さいので大きくしましょう。
![](https://ryutablog.com/wp-content/uploads/2018/04/canva-06-e1554274847143.jpg)
下記のような感じで、キャンバス一面に広げればOKです。
![](https://ryutablog.com/wp-content/uploads/2018/04/canva-07-e1554274839503.jpg)
素材を挿入する
続いて左側の「素材」タブから「四角の図形」を挿入しましょう。
![](https://ryutablog.com/wp-content/uploads/2018/04/canva-08.jpg)
するとグレーの四角が挿入されます(画像によっては黒や白の四角になる場合もある)。
画像が全て隠れるようにサイズを広げましょう。
![](https://ryutablog.com/wp-content/uploads/2018/04/canva-09-e1554274830803.jpg)
画像が見えなくなってしまいましたが大丈夫です。
次は図形のカラーを変えていきます。
![](https://ryutablog.com/wp-content/uploads/2018/04/canva-10-e1554274825239.jpg)
カラーと透明度の調節をする
図形を選択した状態で、「カラーボタン」をクリックし、薄い灰色をクリックしてみましょう。
![](https://ryutablog.com/wp-content/uploads/2018/04/canva-11-e1554274819235.jpg)
すると選択したカラーに変わります。次はこの図形を少し透明にしていきます。
![](https://ryutablog.com/wp-content/uploads/2018/04/canva-12-e1554274812473.jpg)
図形を選択した状態で、右上にある「チェック柄のマーク」をクリックしましょう。
ここで透明度を調節できるので、60〜70の間くらいで調節してみてください。
![](https://ryutablog.com/wp-content/uploads/2018/04/canva-13-e1554274805529.jpg)
下記のような感じで図形が透明になり、画像がいい感じに透けてきます。
![](https://ryutablog.com/wp-content/uploads/2018/04/canva-14-e1554274799481.jpg)
テキストを追加する
続いて左側の「テキスト」タブから「テキストボックスの追加」をクリックします。
![](https://ryutablog.com/wp-content/uploads/2018/04/canva-15-e1554274793281.jpg)
すると、テキスト入力欄が挿入されますので、記事のテーマに沿ったいい感じの文章を書いてみましょう。
![](https://ryutablog.com/wp-content/uploads/2018/04/canva-17-e1554274787215.jpg)
文字の調節は上記のタブから行えます。
![](https://ryutablog.com/wp-content/uploads/2018/04/canva-16-e1554274782448.jpg)
ちなみに白い四角形で透かしを入れて、文字を黒にしても可愛いい感じに仕上がります。
ここは好みでどうぞ!
![](https://ryutablog.com/wp-content/uploads/2018/04/canva-18-e1554274776880.jpg)
自分でアイキャッチ画像を作るときは、背景色に対してテキストは相対的な色を設定してあげましょう。
あとはお好みで装飾する
左側の「素材」タブから「ライン」を選択し、控えめに装飾を入れてみました。こういった感じでよりお洒落な感じに仕上げてみるのも楽しいですよ!
![](https://ryutablog.com/wp-content/uploads/2018/04/canva-19-e1554274769293.jpg)
いくつかパターンを試してみたい場合は、キャンバス右上にある「コピーマーク」をクリックすれば、全く同じデザインをもう一つ下に追加することができます。
![](https://ryutablog.com/wp-content/uploads/2018/04/canva-20-e1554274763476.jpg)
いくつか試してみたいけど既存のデザインは崩したくない、なんて時に便利です。
![](https://ryutablog.com/wp-content/uploads/2018/04/canva-21-e1554274757442.jpg)
出来上がった画像をダウンロードする
画像が出来上がりましたら、右上「パブリッシュ → ダウンロード → JPG」の順にクリックし、ダウンロードしましょう。
![](https://ryutablog.com/wp-content/uploads/2018/04/canva-22-e1554274752939.jpg)
※PNGは画像容量が大きくなりがちなので、JPGがオススメです。ブログに画像を挿入する際はできるだけ容量を小さくした方がページ表示速度も速くなり、アクセスに良い影響を与えます
これでシンプルでおしゃれなアイキャッチ画像が完成しました。
![](https://ryutablog.com/wp-content/uploads/2018/04/6ac0802b11d98f704bdae7f89e4f905a-e1554274727392.jpg)
作り方を一度覚えてしまえば、作業時間にして5分程度でできるようになるので、ぜひ一連の流れをマスターしてみてください。
【おまけ】マテリアル風のアイキャッチ画像を作ってみよう
アイキャッチ画像を作るなら、いくつかパターンを作れるようになっておくとバリエーションが出ていい感じになります。
おまけとして、最近マテリアル風のデザインがトレンドですので、その作り方も簡単に解説しておきます。
マテリアル風のアイキャッチ画像は「背景」を利用しよう
同じく1920×1080でデザインスペースを作り、左側の「背景」タブから「+単色」をクリックして、好きな色を選択してみましょう。
すると下記のように、背景色がベタッと塗られます。
![](https://ryutablog.com/wp-content/uploads/2018/04/canva-23-e1554274745719.jpg)
今度は「FLAT ICON DESIGN」からイラストアイコン素材をダウンロードし、挿入してみましょう。
![](https://ryutablog.com/wp-content/uploads/2018/04/canva-24-e1554274704924.jpg)
背景色を少し調節してみます。
![](https://ryutablog.com/wp-content/uploads/2018/04/canva-25-e1554274710995.jpg)
簡単ですがこんな感じに仕上がりました!あとは同じようにダウンロードすればOKです。
![](https://ryutablog.com/wp-content/uploads/2018/04/canva-26-e1554274718596.jpg)
実際の画像がこちら。ベタッとシンプルな感じ。
ちなみに制作時間にして2分もかかっていません。時間をかけなくてもマテリアル風にすれば、シンプルで綺麗なアイキャッチ画像が作れるのでぜひお試しください。
補足:SNS用のバナーも作れます
Canvaはアイキャッチ画像だけでなく、SNSプロフィール用のバナーも簡単に作成することができます。
![](https://ryutablog.com/wp-content/uploads/2018/04/64aa75c85f997e4b762b8d714f8cd8d1-e1554293534209.png)
本記事では詳しく触れませんが、ブログ運営をする上でSNSのプロフィールを整えることはとても重要なことでもあります。
もし余裕が出てきたら、バナー作成にもチャレンジしてみましょう!
まとめ
いかがだったでしょうか?
本記事の工程を覚えてしまえば、初心者の方でも簡単にアイキャッチ画像を作ることができるようになります。
ちなみに、アイキャッチ画像の作成にあまり時間をかけすぎるのは良くありません。あくまで記事の主役はアイキャッチではなく、「中身」だからです。
まだ記事を書くのに慣れていないうちは、とにかくライティング力やマーケティング知識を身につけることに集中しましょう。
そんな今だからこそ、今回解説したアイキャッチ画像の作り方をしっかり覚えておけば、スムーズにアイキャッチ画像を用意することができます。