本文へジャンプ

Flash 06簡単なアニメーションを作成する
1、簡単ななアニメーションを作成する
2、アニメーションの墓本的な仕組み
3、フレームの種類と役割
4、フレームのいろいろな操作
5、作成したアニメーションを確認する
6、アニメーションを保存する

1、簡単なアニメーションを作成する

『FOREMOST10N』ではさまざまなタイプのFlashアニメーションを作成できますが、まずは最も簡単な、1コマずつのアニメーションを作ってみましょう。いよいよ『FOREMOST10N』でアニメーションを作ってみましょう。ここでは、1コマずつのアニメーションを作成します。パラパラマンガのように、コマが進むに従って少しずつ画像が変化していく作品です。
■アニメーションの墓本的な仕組み
Flashアニメーションは、フレームと呼ばれるコマの連続によって成り立ってし1ます。アニメーションを作成する際は、まず1コマ目のフレームにオプジェクトを配置し、2コマ目、1コマ目……とフレームが進むことに、オプジェクトを少しずつ移動させたり、形を変化させていきます。こうして作成したフレームを一定の速度で順に表示することによって、画像が動いているように見せることができるのです。
「FOREMOST10N」では、アニメーションを構成するフレームを「タイムライン」を使っマ操作します。タイムラインは、時問軸に沿ってアニメーションをコントロールするための重要な機能といえます。


■フレームの種類と役割
フレームには、「フレーム」「キーフレーム」「空のキーフレーム」の3種類があります。「キ一フレーム」とは、動きが変化したり、新しいオプジェクトが出現するフレームのことです
これに対し、「フレーム」ではオプジェクトに変化は起こらず、直前にあるキーフレームと同じの内容が表示されます。「フレーム」は、キーフレームの後ろにいくつでも挿入することができます。これによって、その画像が表示される時間を調整できます。また、「空のキーフレ一ム」とは、オプジェクトが何も配置されていないキーフレームのことです。アニメーションの中に空白のコマを作りたいときに使用します。
これらのフレームをタイムラインに並べていくことで、アニメーションを作成できます。
2,アニメーション作成の準備
はじめに、アニメーションの基本的な設定を行います。[プロパティ]パネルを使ってメインムービーの背景やサイスを指定しましょう。なお、メインムービーのプロパティは、あとで変更することも可能です。
topに戻る
1背景色を設定するする
[プ□パティ]パネルの左端1こ[メインムービー]のアイコンが表示されてし、ることを確認します。[背景]をクリックし、パレットから好みの色を選択します。

注意
[メインムービー]のアイコンが表示されていない場合は、[ムービー]ウィンドウ上の何もない部分をクリックして表示を切り替えましょう。
topに戻る
2、サイズを設定する
ムービーの表示サイスを変更したい場台は、[プ□パティ」パネルの[幅]と[高さ]で数値を指定します。


topに戻る
3、アニメーションのフレームを作成する
新しいムービーを作成すると、キーフレームが1つ配置された状態になっています。まず、このキーフレームにオプジェクトを配置し、最初のコマを作成しましょう。
続いて、フレームやキーフレームを追加しながらオプジェクトを加工し、アニメーションを構成していきます。
topに戻る
1、、最初のキーフレーム選択する
[タイムライン]ウィンドウで、最初のキーフレームをクリックします。すると、このキーフレームが編集可能な状態になります。


topに戻る
2、フレームにオブジェクトを配置する
次に、キャンバス上にオブジェクトを配置します。ここで編集した内容が七アニメーションの1コマ目に表示される要素になります。

topに戻る
3、新しいフレームを挿入する
[タイムライン]ウィンドウで2つ目のフレームを右クリックし、表示されるメニューから[フレーム挿入]を選択します。

topに戻る
4、フレーム追加される
新しいフレームが追加されます。追加されたフレームには、1コマ目のキーフレームと同じオブジェクトが配置されています。

補足
いったん挿入したフレームを削除したい場合は、そのフレームを右クリックして[フレームの削除]を選択します。
topに戻る
5、キーフレーム追加する
続いて、新しいキーフレームを追加しましょう。[タイムライン]ウィンドウで3つ目のフレームを右クリックし、表示されるメニューから[キーフレーム挿入]を選択します、,
topに戻る
6、キーフレームの内容を編集する
追加したキーフレームには、1つ前のフレームと同じオプジェクトが配置されています。このオプジェクトに移動や変形などの操作を行い、キーフレームの内容を編集します血このあと、同様の操作を繰り返して必要な数のフレームを作成します。

topに戻る
7、空のキーフレーム挿入する
オプジェクトを何も配置せずにキーフレームを追加したし、場合は、フレームを右クリックして[空のキーフレーム挿入]を選択します。すると、空のフレームが追加されます。

補足
空のキーフレームの後ろにキーフレームを挿入すると、そのキーフレームも空の状態になります。

topに戻る
4、フレームのいろいろな操作
タイムラインでは、フレームのコピー、移動など・さまさまな操作を行うことができます。
これらの機能をうまく活用して、効率よくアニメーションを編集しましょう。複数のフレームをまとめて追加する連続したフレームをいくつも追加したし/とき、メニューを使って1つずつ挿入するのは非常に手間がかかります。そこで、タイムラインをドラッグするだけで複数のフレームを簡単に挿入できる方法を紹介します。
topに戻る
1、複数のフレームを追加する
追加したい位置の手前にあるフレームを選択し次のフレームとの問にポインタを合わせます。ポインタが図のような形になったら右側へドラッグするとフレームが追加されます。

補足
この操作が可能なのは、フレームの後ろだけです。キーフレームの後ろには、この方法でフレームを追加することはできません。
フレームのコピーと貼り付けフレームをコピーして、タイムライン上の別のアニメーションを繰り返し使用したい場合に便利です。


topに戻る
1、フレームをコピーする
コピーしたいフレームを右クリックし、表示されるメニューから[フレームのコピー]を選択します。

補足
複数のフレームをまとめてコピーすることもできます。その場合は、コピーしたいフレームの範囲をドラッグするか、Shiftキーを押しながらクリックして選択します。
topに戻る
2、フレーム貼り付けるる
タイムライン上でフレームを貼り付けたい位置を右クリックし、[フレームの貼り付け]を選択します。

フレームクリップを移動する
1つのキーフレームと、それに続くフレームの集まりを「フレームクリップ」といいます。
フレームクリップは、タイムライン上で別の位置に移動させることができます。元のフレームクリップがあった位置には、自動的に新しいフレームが追加されます。
topに戻る
1、フレームクリップ選択する
フレームククリップの左端にポインタを合わせ、矢印の形になったらダプルクリックします。すると、フレームクリップが選択された状態1こなります。
topに戻る
2、ドラツグして移動させる
選択したフレームクリップ1こポインタを合わせると、手の形になります。この状態で、移動させたい位置ヘドラッグ&ド□ツプします、

フレームを変換する

フレームは、キーフレームや空のキーフレームに変換することができます。また、キーフレームや空のキーフレームをフレームに変換することも可能です。

topに戻る

1、キーフレームや
空のキーフレームに変換
変換したいフレームを右クリックし、[キーフレームに変換]または[空のキーフレームに変換コを選択します。

補足
キーフレームや窒のキーフレームをフレームに変換したいときは、[キーフレームをクリア]を選択します。topに戻る
フレームラベルを入力する
フレームクリップには、フレームラベル(名前)を付けることができます。タイムライン上で特定のフレームクリップを簡単に識別したいときに便利です。50p
topに戻る
1、フレームラペルを入力する
フレームラベルを付けたいフレームを選択し、タイムラインの下にある[フレームラベル]テキストボックスに名前を入カします。入カしたフレームラベルは、タイムライン上に表示されます。
補足
1つのキーフレームだけで構成されているフレームクリップの場合は、タイムライン上にはフレームラペルが表示されません。
topに戻る
5、作成したアニメーションを確認する
アニメーションが作成できたら再生して確認してみましょう。『FREEMOT10N」にはプレビュー機能が用意されており、簡単にプレビューを確認することができます。topに戻る
1、プレビュー表示する
ツールバーの[プレビュー]ボタンをクリックツクします。すると[プレビュー]ウィンドウが表示され、アニメーションが再生されます。

補足
ブラウザでプレビューを確認することも可能です。[プレイヤー/ブラウザでプレビュー]ポタンの右の▼をクリックし、表示されるメニューからブラウザの種類を選択します。
topに戻る
アニメーションを保存する
作成したアニメーションは、ファイルとして保存しておきましょう。『FREEMOT10N」で作成したファイルは、「.sqf」という拡張子で保存されます。
なお、実際に作業を行う際は、途中でパソコンのトラプルが発生した場合のことも考えて、作成中にもこまめに保存することをおすすめします。topに戻る
1、「名前をつけて保存」選択
[ファイル]メニュー→[名前を付けて保存]を選択します、

補 足
既存のファイルを上讐きする場合は、[ファイル]メニュー→「保存]をクリックします。
topに戻る
2、保存先ファイル名を指定っする
[名前を付けて保存」ダイア□グボックスが表示されます。[ファイル名1を入力し、[保存する場所」でフォルダを指定して[保存]ポタン存クリックします。
topに戻る
フレームレートを変更する
プレビューを確認して、アニメーションの動きが速すぎる、あるいは遅すぎると感じた場合は、フレームレートを変更してみましょう。フレームレートとは、1秒間に再生されるフレーム数を指し、この値が大きいほど動きの逮いアニメーションになります。フレームレートは、メインムービーのプロパティで設定することができます。topに戻る
topに戻る