photoshopのアセット抽出機能

Question

初めて質問させていただきます。
Photoshopからアセット抽出の機能を使用してpngで画像を書き出したいのですが、背景を透明で書き出すことができません。
アートボードを白→透明にしてやってみても白い背景がついてきます。
考えられる原因をお教えいただきたいです。

Comments

[Lhankor_Mhy]

HTML5 や CSS は質問に関係がなさそうなので、削除をおすすめします。

回答者は質問タグを見て回答する質問を選んでいます。
たとえば、JavaScriptの質問に[Java][JavaScript]というタグが付いていた場合、JavaScript に詳しい回答者が「Javaが関係するなら詳しくないから回答できないな」と読み飛ばすかもしれません。
結果的に質問が目に触れる回数が減り、回答が得られにくくなることがあるでしょう。

ですので、質問タグは適切に設定することをおすすめします。
（もちろん、これは強制ではありません）

---

正直、teratail にはデザイナーの回答者がほとんどいないと思いますので、あまり有効な回答は得られなさそうな気はします

[miruru]

ご指摘と使い方を教えてくださりありがとうございます。
タグやこちらでの質問が適当ではなさそうなので、しばらくしたら消そうと思います。

[Lhankor_Mhy]

ご対応ありがとうございます。

ただ、現在の teratail はバグだらけでして、どうやら削除リクエストも受け付けていないようなのです。
https://teratail.com/questions/36leqkyeq9nzih

[miruru]

そうなのですね
お教えいただいた通りタグのみですが編集いたしました。
確かにデザイナー・コーダーよりもプログラミングをされる方向けのツールのようですね。
今後は質問させていただく際には適切な内容のみを投稿しようと思います。

Answer 1

レイヤー名称末尾の記法は間違ってないですか？
背景を透明にしようとすると、PNG 8bit形式または32bit形式で書き出す必要があります。
8bitの場合、アンチエイリアシングがジャギーになるので、輪郭をきれいに書き出すなら32bit一択です。
https://helpx.adobe.com/jp/photoshop/using/generate-assets-layers.html

Comments

[miruru]

ご回答くださりありがとうございます。
わかりやすくページも載せていただき感謝いたします。
32bitで指定して書き出したのですが背景は消えませんでした・・
タグや質問の場所があまり適当ではないようなのでしばらくしたら質問は消そうと思います。

[Eskee]

タグは要編集ですが、質問は別に消さなくていいですよ。
プログラマやエンジニアが画像アセットを切り出す作業をすることはありますので、後から見る人の参考になると思います。

さて、やはり背景が消えないとのことですが、問題となっているPSDデータの共有やスクリーンショットの共有は可能でしょうか？
もちろん、開示可能なものでお願いします。開示が無理な場合は、別途サンプルとして別データを作り、同じように背景がどうしても消えないPSDデータを作っていただければ、中身を見て確認することができますので。

ご検討ください。

[miruru]

ありがとうございます。

共有してみていただく前にもう一度原因を探っていたところ、解決しました。
imgにbackground-colorで白い色を入れてしまっており、この画像だけ背景がついていました。
書き出す際に何か失敗していると思っていましたが別のミスでした。
ご相談に乗ってくださりありがとうございました。