Welcome Dialog

コミュニティへようこそ。

まったく新しい外観になりました。ツアーに参加して、アドビサポートコミュニティの最新情報をご覧ください


photoshop PNGで書き出すと背景が黒くなってしまう

New Here ,
Sep 13, 2020 Sep 13, 2020

リンクをクリップボードにコピー

コピー完了

タイトルについて質問させていただきます。

photoshop のバージョン21.2.3を使用しています。PCは、macのMojaveです。

 

photoshopで背景透過PNGファイルを開くと透明なはずの背景が黒く表示されてしまいます。 デスクトップ上のサムネイル画像ではしっかりと背景が透過されています。 原因はなんでしょうか?また、photoshop上で背景透過を維持したまま開く方法はありますか?

キーワード
FAQ, Mac, バグ, 問題またはエラー, 機能改善リクエスト, 読み込みと書き出し

表示

2.9K

いいね

翻訳

翻訳

レポート

レポート
コミュニティガイドライン
他のユーザーへの思いやりを持ち、敬意を払いましょう。コンテンツの出典を明記し、投稿する前に内容が重複していないか検索してください。 さらに詳しく
community guidelines
replies 16 件の返信 16
Adobe Most Valuable Participants ,
Sep 13, 2020 Sep 13, 2020

リンクをクリップボードにコピー

コピー完了

アップロードされたPNG画像をPhotoshopCC2018(v19.1.9)で開いてみましたが,「アイネクライネ_空.png」は透明が保持されていました(画像)。逆にスクリーンショットのほうは白く塗りつぶされています。

 

dsdfd.png

念のため「透明なはずの背景が黒く表示され」ている状態のスクリーンショットを見せていただけるとありがたいです。

katayanagi, JPN

いいね

翻訳

翻訳

レポート

レポート
コミュニティガイドライン
他のユーザーへの思いやりを持ち、敬意を払いましょう。コンテンツの出典を明記し、投稿する前に内容が重複していないか検索してください。 さらに詳しく
community guidelines
New Here ,
Sep 13, 2020 Sep 13, 2020

リンクをクリップボードにコピー

コピー完了

ご返信ありがとうございます。

私の場合は、書き出したファイルを開くと以下のようになってしまいます。

スクリーンショット 2020-09-14 13.17.42.png

いいね

翻訳

翻訳

レポート

レポート
コミュニティガイドライン
他のユーザーへの思いやりを持ち、敬意を払いましょう。コンテンツの出典を明記し、投稿する前に内容が重複していないか検索してください。 さらに詳しく
community guidelines
Adobe Most Valuable Participants ,
Sep 14, 2020 Sep 14, 2020

リンクをクリップボードにコピー

コピー完了

v21.2.3とMojaveで試しました。透過箇所は黒くならず、正常に市松模様になります。

「システム再起動」「Photoshopをアンインストールして、再度インストール」は試してみましたか?

ps2020.png

いいね

翻訳

翻訳

レポート

レポート
コミュニティガイドライン
他のユーザーへの思いやりを持ち、敬意を払いましょう。コンテンツの出典を明記し、投稿する前に内容が重複していないか検索してください。 さらに詳しく
community guidelines
New Here ,
Sep 14, 2020 Sep 14, 2020

リンクをクリップボードにコピー

コピー完了

ご返信ありがとうございます。

 

アンインストールと、再度インストールは試してみましたが結果は変わりませんでした。。

 

いいね

翻訳

翻訳

レポート

レポート
コミュニティガイドライン
他のユーザーへの思いやりを持ち、敬意を払いましょう。コンテンツの出典を明記し、投稿する前に内容が重複していないか検索してください。 さらに詳しく
community guidelines
Adobe Most Valuable Participants ,
Sep 14, 2020 Sep 14, 2020

リンクをクリップボードにコピー

コピー完了

たしかに,黒…ですねぇ。

確認ですが,Photoshop v21.2.3(Mojave)から書き出した透過PNGファイルをPhotoshop v21.2.3で開き直すとスクリーンショットのように黒くなる,ということで間違いないでしょうか。

また,最初にアップロードされた「アイネクライネ_空.png」は間違いなく透過PNGデータですが,このファイルは正しく透明(市松模様)の表示になっている,ということで合っていますか?

katayanagi, JPN

いいね

翻訳

翻訳

レポート

レポート
コミュニティガイドライン
他のユーザーへの思いやりを持ち、敬意を払いましょう。コンテンツの出典を明記し、投稿する前に内容が重複していないか検索してください。 さらに詳しく
community guidelines
New Here ,
Sep 14, 2020 Sep 14, 2020

リンクをクリップボードにコピー

コピー完了

ご返信ありがとうございます。

 

>Photoshop v21.2.3(Mojave)から書き出した透過PNGファイルをPhotoshop v21.2.3で開き直すとスクリーンショットのように黒くなる,ということで間違いないでしょうか。

 

はい。透過PNGファイルをPhotoshop v21.2.3で開き直すと黒くなってしまいます。

 

>最初にアップロードされた「アイネクライネ_空.png」は間違いなく透過PNGデータですが,このファイルは正しく透明(市松模様)の表示になっている,ということで合っていますか?

 

はい。正しくは市松模様になるはずです。

 

いいね

翻訳

翻訳

レポート

レポート
コミュニティガイドライン
他のユーザーへの思いやりを持ち、敬意を払いましょう。コンテンツの出典を明記し、投稿する前に内容が重複していないか検索してください。 さらに詳しく
community guidelines
New Here ,
Sep 14, 2020 Sep 14, 2020

リンクをクリップボードにコピー

コピー完了

すみません。

 

>Photoshop v21.2.3(Mojave)から書き出した透過PNGファイルをPhotoshop v21.2.3で開き直すとスクリーンショットのように黒くなる,ということで間違いないでしょうか。

 

はい。Photoshop v21.2.3で透過PNGファイルを書き出して、それをデスクトップで開き直すと黒くなってしまいます。

 

語弊がありましたので訂正させていただきます。

いいね

翻訳

翻訳

レポート

レポート
コミュニティガイドライン
他のユーザーへの思いやりを持ち、敬意を払いましょう。コンテンツの出典を明記し、投稿する前に内容が重複していないか検索してください。 さらに詳しく
community guidelines
Adobe Most Valuable Participants ,
Sep 14, 2020 Sep 14, 2020

リンクをクリップボードにコピー

コピー完了

> それをデスクトップで開き直すと黒くなってしまいます。

 

「デスクトップで開き直す」は、pngファイルをダブルクリックしているってことですよね。

そうすると、もしかしてPhotoshopではなく、Google Chromeで開かれているのを見ているのではありませんか?

スクリーンショット 2020-09-15 15.24.42.png

いいね

翻訳

翻訳

レポート

レポート
コミュニティガイドライン
他のユーザーへの思いやりを持ち、敬意を払いましょう。コンテンツの出典を明記し、投稿する前に内容が重複していないか検索してください。 さらに詳しく
community guidelines
New Here ,
Sep 15, 2020 Sep 15, 2020

リンクをクリップボードにコピー

コピー完了

ご返信ありがとうございます。

 

photoshopで書き出したpngファイルをデスクトップに保存して、photoshopを閉じた後にデスクトップに保存されたPNGファイルをプレビューで開いています。書き出したPNGファイルを確認するためにどうしてもプレビューを介してしまいます。

 

これまでも上記のやり方で、背景を抜いた画像であることは確認できたのですが。。。

 

プレビュー以外で書き出したPNGファイルを確認する方法はございますでしょうか?

photoshop 歴が浅く無知な事も多いですが、何卒ご教授いただきたいです。

 

 

いいね

翻訳

翻訳

レポート

レポート
コミュニティガイドライン
他のユーザーへの思いやりを持ち、敬意を払いましょう。コンテンツの出典を明記し、投稿する前に内容が重複していないか検索してください。 さらに詳しく
community guidelines
Adobe Most Valuable Participants ,
Sep 15, 2020 Sep 15, 2020

リンクをクリップボードにコピー

コピー完了

書き出したpngファイルは、Photoshopで開けますよ。

DockのPhotoshopアイコンにドラッグ&ドロップするだけです。

 

ファイルをダブルクリックするだけでPhotoshopで開くように変更することもできます。

macOSで、どのアプリケーションで開くかを指定する3つの方法(関連付け)

いいね

翻訳

翻訳

レポート

レポート
コミュニティガイドライン
他のユーザーへの思いやりを持ち、敬意を払いましょう。コンテンツの出典を明記し、投稿する前に内容が重複していないか検索してください。 さらに詳しく
community guidelines
Adobe Community Professional ,
Sep 14, 2020 Sep 14, 2020

リンクをクリップボードにコピー

コピー完了

Mojaveとのことですが、マイナーアップデータとセキュリティアップデータは最新まで適用されているものでしょうか。

環境として気になるとしたらその点になります。

10.14.6より古いバージョンだとした場合は、OS提供のグラフィックドライバーが古いままで表示に問題が出ることがあります。

いいね

翻訳

翻訳

レポート

レポート
コミュニティガイドライン
他のユーザーへの思いやりを持ち、敬意を払いましょう。コンテンツの出典を明記し、投稿する前に内容が重複していないか検索してください。 さらに詳しく
community guidelines
New Here ,
Sep 14, 2020 Sep 14, 2020

リンクをクリップボードにコピー

コピー完了

ご返信ありがとうございます。

アップデートは最新の状態になっております。

その他にアップデートできる箇所はありますのでしょうか?

スクリーンショット 2020-09-15 14.08.52.png

いいね

翻訳

翻訳

レポート

レポート
コミュニティガイドライン
他のユーザーへの思いやりを持ち、敬意を払いましょう。コンテンツの出典を明記し、投稿する前に内容が重複していないか検索してください。 さらに詳しく
community guidelines
Adobe Community Professional ,
Sep 15, 2020 Sep 15, 2020

リンクをクリップボードにコピー

コピー完了

すみませんが、そのスクリーンショットだとMojabeではなく、Catalinaですから、10.15系です。

ですので質問の前提が崩れることになってしまいます。

 

またmonokanoさんが指摘されていますが、Photoshop以外での表示であれば、それ自体は表示する個々のアプリケーション等での仕様です。

pngの透明部分については、表示するアプリケーションの仕様によって、どのように表示されるかは異なります。

Windows環境ですが、Chromeとエクスプローラーでは黒ですが、FirefoxとWindows付属のフォトアプリでは白でした。

Photoshopでの市松模様も、ある意味アプリケーションの個別仕様としてそのように表示するもの、ともいえます。

いいね

翻訳

翻訳

レポート

レポート
コミュニティガイドライン
他のユーザーへの思いやりを持ち、敬意を払いましょう。コンテンツの出典を明記し、投稿する前に内容が重複していないか検索してください。 さらに詳しく
community guidelines
New Here ,
Sep 15, 2020 Sep 15, 2020

リンクをクリップボードにコピー

コピー完了

ご返信ありがとうございます。

 

PCの仕様が誤っておりました。申し訳ございません。

 

アプリケーションによって出力の見え方が異なるのですね。

photoshop で書き出したPNG画像の市松模様を確認するためには、どのように確認すれば良いのでしょうか?

 

ご教授いただけると嬉しいです。

いいね

翻訳

翻訳

レポート

レポート
コミュニティガイドライン
他のユーザーへの思いやりを持ち、敬意を払いましょう。コンテンツの出典を明記し、投稿する前に内容が重複していないか検索してください。 さらに詳しく
community guidelines
勇敢なヒーロー ,
Sep 15, 2020 Sep 15, 2020

リンクをクリップボードにコピー

コピー完了

最初にご自身で書かれていたように、「Photoshopで」確認してください。

 

Preview.appで半透明表示が市松模様だったことは過去に無かったはずです。

Yamonov

いいね

翻訳

翻訳

レポート

レポート
コミュニティガイドライン
他のユーザーへの思いやりを持ち、敬意を払いましょう。コンテンツの出典を明記し、投稿する前に内容が重複していないか検索してください。 さらに詳しく
community guidelines
勇敢なヒーロー ,
Sep 15, 2020 Sep 15, 2020

リンクをクリップボードにコピー

コピー完了

最新

Photoshopの使い方でなく、AppleのPreview.appの使い方の話になるのでここでは簡単に説明しますが、背景色はPreview.appの環境設定で変更できます。

 

SS 2020-09-16 12.04.20.png

Yamonov

いいね

翻訳

翻訳

レポート

レポート
コミュニティガイドライン
他のユーザーへの思いやりを持ち、敬意を払いましょう。コンテンツの出典を明記し、投稿する前に内容が重複していないか検索してください。 さらに詳しく
community guidelines