マクロメディア・ファイヤーワークス３にて

こんな感じの簡単なアニメーションを作ってみます。
まずは元の画像を作ります。
ここでは、車の写真を加工した物と、文字を配置しました。
次に、レイヤーとかかれたウィンドの中からフレームタブをクリックして、
右端にある、右向き黒塗り三角形をクリックします。≪図１≫

≪図１≫

そうすると、≪図２≫のようなメニューが現れるので、
「フレームの複製」、もしくは、「フレームの追加」を選びます。

≪図２≫

そうすると≪図３≫のようなウィンドが開きます。

≪図３≫

ここで、フレームをどこに入れるか、複製もしくは、追加するフレーム数を選択します。
これで「OK」をクリックすると、フレームのウィンドにフレームが追加されます。≪図４≫

≪図４≫

このようにフレームを追加もしくは複製して、それぞれのコマを作っていきます。

サンプルのコマ(抜粋)です。

フレーム１

フレーム２

フレーム５

フレーム７

書き出し

ファイヤーワークス３のメニューバーの｢ファイル｣から、
｢書き出しのプレビュー｣を選択します。
ファイル形式のところを｢アニメーションGIF｣と選択≪図５≫

≪図５≫

次に、アニメーションのタブをクリックします。
そうすると≪図６≫のようなウィンドが開きます。
表示させる秒数を変更したいフレームを選択して、
時計のアイコンの下の数字を変えてあげます。
プレビューをしたい場合は、｢OK｣ボタンの上にある、
右向き三角形を押してあげると、プレビュー可能です。

≪図６≫

後は、｢書き出し｣ボタンをクリックして、ファイル名をつけておしまい。

アニメーションGIFのファイルサイズが気になる場合は、
｢オプション｣タブを選択して、≪図７≫の赤マルのところの右下三角形をクリックして、
色数を変更してあげます。

≪図７≫

、

以上で簡単なアニメーションGIFの作成が出来ます。

FW３、DW３におすすめなサイト紹介

マクロメディアのサイトでかなりいいチュートリアルがあるのでぜひ、
ユーザーの皆さん、行ってみてください！

Macromedia Web トレーニング