U⁄A LABO

RSS

ARTICLES

全ての記事一覧

SEARCH

AUTHOR

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

  • Kikuchi (1件)

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

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

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

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

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

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

CATEGORY

HOME  >  U/A自動化倶楽部 Vol7 バナー初期構築自動化 ver1.0

2011.07.01 knockknock

U/A自動化倶楽部 Vol7 バナー初期構築自動化 ver1.0


こんにちは、KnockKnockです。
先月は忙しかったのですが、仕事も落ち着きまして、
ここ2日程バナー作成を手伝ったのですが、
案外自分の作った自動化ツールが使いにくいことに気が付きました。
そこで空いた時間で、バナー作成に特化した自動化ツールを作成しました。

内容は、
PhotoShopのレイヤー情報をFlashにインポートする自動化です。
特徴としては、

1) PNGとJSFLを書き出すだけのシンプル機能
2) PhotoShopのレイヤー、グループ名（=Flashのシンボル名）に日本語使用可能
3) PhotoShopのグループの階層構造をそのままFlashのMovieClipの入れ子構造としてインポートする

こちらをダウンロードしてご利用ください。


使用方法

1) PhotoShopレイヤーがFlashのMovieClip、グループはMCを入れ子に持ったMovieClipとして、
そのレイヤー名、グループ名にてインポートされますので、それを念頭に入れてPSDファイルのレイヤーを整理してください。
※レイヤー名、グループ名には、「/」を含まないようにしてください。

20110701image0.jpg

2) PhotoShopメニューのファイル＞スクリプト＞参照から「バナー初期構築自動化.jsxbin」を実行して、
自動書き出し処理が開始してください。
処理が終了すると、PSDファイル名と同一のディレクトリが作成されます。
このディレクトリにはPhotoShopから書き出したPNGファイルを含むmaterialsディレクトリと、
FLAファイルを自動生成するJSFLファイルが含まれています。


▼以下、PhotoShop生成ディレクトリ
20110701image1.jpg

▼以下「materials」フォルダ
20110701image2.jpg

3) FlashCS5を起動して、書き出された「layout.jsfl」ファイルをドラッグアンドドロップしてください。
Flaファイルの新規保存ダイアログが表示されますので、適当な場所（PhotoShopで書き出されたディレクトリが妥当）に、
保存してください。

20110701image3.jpg

4) Flashの自動処理が実行され、画像をインポートしたFlaファイルが生成されます。

20110701image4.jpg

作ったばっかりなのでバグ等はあると思いますが、
アップデートしていきますのでご了承ください。

それでは、よいバナーライフを！



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

CATEGORY