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

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

Flash ボールを動かす (クラシックモーションガイド)

ボールが弾んでいるようなアニメにメーションを作成します。

 

準備:

【1】ボールをステージ上に配置する。

  • 線無し(線が付いていると動かない場合有り)
  • 色はグラデーションを使用(立体感を出すため)

f:id:kaoru01-05:20140308230833g:plain

 

  • ボールをシンボルに修正

ステージ上のボールを選択 → (ツール)編集 → シンボルに変換 → 名前(tama)種類(ムービークリップ

f:id:kaoru01-05:20140308231817g:plain

 

【2】キーフレームの挿入

レイヤー1 の 20 と 40 にキーフレームを挿入。

 

【3】クラシックモーションガイドを追加

レイヤー1の名称部分を右クリック → クラシックモーションガイドを追加

f:id:kaoru01-05:20140308232214g:plain

 

【4】線でボールの動きを指定

ガイド:レイヤー1の、1をクリック → ステージ上にボールが動いてほしい動線を

書く

f:id:kaoru01-05:20140308234049g:plain

 

【5】レイヤー1に玉の動きを記憶させる

①レイヤー1の25をクリック → ②ボールを線の一番下へドラッグ移動 → ③レイヤー1の50をクリック → ④ボールを線の一番右上へドラッグ移動

f:id:kaoru01-05:20140308235619g:plain

 

【6】クラシックトゥイーンを作成

レイヤー1の 10 30 を右クリック → クラシックトゥイーンを作成

f:id:kaoru01-05:20140308235905g:plain

 

 

【7】動かす

Ctrl + Enter でボールが弾むように動いたらOkです。

 

【8】立体的に見せる

①レイヤー1の20をクリック → ②自動変形ツールを選択(グラデーション変形ツールの下に格納されています) → ③大きく拡大 → ④レイヤー1の50をクリック →⑤より手前に見せたいので③より大きく拡大

f:id:kaoru01-05:20140309001212g:plain

 

【9】動線を曲線にする

マークがでたら、線をつかんでドラッグする。

f:id:kaoru01-05:20140309003233g:plain

 

【10】動かす

Ctrl + Enter でボールがより弾むように動いたらOkです。

 

【作製所要時間3分】