MdN Design｜総合情報サイトPhotoshopでFlashサイトのデザインを起こした場合、必要な画像を手作業でひとつひとつ保存していたのでは、データ量によっては膨大な時間がかかってしまう。こういったとき役に立つのがPhotoshopの拡張機能を利用したJavaScriptによる自動化である。下記コードを拡張子「JSX」で保存してPhotoshopで実行すれば、レイヤーごとにPNG形式で書き出してくれる。 テキストエディタでコードを書き、拡張子「.jsx」で適当な場所に保存。ファイル名は処理内容がわかりやすいように「レイヤーごとにPNG書き出し.jsx」とするとよい 書き出したいPSDデータを開いたうえで、ファイルメニュー→"スクリプト"→"参照"で先ほど保存したJSXファイルを読み込む PSDファイルと同階層に同一名のフォルダがつくられ、PNGファイルが書き出される。ひとつのレイヤーにつきひとつのPNGとなり、レイヤ
