この進化はズルイ！Generatorテクノロジーを使ったPhotoshop CCの「画像アセット」｜DTP Transit

Photoshop CCが14.1にアップデートされ、「Generatorテクノロジー」により、それぞれのレイヤーを個別の画像ファイルとして自動的に書き出す「画像アセット」機能が追加されました。 Webサイト制作では、カンプと呼ばれる画像ファイルを作成後、「スライス」作業によって、書き出す領域を指定し、書き出し作業を行うというフローが必要でした。Photoshop CC（14.1）の「画像アセット」機能を使うことで、この作業（スライスと書き出し）が不要になるだけでなく、高密度解像度対応の画像書き出しにも対応するなど、この進化は、ちょっとズルイ！です（Fireworksの熱心なユーザーなのですが、こっちに肩入れ??? という意味で）。 作業手順は次のとおり。 PSDファイルは英数字で設定します（例：test.psd）。 ［ファイル］メニューの［生成］→［画像アセット］をクリックします。 画像

[elim]

めっちょ便利だった。助かるー

[qrac_jp]

むー、これは超ラクじゃないか。

[edgeknocker]

PhotoShop

[t___s]

なにこれすごい！CCにしなくちゃーーー

[depdep]

個人的には凄い便利なんだけど、デザイナーがコーディングできないうちの会社では無理だな…

[tsukamotch]

Slicy要らずのPhotoshop CC、使いこなすベシ

[take-june]

画像自動書き出し! - この進化はズルイ！Generatorテクノロジーを使ったPhotoshop CCの「画像アセット」 - DTP Transit（CC, Photoshop, Web制作）

[natchonbrike]

Slicyライクな画像アセット機能

[tominaga]

Slicyとどっちがいいんだろう？

[hedeyoshi]

記述方法が書いてあって便利

[chalcedony_htn]

各レイヤーから画像を自動（リアルタイム）生成する機能。png、gif、jpg対応。レイヤー名にパラメーターを仕込むことで書き出しオプション設定が可能。不要になったらレイヤーを削除すれば画像も消える、ってのが地味に