サイトアイコン NexOut

【Photoshop】pngが透過できない時の対処法【新人デザイナー向け】

Photoshopでpngが透過できない。
透過したpngが書き出せない。

こういった疑問に答えるよ!

Naoya
やぁ!みんな!元気?

デザイナーの@Naoyaです。

Youtube

目次

スポンサーリンク

Photoshopでpngが透過できない時の対処法

pngを透過で書き出す流れはこんな感じ。
順番に見て行こう!

ここではこんな感じの背景を無くして、pngで透過して書き出すよ!

背景をなくす

レイヤーから背景のレイヤーを非表示に!

レイヤーが表示されていない場合はメニューバーの「ウィンドウ」→「レイヤー」を選択!

こんな感じで非表示になったね!

画面はこんな感じ。

pngを選択して書き出す

メニューバーの「ファイル」→「書き出し」→「Web用に保存」を選択!

ここでは「png-24」を選択後「保存」を選択!

好きな名前を入力後「保存」を選択!

これで完了!

モバイルバージョンを終了