フラッシュで〇を書くアニメーションを作ろう。
準備 : 画面の設定を行いましょう.
【1】(ツール)ウィンドウ → ワークスペース → デザイナー
- ツール
- プロパティ
- ライブラリ
が表示され、初心者にも分かりやすくなります.
画面の設定ができました!!
では実際に〇を書くアニメーションを作る準備をします.
準備 : 新規シートを開く
【1】(ツール)新規 → ActionScript 2.0 → OK
新規シートが開いたら、楕円ツールで円 を書きます。
【2】今回は、塗りつぶし無し、赤線 線太さ10px を選択しています.
【3】 円が書けたらF6をおしてフレームを挿入します。
その後、消しゴムツールを選択し、円を少し消します。
【4】 【3】の動作を6回程繰り返し、円を完全に消します。
→ ここで Ctrl + Enter を押すと動画が再生されますが・・・このままだと〇を消すアニメーションになってしまいます。
そこで・・
【5】タイムラインのレイヤー1の文字をクリック → (ツール)修正 → タイムライン → フレームの反転
を行い、逆回しにします。 Ctrl + Enter で動画が再生されます。
追記:アニメーションをストップさせる方法。
タイムラインの一番最後をクリック → プロパティのActionScript → アクションフレームにthis.stop();と入力
これで一度円が書かれたらアニメーションがストップします。
初回はかなり時間が掛かっていましたが、今だと大体3分かからず出来る様になりました。嬉しい!