fireworksを使いこなせ！

fireworksを使いこなせ！

皆さんウエブでグラフィックを作成するときは、どんなアプリケーションを使っていますか？結局のところ使いやすいのが一番なのですが、僕はウエブデザインに特化したfireworksを使っています。webの知識も含めていろいろ覚えてきたので、少しまとめてみました。

[A]グラフィック作成

■フレームを使いこなせ！
フレームとは１コマの事。例えば、トップページとサブページを作成する際に使う。ロールオーバーのイメージを作成する際にも使う。

■うまく整列されろ！
fireworksの整列機能は好きだ。サイズさえもあわせてしまう。
これははっきりいって使うっきゃない。キャンバスに整列とかも便利である。

■ヘッダー・フッターを共通化！
共通化をするには、レイヤーパレットで共通化するオブジェクトをフォルダでまとめ、そのフォルダをダブルクリック、このレイヤーを共有化するにチェックを入れる。

■重くなってきたら統合だ！
イラストレーターから入ってきた人はとっつきやすい機能だ。fireworksは元はマクロメディアのアプリケーション。パスの関係は非常に弱い。ということでパスが増えてくると以上に重くなるので、そんな時は統合したいオブジェクトを選択し、[修正]→選択範囲の統合。
ただ、ビットマップにしてしまうので、小さくはできても大きくはできなくなるので、元データを残しておくなど注意は必要。

■スタイルを使いこなせ！
なぜillustratorなりfireworksなり初期のライブラリはこんなに使えないのだろうか？まあとにかく、このスタイルは結構便利だ。スタイルの作成はいたって簡単。オブジェクトを選択して、スタイルパレットで+を押すだけ。コツとしては、透明や角丸、ちょっとしたシャドウなどを登録しておくこと。それだけで、汎用性があり使いやすいものになる。

■アプリを連携しろ！
fireworksは作りこみをするアプリケーションというより、連携するアプリという感覚の方が言い方は正しいかもしれない。僕がよく使う方法としては、

1.illustratorからパスをコピー
これはコピペでできたりする。ただ、一部上位バージョンではコピーの形式を選べるためビットマップでコピーされるときがある。そんなときは、環境設定でクリップボード関係の形式をあわせてあげるとうまくいく事が多い。

2.photoshopからレイヤーも含めてコピーしろ！
これはpsdファイルをfireworksで開けばすむ話だけど、もっと早いのは、finder(explorer)からpsdファイルをfireworksのアートボードにドラッグ。一瞬でできてしまう。

3.flashと何とか連携しろ！
Dreamweaverにしろflashにしろさすが同じ会社のアプリケーション。結構考えられている。

flashで編集のライブラリ（ビットマップ）を何とかする場合は編集したいオブジェクトを選択して、編集fireworksを押す。慣れたらとっつきやすい。

4.うまく書き出せ！
fireworksは結構いろんな形式に対応しているところが便利だ。
ちなみに普通に保存されるのはpng24という形式。細かいアルファが聞いたり、文字情報なども保存される形式だ。そのほかにもさまざまな書き出し方法があるので慣れていたら結構使える。
psd
ai
swf
の基本的なものの他に
フレームをファイルに変換
レイヤーをファイルに変換
なんかは使い方によっては結構使える。

例えば動きのラフを見せるとき、
aiでもとのラフを書いていて一気に書き出したいとき。

もっとあるのだろうけど、結局そんなのアプリケーションの効率なだけで、考え方や仕事の進め方の効率を疑ったほうが仕事は速く進むんだけどね・・・・。