U⁄A LABO

RSS

SEARCH

AUTHOR

  • Naoki Muramatsu (1件) Twitter:@Stryfy.

  • deco-dekai (1件) ビートダウンパートでご飯何杯も食べられます。
    ハードコア・テクニカルディレクターを目指して日々精進。

  • yanbou (6件) 犬と猫で、家が毎日運動会のフラッシュデベロッパー。
    ビールから発泡酒へ変更で節約中。

  • chikatherrsix (8件) メタル界のフラッシュデベロッパー。またある時はメタルギタリスト。オーサリング中もヘッドバンギングは絶やさない。

  • akuze (2件) 2003年からユナイティアに寄生しているフラッシュデベロッパー。
    シルクドソレイユとカナダが好き。

  • knockknock (16件) 小遣い2万円のフラッシュデベロッパー。
    帰りが遅いのにキレる嫁をだましだまし制作中・・・。

  • takaiw (18件) フラッシュデベロッパー。遊びでゲームを作るのも好きです。外見に似合わないイラストを描くのも好きです。とにかく作るのが好きです。

CATEGORY

HOME  >  U/A自動化倶楽部 Vol1 PhotoShopのレイヤーをPNGに書き出す

2009.03.31 knockknock

U/A自動化倶楽部 Vol1 PhotoShopのレイヤーをPNGに書き出す

はじめまして、こんにちは!
考えるよりも手を動かす系のディベロッパーKnockKnockです。
クリエイティブな仕事って思われますが、皆さんも感じているように非常に地味な作業が多いこの業界。
せっかくPC使ってるんだから、地味な作業はPCに任せてしまいましょう。
というわけでU/A自動化倶楽部と題してこれから様々な自動化ツールを開発していこうと思います。

案外知られていないの機能ですがPhotoshopでスクリプト使用することができます。
使用できるスクリプトはVBScript、AppleScript、JavaScriptの3つがあります。
その中でもWindowsとMACの両方で対応できるJavaScripを使っていわゆるバッチ処理を行わせたいと思います。

今回はPhotoShopからFlash用の素材としてのPNGを書き出すスクリプトです。 

knockknock090331.lzh

使用方法

  1. まず、PhotoShopで以下のようにグループ、レイヤーを整理してそれぞれ名前を付けます。
    image1.jpg

  2. 次に、書き出したいPhotoShopをアクティブにした状態でJavaScriptを実行します。
    実行方法は、ファイル>スクリプト>参照
    実行途中「マージン」を設定することで画像の端に透明ピクセルを設けることができます。
    image0.jpg

  3. 自動処理が完了するとPSDと同階層にPSD名と同名のディレクトリが作成されます。
    image2.jpg

  4. 書き出し結果は以下のようにPSD内のグループがディレクトリに、レイヤーがPNGファイルに書き出されます。
    image3.jpg

といった流れになります。

書き出す用にPSDファイルを整理する必要はありますが、
いっぺんに書き出せるのはとても便利だと思いますので是非ご活用ください。

次回も何かしらご紹介していきますのでお待ちください。

CATEGORY