【簡単3ステップ!】Photoshopを使って画像を透過PNGデータにする方法

ラクスルのデザイン編集ツールでは『透過PNGデータ』の利用を強くおすすめしています。
 このページではPhotoshopを使って画像を透過させる方法をご紹介します。3ステップで誰でも簡単にできるので、是非お試しください。

(下図)透過PNGとそうでない画像データを使ってデザイン

透過画像データ利用の推奨

それでは透過PNGデータの作成をしてみましょう。

Photoshopでの作業手順

① 画像データをPhotoshopで開く

今回は上記の会社ロゴの白色部分の背景を透過させてみます。
※元データは解像度が高い画像をご使用ください

② 背景色を透過させる

画像のレイヤーを選択した状態で、上部のメニューから『選択範囲』⇒『色域指定』をクリックします。

色域指定のメニューが開いたら、画像上の透過させたい背景色をクリックし、『OK』を押します。

これで背景色が選択された状態になるため、deleteキーを押して選択部分を削除します。

背景を透過させることができました

編集ができない場合

レイヤーにロックがかかっているため、画像が配置されているレイヤーの鍵マークをクリックし、ロックを解除してみてください。

③ 透過できた画像をPNG形式で保存する

『ファイル』⇒『別名で保存』をクリックし、『PNG形式』を選択して保存すれば作業完了です。