【簡単】おしゃれなアイキャッチ画像を作成する7つのコツ

ブログやYouTubeに使うアイキャッチのデザインがうまくできないという初心者向けに簡単におしゃれに見える方法をご紹介。

私がアイキャッチ画像の作成に使用しているのはAdobeCCですがCanvaなどを利用してもOKです。

アイキャッチはアクセスアップ効果もあるので見やすいアイキャッチを作成してみてくださいね！

アイキャッチの強調したい部分だけ色を変える

一番強調したいキーワードや数字の色を変えて目立たせるとインパクトの出るアイキャッチ画像になります。

タイトル文字の色を変えて強調

この記事を例に出すなら『アイキャッチ』や『７』ですね。

目立たせたい箇所の色を変えてみると記事の内容が視覚的に伝わりやすくなります。

ブログで装飾するのと同様にアイキャッチでも目立たせたい単語に色を付けると視線を捉えやすくなりますよ。

目立たせたい文字や、読者に響きそうな文字をピンポイントで色を変えてみましょう。

アイキャッチ文字をふちどりする

タイトルに入れる文字をふちどりするだけで文字の読みやすさが圧倒的に上がります。

ふちどりカラーは背景に合わせよう

ふちどりをする際のコツは背景に合わせて色を決めるということ。

このように使い分ければ見やすくなります。

慣れてきたら他の色を使ってみてもいいですね。

Canvaでふちどりする方法

IllustratorやPhotoshopの場合は簡単にできますがCanvaでは簡単にふちどりができません。

別アプリで作成して合成とかだと面倒なので、同じ文字を複製してちょっとずらしてあげれば縁取りっぽい感じになります。

これなら一瞬でできるのでお試しあれ。

アイキャッチ文字の大きさを変える

文字の大きさを変える際のポイントは下記の２つだけ抑えておけばとりあえずOK

順番に解説していきます。

強調したい部分を大きく

強調したい部分を大きくしてみましょう。

これは先程あげた色を変えた場所と同じ感じで強調したい部分の文字サイズを一気にあげてみましょう。

こんなふうに極端に大きくしてみるとインパクトも上がります。

助詞を小さく

助詞を小さくすることで文字がより強調されます。

具体的例を出すと下記の赤文字部分のような箇所です。

助詞の大きさが小さくなることで主語や動詞が目立つようになります。

あとは漢字だけ大きくひらがなはすこし小さくしたりしてもメリハリがでるので試してみてください。

文字の背景に図形をかぶせる

文字の背景に白や黒の長方形などの図形を設置することで写真の上でも読みやすくなります。

背景は透過してもしなくてもOK

下記の例では文字の後ろにある図形の不透明度を変更しています。

背景は不透明度を変えることで背景の写真がうっすら見えるので圧迫感が減ります。

一方、透過なしにすることで文字がくっきり見えるようにもなりますのでお好みで不透明度を変更してみましょう。

文字と背景写真のコントラストを上げる

文字の背景に入れる写真を暗くしたり明るくしたりして、コントラストを上げることで文字が目立つようになります。

文字が白なら背景を暗く

白文字を利用する場合は背景を暗くすることで文字が目立つようになります。

不透明度30%の黒レイヤーをかぶせてみるとこのようになります。

単純に背景が暗くなっただけでですが文字の視認性が大幅にあがりましたよね。

逆に黒文字の場合は背景を明るくしてあげて文字が見やすくなるように調整してあげればOKです。

アイキャッチ文字を傾ける

ただ文字を並べただけのアイキャッチ画像でも文字を傾けてあげるだけで動きが生まれます。

超簡単なので適当に傾けてみましょう。

文字を斜体にするのもGood

上記の例では文字全体を傾けていますが水平位置は動かさずに文字を斜体にしてもOKです。

全体を傾けてみたり文字だけ傾けてみたりといろいろ試してみると動きが出てインパクトのあるアイキャッチになります。

ちょっと物足りないなと思ったら一部分だけでも良いので何かしら傾けてみましょう。

タイトルの文字を揃える

これは単純に文字の大きさを上の文字に合わせて揃えましょうというだけの話。

超簡単にそれっぽくなるのでよく使っています。

行を増やせば文字も大きくなる

タイトルを１行で収めようとすると文字が小さくなり、視認性が悪くなります。

具体例を出します。

1列の場合

文字を一列で収めた場合はこのようになります。

できれば人の上に文字を被せずに作っていきたいところなので文字を改行してみます。

改行して列を揃えた場合

改行して列を揃えてみました。

どうでしょうか？圧倒的にこちらのほうがインパクトがありますよね。

改行を増やすことで文字の大きさを上げることが可能になるので見にくいなと思ったら思い切って改行してみると視認性が大幅に向上しますよ。

文字を揃えるとスッキリする

やっぱり文字が揃っていると見た目がとってもスッキリします。

ガイド線を引いてみてその中に収まるように文字を入れていくと簡単に整ったデザインにすることが可能。

大雑把でもいいのでバランスを整えてみると良い感じになりますよ。

おしゃれなアイキャッチ画像をデザインするコツまとめ

以上、簡単にアイキャッチ画像を作る方法でした。

今回ご紹介した7つの方法は下記の通り。

このようにちょっとしたコツを取り入れるだけで簡単に見やすいアイキャッチタイトルが出来るので是非ブログに使ってみてください。

初心者がアイキャッチを作る際に失敗しがちなデザイン

初心者がデザインするときにやらかしがちなミスがあります。

余白や色などちょっと気をつけるだけで見た目が良くなるのでぜひ参考にしてみてください。

アイキャッチのサイズに注意

アイキャッチをデザインする際はサイズにも注意してみてください。

ブログのテンプレートだけでなくTwitterにシェアした時に文字が切れないようにしましょう。

せっかくのアイキャッチも意図しない場所でトリミングされちゃうと残念ですからね。

アイキャッチの文字の色配色を簡単に

Adobe Colorというツールを利用すれば超かんたんに良いバランスの配色が作れます。

テンプレートから選ぶことも自分でカラーホイールを動かして作成することも出来るので是非利用してみてください。

アイキャッチを作るならやっぱりAdobeCCが最強。

無料ソフトでも作れますがPhotoshopやIllustratorは業務用ソフトと言うだけあってめちゃくちゃ楽に作れます。

例に出したようなアイキャッチも簡単なものなら10分かからずサクッと出来ちゃいます。

今ならAdobe Creative Cloudが超格安で手に入りますのでデザインの勉強をしたい人は有料ソフトも検討してみてください。