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

はじめのアイコン画像はじめ

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

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

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

お洒落なサイトが誰でも作れる!

ブログを書くのが楽になるテーマ「SWELL」

  • 誰でも簡単にオシャレなブログが作れます!
  • WordPressの使いやすさがアップします!
  • キャッシュ機能とページ高速遷移機能で初心者も簡単にWordPressの高速化が可能です!
  • アフィリンクの一元管理機能が標準装備されてます!

\一度使うと他のテーマには戻れません!/

※実際に私の当ブログは「SWELL」を使って運営しており、大満足のテーマです!

この記事を書いてる人

溝口 剛
Tsuyoshi Mizoguchi

   

1986年生まれ 33歳 札幌在住
8年間会社員として働くも会社員としての生き方が嫌になり、フリーランスへ。現在はブログより年間1,000万円の収益を得ています。

この記事の内容

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の情報をメインに配信している「サルワカ」

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

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

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

FLAT ICON DESIGN

まとめ

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

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

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

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

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

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

【PR】現役ブロガーの実践ノウハウをこっそり教えちゃいます。

当サイトでは、私が月7桁稼ぐまでに至ったノウハウ・現在実践しているノウハウを「ツヨシウェブSHOP」で有料コンテンツとして販売しております。実際にブログで月7桁稼いだ実績を持っており、また現在もブログ収益で生活をしていますので情報の信頼性は高いと感じています。

しかし、有料コンテンツで提供している情報は「楽して稼ぐ!」というものにはなっておらず、これから私と同じようにブログ・発信者として生活していきたい方に向けて書いておりますので「継続的に作業できる方のみ」ご購入いただければ幸いです。

また、コンテンツには自信を持って提供させて頂いておりますので、もし購入後ご不満がございましたら「返金対応」させて頂きます。

月7桁をを達成したサイト設計方法です!

初心者のための「サイト設計方法」月7桁を実現するブログの作り方を解説。

  • 見込み客→キーワード選定→サイト導線が重要。
  • 「成約から近い見込み客」の考え方について解説。
  • 狙うべきキーワードについて解説。
  • サイト導線の考え方について解説。

\月7桁を達成したサイト設計方法が学べます!/

初心者のための「サイト設計方法」月7桁を実現するブログの作り方を解説。
  • 見込み客→キーワード選定→サイト導線が重要。
  • 「成約から近い見込み客」の考え方について解説。
  • 狙うべきキーワードについて解説。
  • サイト導線の考え方について解説。

\月7桁を達成したサイト設計方法が学べます!/

初心者のための「サイト設計方法」月7桁を実現するブログの作り方を解説。
  • 案件を選ぶ際の7つのポイントが学べます。
  • 購入されやすい商品の特徴。
  • 案件選びで重要な見るべきポイント。
  • 案件を取り組む際に確認すべき事項。

\アフィリ案件を選ぶ秘訣が学べます!/

この記事が気に入ったら
フォローしてね!

この記事の内容
閉じる