【ハウツー】
まずステージにある図形を選択したら「右クリック>モーショントゥイーンを作成」。
次に24フレーム目までフレームが追加され、再生ヘッドも移動する。
このフレームでは、図形が上下逆さになるように3D回転ツールを使って変形させる。X軸を中心に回転するので、縦の赤い線をドラッグする。
ちょうど上下逆さになったら、さらにフレームを追加(タイムラインを「右クリック>フレームを挿入」)して、今度は逆さの図形を元に戻すアニメーションを作成する。
最後のフレームに再生ヘッドを移動させてから3D回転ツールで図形を元の状態に戻す。
それでは、実際にムービープレビューで確認してみよう。
すると、1回転ではなく、行ったり来たりを繰り返すアニメーションになってしまう。 これは意図した回転ではないので、回転のプロパティを数値で確認しながら調整できるモーションエディタを使用して修正しよう。
「タイムライン」タブの右にある「モーションエディタ」タブをクリックして、さらに「回転X」をクリックしよう。
モーションエディタもタイムラインと同様に横軸が時間の経過を示す。時間の経過とともに変化する回転Xのプロパティが、パスで示されている。パスの数値をキーフレームの場所で見ると、0 → 180 → 0 となっている。実は、1回転しているように見せるには数値として、0 → 180 → 360 と変化しなくてはいけない。
そこで、パスの最後の0を下にドラッグして360まで移動させる。
静止している最後のフレームだけを見れば、値が0のときと変化はないが、ムービープレビューすると回転の方向が違って見えるだろう。これで、3D回転ツールを使ったアニメーションが出来た。
今回X軸の回転を調整するために使用したモーションエディタは、「After Effects」などを使用していたユーザにとっては直感的でわかりやすいと思う。ただし、すべてのプロパティが見えるので、間違って触ってしまったらという不安もあるだろう。そんなときは「ウィンドウ」→「変形」で表示できる「変形パネル」が便利だ。プロパティは、ホットテキストなので、マウスドラッグでも、キーボード入力でも、数値を変更できる。
次回は「3D変換ツール」について紹介していくことにする。
| 「Adobe Flash CS4」でオブジェクトベースアニメーションを実際に作る!(その1) [2009/4/2] |
| 「Adobe Flash CS4」でオブジェクトベースアニメーションを実際に作る!(その2) [2009/4/3] |
| 「Adobe Flash CS4」新機能徹底レビュー 前編 [2009/1/9] |
| 「Adobe Flash CS4」新機能徹底レビュー 後編 [2009/1/16] |
| Flashアニメ作家・青池良輔の「創作番長クリエイタ」 第1回 クリエイターになるために、有効な時間の使い方を考える [2009/3/17] |
| 【連載】今さら人に聞けない!! Photoshopのショートカットキー講座 第26回 クイックマスクモード/画像描画モードの切り替え [13:00 5/26] |
| 世界最大のアップライトピアノの音色を再現するソフト音源「THE GIANT」 [12:00 5/26] |
| イーフロンティア、専用マニュアル付属の「LightWave 11」特別パッケージ [18:13 5/25] |
| 【レポート】駆け出しイラストレーターのでこ、最高の名刺を作るの巻 第三回 [17:00 5/25] |
| アドビ、「Intuos 5」などが240名に当たるPhotoshop対象キャンペーンを実施 [16:14 5/25] |
|
【連載】Japanglish、正しく言うならこうでしょう 第57回 gasoline stand(ガソリンスタンド) [07:00 5/27] キャリア |
|
【連載】これだけは要チェック! TOEIC(R)単語帳 第105回 今回のお題は…「regard A as B」 [07:00 5/27] キャリア |
|
【連載】出社前に。日常生活ですぐに使える! 英語クイズ 第224回 「キモ~イ」ってなんて言う? [07:00 5/27] キャリア |
|
ヤナセ、メルセデス・ベンツ販売60周年を記念するCクラスの特別仕様車発売 [07:00 5/27] ライフ |
|
[榮倉奈々]日本映画プロ大賞で主演女優賞 「夢のよう」と歓喜 [06:00 5/27] エンタメ |