■チュートリアルのトップへ　>> Fireworksトレーニングのトップへ　■コラムのトップへ　■オリジナルプロダクト　■制作料金
Web用の画像ファイルで書き出す
仕上がり画面 前回と同じ要領でテキストを入力して「塗り」と「エフェクト」しか使わずに文字を加工してみました。今回は実際にホームページで使う為にデータを書き出してみましょう。

ご存知のように一般的にホームページで扱われる画像のフォーマットはGIFとJPEGです。FIREWORKSでは、当然この２種類のフォーマットを書き出すことができます。

データ 右図はFIREWORKSで書き出しができるフォーマットの一覧。GIF、JPEGは勿論、アニメーションGIFの書き出しもできます。GIFロールオーバー、JPEGロールオーバーはJavaScriptを使ったインタラクティブな形式（実際にはスライスと組み合わせて書き出すのが一般的です）
またPNGという新しいイメージフォーマットとしても出力できるが、現在対応したブラウザが少ないので、現時点ではあまり使いません。

その他、グラフィックの汎用フォーマットとしてTIFF、PICT、BMPがあり、MacromediaのフォーマットとしてXRes LRGも書き出せ増す。

データ書き出し さて、いよいよデータの書き出しです。一般的なのは左図にあるようにファイルメニューから書き出しを選択することです。

画像のサイズを整えて、仕上げた状態ならば左の方法で、データ出力するのが一般的ですが、FIREWORKSでは、グラフィックの制作途中でもデータを出力することができます。
仕上がり画面
それが右の方法で、ツールパレットから、ポインタカーソルをプレスして現れる一番右のカメラのアイコンを選択します。

このカメラアイコンは「スナップショットツール」と呼ばれ、データ制作時に出力したい部分を選択します。要領は画面の切り抜きと同じなので使いやすいと思います。ちょうど3Dソフトでレンダリングのテストをするような感覚です。

FIREWORKSの出力画面では色々な画像フォーマットで出力した場合のデータ容量やホームページで表示にかかる時間をシュミレーションできます。

製作段階でこの「スナップショットツール」を使って、最適なデータ容量になるように作り込むとよいでしょう。


Export Area 「スナップショットツール」を使う場合は、画面を左図のように拡大した方が便利です。

さて、いずれの方法（ファイルメニューの書き出し、あるいはスナップショットツール）でも書き出しをすると下のような画面になります。

出力に関する細かい設定を行うことが出来るだけではなく、実際に出力された後のデータ容量や表示時間などを検証できます。
出力


出力の画面（書き出しのプレビュー）は大きく二つに分かれています。右が出力されるデータのプレビューで、左側が設定画面です。
プレビュー画面は最大4つに分割することができ、それぞれ出力条件によってのデータ容量のシュミレーションを行うことが出来ます。上の例のような小さなグラフィックではデータ容量によってそれ程差が生じないが、大きなグラフィックになると、このプレビュー画面は威力を発揮すると思います。

左の設定画面はオプション・ファイル・アニメーションの3つに分かれています。ほとんどの設定はオプションで行います。

ファイルではスケールとかスライス機能の設定を行います。アニメーションはその名の通りで、細かいアニメーションの設定を行うことが出来ます。


さて、実際にFIREWORKSで書き出されたデータですが、今までのグラフィックソフトウエアと比較すると、データの容量は非常に軽く出力できる。特にGIFアニメーションなどは、今までのGIFアニ制作ツールの中で最も最適化されているように思います。

データの書出しに関して、現在のバージョンでは、ドキュメントウィンドウをプレビューモードにして、書出しの確認を簡単に行うようになっています。

その際に書出しの設定を行うのは「最適化」パネルを使います。

現バージョンでも「書出しのプレビュー」機能は存在していますが、実際にはほとんど使わなくなっていることでしょう。

　　

このWEBサイトに掲載されている文書・画像・映像・写真等の著作権はSilicon Cafe'に帰属し、許諾なく 複製・頒布を行うことは 法律で固く禁じられています。 Copyright (C) 1995-2003 Silicon Cafe'. All rights reserved