フレームの追加前のページでは、最初のフレームが完成しました。このフレームをベースにして残りのフレームを作成しましょう。 [ウィンドウ(W)]メニューから[フレーム(F)]を選択すると、[レイヤーとフレーム]ウィンドウが表示されます。ウィンドウ右上に矢印のボタンがありますので、マウスで押して下さい。以下のようなメニューが表示されます。
[レイヤーとフレーム]ウィンドウで、フレーム2を複製してフレーム3を作成してください。これを最終フレームにします。フレーム3ではテキストツール、矩形ツールを使用して以下のようなグラフィックスを作成しました。 ここまでで、アニメーションGIFを作成するための素材は揃いました。あとは、作成したフレームの表示時間や繰り返しの有無などを設定するだけです。 [ファイル(F)]メニューの[書き出し(E)]を選択して下さい。[書き出しのプレビュー]ダイアログが開きます。このダイアログの[オプション]ペインでは、以下のように設定します。 ここでは、ダイアログ左上の[ファイル形式(F)]に、[アニメーションGIF]を指定する点に注意してください。その他のパラメタはデフォルトのままです。 次に、このダイアログのタブにある[アニメーション]をクリックして下さい。すると、以下のようなダイアログに変わり、各フレームの表示秒数、ループの有無などを設定できます。 バナーを登録しようとしているリンクエクスチェンジでは、アニメーションGIFの再生時間が最大7秒という制限があるので、フレーム1、2を1.2秒、フレーム3を4.6秒に設定し、トータルの再生時間を7秒にしています。 画面の左下に[永久に]と表示されているコンボボックスがあります。ここで再生の繰り返し回数を設定することができます。今回は無限に繰り返す設定にしています。 [アニメーション]ペイン下にオーディオ機器で見かけるようなボタンがいくつかあると思います。このボタンで実際にファイルを出力する前に、作成したアニメーションをプレビューすることができます。 [書き出しのプレビュー]ダイアログ右下の[書き出し]ボタンを押して、お好きなディレクトリへアニメーションGIFを保存して下さい。 ここまでで以下のバナーが完成しました。 いかがでしょう? Fireworksを使うと非常に簡単にアニメーションGIFを作成できることが、おわかりになったと思います。 次回は「Fireworksのパワーアップ」と題して、Photoshopのプラグインの使用方法など、Fireworksのカスタマイズ方法を紹介したいと思います。 |
このサイトは全ページリンクフリーです。リンク用バナーもありますのでよろしければご利用ください |