【Photoscapeでブログ用ロゴ画像を作成】合成・切り取り・リサイズ

無料の画像編集ソフト「Photoscape」を使って、ブログのロゴ画像を作っていきます。

全ての手順を画像付きで詳しく解説しているので、初めての方でも真似するだけでオリジナルロゴ画像が作れます。

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

小豆

ブログのタイトルをオリジナルロゴ画像にしたい。
画像編集なんてやったことないけど、こんな自分でもできるのかな？
1から10までやり方を詳しく教えて。

Photoscapeを使ってブログ用のオリジナル画像を作る

ブログ用ロゴ画像の作成に使用するのは、「Photoscape」という無料の画像編集ソフト。

ダウンロードがまだの人は、以下のリンクからダウンロードを済ませておいてください。

リンクPhotoscapeのダウンロード（無料）

完成イメージはこちら

文字だけの場合に比べて、だいぶ見た目の印象が変わりますね。

オリジナルロゴ画像を使うことで、訪れたユーザーに自分のブログを覚えてもらいやすくなります。

ロゴ画像の作成方法を詳しく解説

ロゴ画像を作成する手順は、以下の通り。

工程が多く難しく思えますが、実際にやってみるとすごく簡単です。

step
1素材の準備

まずは、ロゴ画像に使用したい画像素材を準備します。

例として、以下の2枚のPNG画像を使用していきます。

画像1	画像2

無料で使えるイラスト画像のダウンロードなら、イラストACの利用が便利です。

リンク無料イラストなら【イラストAC】

画像をダウンロードするときは、必ずPNG画像でダウンロードを行ってください。

大福

PNG画像を選択すると、背景が透明な画像をダウンロードすることができるんだ。

Photoscape　→　画像編集

画像のダウンロードが完了したら、Photoscapeを開いて使用する画像の切り抜きを行っていきます。

ダウンロードした画像の保存先を選択して、先ほどの画像を開く

トリミング　→　使用したい部分を選択　→　トリミング領域を保存

トリミング機能を使用して、ダウンロードした画像から使用したい部分を切り抜き、一旦別画像として保存します。

step
2透明キャンバスを挿入

以下のリンクから背景透明キャンバスをパソコンに保存してください。

ダウンロード背景透明キャンバス

保存した背景透明キャンバスをPhotoscapeで開きます。

step
3画像を挿入

オブジェクト　→　写真　→　Photo

ステップ1で切り抜いた画像を読み込みます。

同じ操作を繰り返して、使用したい画像は全て読み込みを済ませます。

画像を右クリックすると、画像の前後の位置関係を選択することができます。

step
4テキストを挿入

オブジェクト　→　テキスト

画像内に任意のテキストを挿入します。

赤枠内で文字のスタイルの編集が可能です。

step
5トリミング

トリミング　→　使用したい部分を選択　→　トリミング領域を保存

トリミングによって、ロゴに使用したい部分だけを切り抜きます。

step
6リサイズ

保存したトリミング済みの画像を開く

ホーム　→　リサイズ　→　任意のサイズに設定

サイズ設定時は、画像のアスペクト比（縦横比）が崩れてしまわないよう、幅のみで調整します。

幅による見え方の違いは、こちらの画像を参考にしてください。

幅300px	幅500px	幅640px

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

保存　→　名前をつけて保存

最後に保存して終わりですが、ここでもファイルの種類は必ず「PNG」を選んでください。

ロゴ作成だけじゃない！Photoscapeはブログ画像の編集に超便利

今回はロゴ画像の作成方法を紹介しましたが、Photoscapeはそれ以外にも便利な使い方がいっぱい。

ブログをやっている人なら、ぜひ覚えておきたい使い方をまとました。

まとめ：ブログにはオリジナル画像を使おう

ありがちで似たり寄ったりのブログにならないためには、やっぱりオリジナル画像の存在は欠かせません。

自分で編集した画像を使用すれば、ブログのオリジナル性を格段にアップすることができますね。

小豆

画像の編集なんて、やったことなかった。

こんな人は、ぜひこの機会にPhotoscapeの使い方を覚えてみてください。

👉今回作成したロゴ画像をAFFINGER5ブログに設置する方法

👉ブロガーに大人気のWordPressテーマ「AFFINGER5」関連の記事