【初心者でも簡単な】アイキャッチ画像の作成方法【ibisPaint】

ムギモン

こんにちは。ナニカラブログ管理人のムギモンです

ブログを始めたばかりで「アイキャッチ画像」の作成に困っている人は多いのではないでしょうか。

アイキャッチ画像とは？

ユーザーの目（アイ）を引きつける（キャッチ）するための画像です。記事にあった画像や雰囲気のある画像を設定することによって、記事が読まれやすくなる効果があります。

本日は、

アイキャッチ画像を簡単に作る方法

をご紹介していきます。

また、私はデザインの知識は全くありませんので、あくまで「簡単にアイキャッチ画像を作成したい方」向けの記事ですのでご了承ください！

合わせて読みたい

好きなところから読む

ブログのアイキャッチ作成にibisPaint（アイビスペイント）が便利

Canvaを使用している方も多いですが、私はibisPaint（アイビスペイント）というアプリを使用しています。

ibisPaintのダウンロードはこちら

使いこなすのに少し時間がかかるかもしれませんが、透過PNG（背景が透明な形式）で保存・ダウンロードができるので、ブログのキャラクターやロゴを作成することもできます。

また、ibisPaintを使用してお絵描きをしている方が多く、ググれば使い方もたくさんでてきますし、もちろんスマホでも作成することができます！

公式のYoutubeのチュートリアル動画も大変わかりやすいです。（Youtubeはこちら）

自分の撮った写真などをアイキャッチ画像にしたい場合は、そのまま使用してもシンプルですが記事のタイトルをつけるとよりブログっぽくなります。

何枚かの写真にタイトルをつけてみました。

テーマとタイトルは…

こんな感じでやってみましょう。

こちらの写真にタイトルをつけていきます。

写真で作るアイキャッチ（モノクロ文字）

STEP1
ibisPaintを開く
▲ibisPaintを開いて「マイギャラリー」をタップ。
STEP2
写真を読み込む
▲上の「+」から「写真読み込み」をタップ。
▲線画抽出はキャンセルを選択。（線画抽出は手書きのイラストなどを取り込んでデジタルに変換する際に使います。）
STEP3
文字入れ
▲左から「文字入れ」を選択
▲「フォント」や「フォントカラー」を選んでタイトルを入力していきます。

▲白文字タイトルを入れただけのシンプルなアイキャッチ画像の完成！！バスのライトがポイント。

黒文字も同じようにやっていきますが、写真が暗めなので少しだけ工夫します。

STEP4
　
▲左からブラシを選択し、エアブラシ（色は白を選択し、不透明度を下げておきます。）に設定。
▲好きな位置に縦のラインを引いて、先ほどと同じ要領でラインに重ねるように文字を入れます。

▲暗い背景でも黒文字が見えるようになりました！

同じテーマで文字をカラーにしてみます。こちらの写真にタイトルをつけていきます。

写真で作るアイキャッチ（カラー文字）

▲この場合4回文字入れをします。（「写真」「でつくる」「アイ」「キャッチ」）カラフルなタイトルになりました。背景の写真の色に合わせると統一感がでますね！

こちらの写真にも文字を入れていきます。少し工夫して、水たまりの中で文字がにじんでいる感じを作りたいと思います。

写真で作るアイキャッチ（カラーにじみ文字）

STEP1
文字を入れる
▲同じように文字を入れていきます。この写真にはブルーの文字を入れました。
▲レイヤーの画面で「文字レイヤー」と下の「写真」を重ねます。（ゴミ箱のマークの上のマークを押すとレイヤーが重なります。そうすることによって、「文字」が「画像」になります。）
STEP2
文字をぼかす
▲左の「ぼかし」を選択してタイトルをなぞるとにじんだかんじになります。