Photoshop CC 14.1 に画像パーツ書き出し機能がやってきた

Photoshop CC 14.1 に画像パーツ書き出し機能がやってきた
09-10 12時21分 追記しました/はてブコメありがとうございます
今日のPhotoshopの14.1のアップデートがきて、以前ご紹介した、Mac専用ソフト、Slicyと同じような機能(.pngなどをフォルダー/レイヤーにつけると書きだされる)が搭載されました。

実際に触ってみたので、簡単なやり方を。
ここで使っているサンプルファイルはこちら • sample.psdからダウンロードできます。

レイヤーやフォルダーに書き出したいファイルの名前をつけます。

これはSlicyと同様ですが、[ファイル名].png[ファイル名].jpg
スクリーンショット 2013-09-09 14.02.17

オプション

ファイル形式/オプション デフォルト値      
PNG PNG32(アルファ対応) PNG8 PNG24 PNG32
指定方法: [file].png8 [file].png24 [file].png32
JPG 8 1-10 1% – 100%  
指定方法: [file].jpg5 [file].jpg10%  
GIF        
スケーリング   1-n% (数値)px x (数値)px  
指定方法: 200% [file].jpg 250px x 250px [file].jpg  

画像アセットにチェック

スクリーンショット 2013-09-09 14.23.14
ファイルから、生成>画像アセットにチェックを入れます。

ファイルを保存

スクリーンショット 2013-09-09 14.25.29

スクリーンショット 2013-09-09 14.25.32
ファイルを保存すると、保存フォルダーに、[filename]-assetsというフォルダーができ、その中に上で指定した形式で保存されています。
Windowsでもきちんと書きだされます!
ScreenShot_NoName_2013-9-10_12-31-12_No-00
Windows8/PhotoshopCC14.1

上のPSDファイルを書き出すと、

が書き出されるはずです。

まとめ

Slicyでは、名前指定をしたレイヤーに基いてサイズ指定ができたりできたので、少しオプションは物足りない気がしますが、Photoshopの機能であるので、MacだけではなくWindowsでもこの機能が使えるので便利ではないかと思います。
ただ、iPhoneの切り出しのために、09-10 12時21分 追記ここからPSDファイルをRetina対応で作っていないのであれば、200% [email protected],button.png(Slicyでいう「[email protected]」)、作っていれば[email protected],50% button.png(Slicyでいう「@2x.png」)、と長々と指定したり、キャンバスからはみ出てしまった部分も書き出してしまうということがあるので(下記画像/オレンジ枠)、まだSlicyの出番が多くあるかもしれません。。。
スクリーンショット 2013-09-09 14.31.25

参考:Introducing Adobe Generator for Photoshop CC | PHOTOSHOP.COM BLOG

* Comments : 2 * Category-WebDesign

2 Responses to Photoshop CC 14.1 に画像パーツ書き出し機能がやってきた

  1. Pingback: Webニュースまとめメルマガ「週刊e-Report」 2013年09月12日号 Vol.649 | さぶみっと!JAPAN

  2. Pingback: Twitter 人気のつぶやき 9/7~9/20 2013 | Webクリエイターボックス

コメントを残す