Reinit_creative log Reinit_creative log rss

Reinit_creative log

about ActionScript3 and Design memo.

初Fireworks自分用メモ

2009.02.15

デザインするときは専らPhotoshop+Illustrator派の僕なのですが、先方デザイナーがFireworksを使用している場合は、Fireworksをどうしても使わないといけません。 そういう状況になったため、インストールはCS2のころからしているけど、CS4でやっと起動しました。

Fireworks pngという独自の拡張子

これは初めて知りました。 Fireworks pngだと、レイヤー、ステートなどの編集機能が保持されます。ちなみに、ステートというのは、Photoshopでいうところのレイヤーカンプです。

テキストはグループ化しておくと文字化けする

外観は保持したまま、pngをFireworksで開きます。で、テキストをFlashに持っていくとき、Bitmap化(cmd+option+z)してコピペします。そのときテキストのみだとBitmap化はスムーズに行われますが、テキストと何か別のシェイプなどのオブジェクトとグループ化していた場合、Bitmap化したら文字化けします。 フォントがまず置き換わり、文字組みもぐちゃぐちゃになります。 じゃあ、グループ化を外せばok。というわけにもいかず、グループ化を外すと、また文字化けします。 この時対応したのが、FireworksからFlashへのコピペを諦めて、Fireworksで必要な箇所だけ切り抜き、PSD書き出しをして、Flashで読み込む方法です。 これなら、Flashへのimportはできるのですが、他の素材との位置合わせに時間がかかってしまいます。(これしか思いつきませんでした)

でも、コピペは非常に楽

FireworksからFlashに直接ドラッグアンドドロップまたはコピペできるというのは、非常に楽だなと思いました。Fireworksのステージの基準点(0,0)が基準となって読み込まれるため、個別に素材をコピペする際は、基準点の調整が必要です。

初めて触った感想は、Fireworks派の傘下には僕はならない気がしたこと。やっぱPhotoshopが個人的に好きなんだと思うけど(長年使っているし)。 コピペの気軽さが、楽という点ではFireworksに軍配を上げたい。なぜなら、Photoshopでコピペしちゃうと全てBitmap化しちゃうから。PSD読み込みすれば同じことですが。

update 2010.03.11...

[関連記事]

コメント(1)
Shunsuke Ohba | 2009年2月15日 10:04 | 返信

[追記]
Fireworksでpng保存する場合、レイヤーなしのpngで保存すると、背景を透明にしても、背景がついてきちゃいます。これってどうやって、背景なしのpngで保存するんだろー。

My Icon

Flash+デザインを仕事としています。
info[at]reinit.info
>>detail

レコメンド

ActionScript3アニメーション

ActionScriptアニメーション

アニメーションに関する基礎が得られる本。
コレを読んで、ASが楽しくなった。