ブログ用【アイキャッチ・解説画像】の作り方～Photoscape編～

ブログに使用する画像を、簡単に編集する方法の紹介です。

実際の手順をわかりやすく解説しながら「アイキャッチ画像」「解説画像」を作っていきます。

こんな人のお役に立てる記事です。

小豆

イラストやテキストって、どうやって画像内に挿入するの？
ブログに使用する画像の編集方法を知りたい。

ブログ用画像の作り方【アイキャッチ・解説画像】

無料の画像編集ソフト「Photoscape」を使うと、簡単にブログ用画像の編集ができます。

当ブログで使用している画像は、すべて「Photoscape」もしくは「GIMP」を使用して編集しています。

小豆

GIMPってなに？ Photoscapeとどう違うの？

GIMPも無料で使える画像編集ソフトなんだけど、高性能な分操作がけっこう複雑なんだ。
簡単にサクッと編集したいなら、圧倒的にPhotoscapeがおすすめだよ。

大福

というわけで、実際にPhotoscapeを使って画像を編集してみました。

アイキャッチ画像

元画像	編集後の画像

※画像はクリックで拡大できます

アイキャッチ（サムネイル）画像は、言ってみれば記事の顔。

本で言えば表紙のようなものですね。

目立たせることで読者さんの目を惹き、より記事を読んでもらいやすくする効果があります。

解説画像

元画像	編集後の画像

※画像はクリックで拡大できます

画像内に矢印や枠を挿入することで、読者さんの理解力をぐんと上げることができます。

「○○の方法」や「○○の手順」といった記事を書くときに、とても便利です。

アイキャッチ画像の作り方

Photoscapeを使った実際の手順を、わかりやすく解説していきます。

step
1画像の挿入・サイズの調整

編集したい画像をPhotoscapeで開きます。

画像は、以下の2種類の方法で開くことができます。

ホーム　→　リサイズ　→　幅の調整

画像のサイズは、自分のブログ内に収まる幅で調整します。

自分のブログの横幅を調べるには、以下の記事を参考にしてください。

参考自分のブログの横幅を調べる方法【他のサイトの幅も簡単にわかる】

step
2テキストの挿入

オブジェクト　→　テキスト

step
3イラストの挿入

オブジェクト　→　写真　→　Photo

パソコン内に保存してある画像やイラストを挿入することができます。

step
4ぼかしを適用

ホーム　→　フィルター　→　ぼかし

挿入したテキストを目立たせるために、背景画像をぼかします。

step
5保存

「指定フォルダを保存」「名前を付けて保存」どちらかの保存方法を選択し、画像を保存します。

解説画像の作り方

step
1画像の挿入・サイズの調整

「アイキャッチ画像の作り方」同様に、編集したい画像をPhotoscapeに取り込みます。

step
2矢印や囲み枠の挿入

オブジェクト　→　描画ツール

Iconボタンをクリックすると、数字のイラストなどを挿入することができます。

step
3テキストの挿入

オブジェクト　→　テキスト

step
4モザイク処理

ツール　→　モザイク　→　モザイク強度を選択　→　モザイク処理をしたい部分を選択

step
5枠の挿入

ホーム　→　No Frame　→　任意の枠を選択

ここでは、「Shadow Boeder 2」を選択しました。

step
5保存

画像の編集が済んだら、保存をします。

まとめ：Photoscapeならブログ用画像の編集が簡単

Photoscapeを使えば、ブログ用画像の編集が簡単にできます。

無料で使えるので、ブロガーならぜひ知っておきたい便利ツールです。

ちなみに、ブログ内で使う画像は、以下の無料画像ダウンロードサイトを利用すると便利です。

画像だけでなく、ブログ全体の見た目にもこだわりたい場合は、WordPress有料テーマがおすすめです。

当ブログは、AFFINGER5（アフィンガー）という有料テーマを使用しています。