基本操作

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

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

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

Naoya
Naoya
やぁ!みんな!元気?

デザイナーの@Naoyaです。

目次

  • Photoshopでpngが透過できない時の対処法
Naoya
Naoya
ではゆこう!
【Photoshop】無料でダウンロードする方法【失敗しない学習法】Photoshopを無料でダウンロードする方法が知りたい。 そもそもPhotoshopって無料で使えるのかな? こういった疑問に答えるよ!...

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

  • 背景をなくす
  • pngを選択して書き出す

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

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

背景をなくす

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

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

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

画面はこんな感じ。

pngを選択して書き出す

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

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

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

これで完了!

Naoya
Naoya
今日も来てくれてありがとう、またね!
【無料で有益】Webデザインスクール3社【現役デザイナーがおすすめ】Webデザインを学びたいけど、どんなスクールが良いのだろう。 調べてみるとデザインスクールは山のようにあるし、 そもそもなに基準...
【Photoshop】無料でダウンロードする方法【失敗しない学習法】Photoshopを無料でダウンロードする方法が知りたい。 そもそもPhotoshopって無料で使えるのかな? こういった疑問に答えるよ!...