
多くのWebサイトでロゴ画像がページのヘッダ部分に表示されています。
そのロゴ画像も文字だけ浮き出て背景は透明の画像が多かったりします。
この記事では、「PhotoScape」を使用した背景が透明のロゴ画像の作成方法を紹介します。
「PhotoScape」とは
「PhotoScape X」とは、画像のリサイズやトリミング、色々な視覚効果、フレーム付け、文字入れなどが簡単にできる画像編集ソフトです。
この編集ソフト一つで、アイキャッチ画像、説明画像、ヘッダー画像、ロゴ画像が簡単に作成できます。
以下から無料でダウンロードできます。
背景無しの文字だけのロゴ画像の作成方法
それではさっそく作り方を確認していきます。
PhotoScapeを起動して「写真編集」メニューを開きます。
そして画面中央にある「新規」をクリックします。

ロゴ画像の大きさはサイトによって異なりますが、今回は250×60ピクセルの大きさで作成します。
画像サイズ幅250px、高さ60pxを入力して、その下にある「不透明度」のスライドバーを一番左端に設定してOKを押すと背景が透明の画像が作成されます。

画面上の「挿入」をクリックします。

画面上の「T(テキスト)」を選択し、右にあるテキストエリアに文字を入力します。
あとは、画像の大きさに合わせてマウスでフォントの画像サイズを調整して保存したら完成です。
