Cafi Netつながる情報技術
  1. トップ>
  2. ファイアーワークスの使い方>
  3. アニメーションの作り方

Fireworks CS5 でアニメーションを作成

メニューバー「選択」に続いて、メニューバー「変更」のカンバスです。Adobe Fireworks CS5(アドビ ファイアーワークス CS5)の使い方を確認します。

メニューバー「変更」のカンバス

Adobe Fireworks CS5 ユーザーガイド

メニューバー「変更」のカンバスでは、カンバスに様々な変更を加えます。

変更/カンバス/画像サイズを選択すると、画像サイズダイアログボックスが表示されます。

ダイアログボックスでは、ピクセル範囲/解像度/画像を再サンプリング(ピクセルを追加または削除して、画像を拡大または縮小する)などを設定します。

カンバスサイズでは、カンバスサイズダイアログボックスから新規サイズを設定します。

カンバスカラーは、白/透明/カスタムから選択して変更することができます。

変更/カンバス/カンバスを合わせるか、プロパティインスペクターからカンバスを合わせるを選択すると、オブジェクトのサイズに合わせてカンバスサイズが変更されます。

他にも、カンバスを180度回転させたり、90度回転させることができます。

アニメーションの作り方

Fireworks CS5 で、アニメーションを作成する方法です。

まず、アニメーション化するオブジェクトを選択します。

変更/アニメーション/選択オブジェクトをアニメーション化を選択します。

アニメーションダイアログボックスで、アニメーションを設定します。

アニメーションの再生

設定したアニメーションは、ステータスバーの再生ボタンでプレビューできます。

アニメーションの設定を変更するには、ステートパネルでステート1を選択してから変更/アニメーション/設定をクリックします。

アニメーションダイアログボックスが表示されるので、再度設定を行います。

ステート1以外が選択されていたり、オブジェクトを選択していない場合は、変更/アニメーション/設定はアクティブになりません。

アニメーション GIF の書き出し

アニメーション GIF で書き出すには、オブジェクトを選択/右クリックから長方形スライスを挿入/最適化パネルでアニメーション GIF を選択します。

右クリックから選択したスライスの書き出しをクリックします。

作成したアニメーション GIF

上の画像が、今回の設定で作成したアニメーション GIF です。

オブジェクトや設定によって、様々なアニメーションを作成することができます。

複数のアニメーション GIF

複数のオブジェクトにアニメーションを設定して、まとめて書き出しました。

3つのオブジェクトに別々のアニメーションを設定して、1つのアニメーション GIF として書き出すこともできます。