こんにちは、renkomaです。
今までのPhotoshopでレイヤー単位でpng画像を保存しようとすると、メニューから書き出しと画像アセットによる書き出しの二通りの方法が主流でした。
![https://renkoma.com/wp-content/uploads/2019/04/siteicon2-150.jpg](https://renkoma.com/wp-content/uploads/2019/04/siteicon2-150.jpg)
しかしアップデートを頻繁に行うPhotoshopさん。いつの間にか楽に書き出せるようにしてくれていました。
書き出したいレイヤーを選んで右クリック→pngとしてクイック書き出し
![https://renkoma.com/wp-content/uploads/2019/04/siteicon2-150.jpg](https://renkoma.com/wp-content/uploads/2019/04/siteicon2-150.jpg)
え、これだけ?
そう、これだけです。
以上!
![](https://renkoma.com/wp-content/uploads/2019/09/2019-09-26_110919.jpg)
書き出したいレイヤーを選択
![](https://renkoma.com/wp-content/uploads/2019/09/2019-09-26_110855.jpg)
![](https://renkoma.com/wp-content/uploads/2019/09/b9d68043bef22757656422b4e7d29fb2.png)
右クリックを押して、【PNGとしてクイック書き出し】
これをするだけでレイヤーをpngで書き出せちゃいます。
![](https://renkoma.com/wp-content/uploads/2019/09/2019-09-26_111208.jpg)
はぁぁ便利。
![https://renkoma.com/wp-content/uploads/2019/04/siteicon2-150.jpg](https://renkoma.com/wp-content/uploads/2019/04/siteicon2-150.jpg)
便利すぎて嬉しいので、うんこ.pngファイルもあげちゃう。
版権フリーにしますので色々と使えますよ(*^^*)
![https://renkoma.com/wp-content/uploads/2019/04/siteicon2-150.jpg](https://renkoma.com/wp-content/uploads/2019/04/siteicon2-150.jpg)
さらっとメインは終わったので、ついでに冒頭にあった画像アセットによる書き出しの紹介もしておきましょう。
画像アセットによるPNG画像の自動書き出し方法
画像アセットはレイヤー名の後ろに「.png」をつけるだけで、Photoshopが判定して自動で書き出してくれる機能です。
![](https://renkoma.com/wp-content/uploads/2019/09/2019-09-26_111443.jpg)
まず、メニュー→ファイル→生成→画像アセットをオンにします。
![](https://renkoma.com/wp-content/uploads/2019/09/cbc98df171e9c819e0729f2a8d6736b4.png)
次に、書き出したいレイヤーの名前の最後に【.png】を付けてあげればOK!
![https://renkoma.com/wp-content/uploads/2019/04/siteicon2-150.jpg](https://renkoma.com/wp-content/uploads/2019/04/siteicon2-150.jpg)
これだけ!
すると、psdファイルのあるフォルダ階層に専用のフォルダが自動生成されて、そこにpng画像が保存されます。
レイヤーが更新されると自動で更新書き出しもしてくれて便利!!
しかし、画像が大きくになるにつれて処理もちょっとずつ重たくなる傾向にあります。
その時は、画像アセットをオフにして、書き出したいタイミングでオンにすると良いでしょう。
オンにしたけど、書き出せていない。という時は、レイヤーに何かしらの変更を行うと書き出されます。
自由変形ボタンを押して何も変形させずにそのまま確定をして行ける時もあります。
それではまた!