≫LINEにてブログ無料相談OKです。

【解説】おしゃれなアイキャッチ画像の作り方・デザインのコツ

はじめ

  • アイキャッチ画像が上手に作れない。
  • おしゃれなアイキャッチ画像が作りたい!
  • 簡単なアイキャッチ画像の作り方を知りたい!

本記事では、上記の疑問にお答えしていきます。

この記事を読めば、おしゃれなアイキャッチ画像の作り方を学ぶことができますよ。

 

1. おしゃれなアイキャッチ画像の作り方・デザインのコツを解説!

まず、おしゃれなアイキャッチ画像を作るために必要なツールは以下のものがおすすめです。

必要ツールをダウンロードしたら、アイキャッチ画像の作成に取り掛かりましょう。

ここでは、GIMPで作る方法を解説していきます。

おしゃれなアイキャッチ画像の作り方・デザインのコツは以下の通りです。

作り方・デザイン
  1. センスの良い写真を選択する
  2. GIMPを編集する
  3. 文字・装飾を入れる

動画でも解説していますので、ご覧ください。

 

1-1. フリー画像サイトで好みの画像素材をDLする

まずは素材となるフリー画像をダウンロードしましょう!

アイキャッチ画像に使えるフリー画像サイトは以下の記事でお話ししています。

上記の記事で紹介しているサイトは、すべて無料で商業利用が可能となっていますので、初心者の方であればおすすめです。

ちなみに、私のブログも「ODAN」と「photoAC」の画像素材を使っています。

 

1-2. GIMPで画像を編集する

ダウンロードした、アイキャッチの画像素材をGIMPで読み込みます。

 

GIMPで読み込むとこのような画面になります。

次に、こちらの画像に装飾・文字を入れていきます。

ツールパレットから「テキスト入力」を選択し、テキストを入れていきます。

 

そして、次にテキストをもう少し強調するために、テキストの後ろに背景を入れていきます。

ツールの「短形選択」を選び、背景を入れていきたい「範囲」を選択します。

 

 

次に、上部のメニューバーにある「レイヤ→新しレイヤの追加」を選びます。

 

次に、レイヤサイズの確認画面が出現するので、OKを選択します。

 

次に、テキストの背景の色を選択します。

 

次に、上部のメニュバーにある「編集→描画色で塗りつぶす」を選びます。

 

すると以下のようにアイキャッチ画像が仕上がります。

 

もちろん、このままで良いのですが、私はここからちょっと「透過」を加えていきます。

レイヤのツールパレットに表示されている「不透明度」を70%~90%にします。

 

これで、オリジナルのアイキャッチ画像が完成です。

文字を入れることによって、画像を見ただけで、記事の内容が把握できるようになるので、とてもおすすめですよ。

その他にも、文字を縁取ったデザイン。

 

私のようにシンプルなデザインのアイキャッチ画像がお好みであれば、このようにGIMPを使えば簡単に作ることができますよ。

 

2. 【参考】個性的でおしゃれなアイキャッチ画像を作っているブロガー3名

参考として、個性的でおしゃれなアイキャッチ画像を作っているブロガーを3名ご紹介いたします。

  1. ジュンイチのブログ
  2. RYUKEN OFFICIAL BLOG
  3. サルワカ

 

2-1. 「ジュンイチのブログ」のアイキャッチ画像

引用:ジュンイチのブログより

ジュンイチさんのブログのアイキャッチ画像は、とても個性的なものとなっています。

それもそのはず。

ジュンイチさんのブログに出てくるキャラクターは自らデザインしているものになっていますからね。

もし、あなたもイラストを描くのが得意!というのであれば、ジュンイチさんのようにオリジナルキャラクターを作成すれば、オリジナルティの高いアイキャッチ画像を作ることができますよ!

 

2-2. 「RYUKEN OFFICIAL BLOG」のアイキャッチ画像

引用:RYUKEN OFFICIAL BLOGより

RYUKEN OFFICIAL BLOGは、フリーランス、エンジニアといった仕事に関する情報のブログとなっているため、「ビジネス」をイメージさせる画像を使ったアイキャッチ画像が使われています。

ジュンイチさんとは異なり、フリー画像に文字を入れただけの簡単な編集ではありますが、ブログのコンセプトと非常にマッチしたアイキャッチ画像になっています。

 

2-3. 「サルワカ」のアイキャッチ画像

引用:サルワカより

WEBデザイン・ワードプレスなどのHTML・CSSの情報をメインに配信している「サルワカ」

こちらのブログのアイキャッチは、全てイラストで作られています。

ブログテーマと非常にマッチしたアイキャッチ画像となっているので、記事の内容をイメージしやすい点がとても参考になります。

もし、「サルワカ」と同じようなアイキャッチ画像を作りたいのであれば、以下のサイトの画像素材を使うことで、似た感じに仕上げることができますよ!

 

まとめ

今回は、【解説】おしゃれなアイキャッチ画像の作り方・デザインのコツについてお話してきました。

GIMPを使えば、簡単におしゃれなアイキャッチ画像を作ることができます。

GIMPは無料で利用することができるにもかかわらず、機能は「photshop」と同等です。

なので、GIMPの使い方さえマスターしてしまえば、今後のブログ運営に大きく役立ちますよ!

もしこの記事が役に立ったと思ったら、ブックマーク・SNSでシェアしてくれるととても嬉しいです。

最後までありがとうございました。

WordPressブログの画像を最適化する7つの施策【まとめ】