Photoshopで複数レイヤーの書き出し

Question

フォトショの画像をjpgやpngで書き出して保存し、
それをHTMLの「img」でコーディングしてLPに配置させたいです。

1つの画像やテキストは書き出せたのですが、
以下のように複数のレイヤーに分かれているときの書き出し方が分かりません。

・画像
・↑画像への効果
・テキスト
・ファイル（サンプル2のテキストとバックの白丸）

レイヤーの結合などを試してみたのですが…
もう少し調べれば分かるのかもしれませんが、
急いでいるもので質問させていただきましたm(__)m

なにとぞ、宜しくお願い致します。

Comments

[scsi]

https://it.srad.jp/story/19/01/31/090252/

[m.ts10806]

>急ぎですm(__)m
であればお金払って業者にやってもらいましょう。
回答者を煽ったところで面倒な印象を与えてアドバイスもらえる機会が遠のくだけです。

[nakama123]

申し訳ありません。煽るようなタイトルは消させていただきました。ご助言ありがとうございます。

[m.ts10806]

ではこちらも削除された方が良いかと。(要件と関係ないので）
>すみません。。。急ぎの質問ですm(__)m

[nakama123]

失礼致しました。

Answer 1

1. ファイル->生成->画像アセットにチェック
2. 書き出したい要素を一つのディレクトリにまとめる
3. ディレクトリ名を出力したい画像名にする（hero.pngなど）
4. 保存?

これで保存したpsdと同じディレクトリに書き出せた気がします。
レティナ対応が必要だったら@2x,@3xや、jpgの圧縮率のオプションもありますので、更に詳しくはphotoshop 画像アセットで検索してみて下さい。