前のチュートリアルでは、アニメーションがFlashに沿って実行されるシーケンシャルフレームで構成される方法について説明しました
R タイムライン。これらのフレームとそのシーケンスに配置される個々の画像を計画するとき、作成するアニメーションの複雑さを考慮する必要があります。
シンプルなアニメーション
Flashで作成する最も基本的なアニメーションは、ステージ上で静止(静的)オブジェクトを移動することです。オブジェクト(鳥など)は実際には動いていません。アニメーションを作成するのはステージ上の位置の変化です。このタイプのアニメーションでは、オブジェクトの画像が1つだけ必要です。 Flashタイムラインに沿った各フレームで、そのイメージを目的地に少し近づけると、XとYの位置が変わります。再生ヘッドがタイムライン上を移動すると、鳥が移動します。
限定アニメーション
次のタイプのアニメーションは、オブジェクトの1つ以上の部分のサイズ、スケール、外観、または位置を変更することで作成されますが、オブジェクトの残りの部分は静的なままです。鳥の例では、鳥が飛ぶときにどのような動きが見えるかを考慮する必要があります。最も明白な動きは、翼が上下に動くことです。
飛行中の鳥のアニメーションを作成するには、鳥、胴体、および両翼に3つの部分を作成します。これらのパーツは、Flash描画ツールを使用してステージ上に直接描画するか、Photoshopなどのグラフィックプログラムで描画します。
R それらをFlashにインポートします。方法に関係なく、鳥の各部分をFlashタイムライン上の独自のレイヤーに配置します。
この時点で、ステージ上に鳥が羽ばたきしますが、ステージ上の同じ位置にいるため、彼は本当にどこにも行きません。次のステップは、鳥をステージ上で動かす簡単なアニメーションを追加することです。
複雑なアニメーション
ご想像のとおり、多くのシンプルで限定的なアニメーション、ActionScript、サウンド、フィルター、マスクなどを1つのメインアニメーションに組み合わせることで、基本的にFlashで非常に複雑なアニメーションを作成できます。
重要:これらのアプリ開発チュートリアルは、Flash初心者を念頭に置いて書かれています。アプリストア用にアプリを完成させる前に、これらのチュートリアルで説明されている以上にアプリを最適化する必要があります。
Copyright 2018 Adobe Systems Incorporated。全著作権所有。 Adobe Systems Incorporatedの許可を得て、Adobe製品のスクリーンショットを転載しました。 Adobe、Photoshop、Photoshop Album、Photoshop Elements、Illustrator、InDesign、GoLive、Acrobat、Cue、Premiere Pro、Premiere Elements、Bridge、After Effects、InCopy、Dreamweaver、Flash、ActionScript、Fireworks、Contribute、Captivate、Flash CatalystおよびFlash Paper米国および/またはその他の国におけるAdobe Systems Incorporatedの登録商標または商標です。
動画の説明: AnimateCC講座No.5 トゥイーン (四月 2024).