初Fireworks自分用メモ

2009.02.15  Category:design

デザインするときは専ら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読み込みすれば同じことですが。

RSS Reader
RSSリーダーへの登録をお願いします。
トップへ戻るボタン

著者

大庭俊介
株式会社サイバーエージェント所属の紙デザイナー上がりのFlashデベロッパー。アメーバピグ内のコンテンツ企画、実装を手掛けています。金沢美術工芸大学出身。
follow twitter

おすすめ

イニシエーション・ラブ/ 乾 くるみ

最後の2行目を見たときにマジでビビり、最初からまた読み返してしまい、ネタばれのサイトに行き着く。

フィジカルコンピューティングを「仕事」にする

初めての共著作。Kinect作品PiggFighterの項目を執筆しています。

基礎からのiOS SDK

iPhone開発ド素人の僕が現在、勉強中の本。結構丁寧に書かれてあって分かりやすい。特にWebブラウザ作成のチュートリアル部分の説明でかなり理解が深まった。