webページのつくり方 | 学びの道

webページのつくり方、web制作、web作成、学びの道を歩み中!フェリカテクニカルアカデミー「東京・池袋」にてWeb作成を勉強中です。学んだ事をメモしていきます。

フラッシュで〇を書くアニメーションを作ろう。

準備 : 画面の設定を行いましょう.

【1】(ツール)ウィンドウ → ワークスペース → デザイナー 

  • ツール
  • プロパティ
  • ライブラリ

が表示され、初心者にも分かりやすくなります.

f:id:kaoru01-05:20140301202007j:plain

画面の設定ができました!!

では実際に〇を書くアニメーションを作る準備をします.

準備 : 新規シートを開く

【1】(ツール)新規 → ActionScript 2.0 → OK

 

新規シートが開いたら、楕円ツールで円 を書きます。

【2】今回は、塗りつぶし無し、赤線 線太さ10px を選択しています.

f:id:kaoru01-05:20140301212130p:plain

 

【3】 円が書けたらF6をおしてフレームを挿入します。

   その後、消しゴムツールを選択し、円を少し消します。

f:id:kaoru01-05:20140301212518p:plain

f:id:kaoru01-05:20140301213225p:plain

【4】 【3】の動作を6回程繰り返し、円を完全に消します。

→ ここで Ctrl + Enter を押すと動画が再生されますが・・・このままだと〇を消すアニメーションになってしまいます。

そこで・・

【5】タイムラインのレイヤー1の文字をクリック → (ツール)修正 → タイムライン → フレームの反転

を行い、逆回しにします。 Ctrl + Enter で動画が再生されます。

f:id:kaoru01-05:20140301220807p:plain

 

 

 

追記:アニメーションをストップさせる方法。

タイムラインの一番最後をクリック → プロパティのActionScript → アクションフレームにthis.stop();と入力 

f:id:kaoru01-05:20140301215518p:plain

これで一度円が書かれたらアニメーションがストップします。

初回はかなり時間が掛かっていましたが、今だと大体3分かからず出来る様になりました。嬉しい!