製品情報

パン屑ナビゲーション

使い方入門

印刷ユーティリティ

PowerX KoolMovesを使ってみよう

第4章:オープニングムービーを作ろう
くるくる回るアニメーションを作ろう

■ くるくる回るムービークリップを作成しよう
1. ムービークリップを追加する


れいな
ツールバーで  (新規ムービークリップ)をクリックします。


あゆみ
もうムービークリップは覚えたわ。コマ数分の画像をフレームごとに追加すればよいのよね。


れいな
今回は、冷や汗をかくあゆみを3種類用意しました。

ayumirotate1
ayumirotate2
ayumirotate3

あゆみ
これを順番に読み込んでムービークリップを作ればよいのね。

@ ayumirotate1を読み込む
A ブランクフレームを2フレーム増やす
B 2フレーム目にayumirotate2を読み込む
C 3フレーム目にayumirotate3を読み込む

ほら、できあがり。
作成し終わったら「メインムービー」をクリックするね。

ページtopへ


2. あゆみのムービークリップを回転させる


れいな
次は、今作ったあゆみのムービークリップを回転させます。


あゆみ
移動するだけじゃなく、回転もできるんだ。


れいな
あゆみのムービークリップが選択された状態で、「エフェクト」メニューから「スピン/回転」をクリックしてね。


あゆみ
回転およびスピンエフェクトダイアログボックスが表示されたわ。


れいな
「回転」をクリックすると、回転エフェクトダイアログボックスが表示されるわよ。


あゆみ
ほほう。ここで回転について設定するのね。


れいな
そうね、「回転方向」は右回り、使用するフレーム数は「最初のフレーム」と「最後のフレーム」にチェックマークを付け、それぞれ4フレームを設定。「フレームあたりの回転角度」を「90」、「必要に応じてフレームを追加する」にもチェックマークを付けたら、設定は完了よ。「OK」をクリックしてね。


あゆみ
回転およびスピンエフェクトダイアログボックスでも「OK」をクリックするわね。 わっ、フレームが増えたわ。


れいな
どう回転するのか確認しましょう。「再生」メニューから「ウェブブラウザで再生」を選択するわね。


あゆみ
私が汗をかきながら、回ってるわ。

ページtopへ


3. 背景を読み込む


あゆみ
でも、どうして私は空中を回ってるの?


れいな
これから変更するわ。前回のムービーで地面にある穴に落ちたという設定なので、ここでは背景を読み込みます。


あゆみ
背景イメージを読み込めばいいのね。


れいな
いいえ。今回は、あゆみのムービークリップと同様に背景も形状として回転させるわ。


あゆみ
うーん。ぴんとこないなあ。


れいな
まずはムービークリップを作成するために、背景画像を読み込むわね。背景画像には、このhaikei2.jpgを用意したわ。


あゆみ
普通に読み込むね。
ツールバーで、  (画像イメージのインポート)をクリックして、イメージ画像のインポートダイアログボックスでhaiekei2.jpgを選択して「開く」をクリック。
ムービーに追加ダイアログボックスは、「現在のフレーム」を選択すればいいの?


れいな
今回、この画像は背景になるので、「現在のフレームから最後まで」を選択するの。


あゆみ
全部のフレームに読み込むのなら、「すべてのフレーム」じゃないの?


れいな
そうするとね、「おいかける」シーンにまで背景画像が追加されちゃうの。「続ける」をクリックしてね。


あゆみ
うわっ、画面いっぱいに背景が広がったわ!


れいな
背景を回転させるときに、ムービーサイズより小さくなってしまうと、このシーンでは見せたくない背景画像が表示されてしまうから、ちょっと大きめに作っておいたの。


あゆみ
私が隠れちゃったよ。


れいな
背景画像があゆみのムービークリップの上にのっかている状態ね。そんなときは、形状リストウィンドウで背景画像を表す「s1」を選択して、  (下に移動)をクリックするの。
形状リストウィンドウが表示されていない場合は、「ビュー」メニューから「形状リスト」を選択してね。


あゆみ

あっ、私が見えた!
へー、このぐるぐるの背景で、穴の中を落ちていく状態を表現しているのね。

4. 背景を回転させる


れいな
今から背景画像も回転させるわ。背景形状の1フレーム目が選択されている状態で、「エフェクト」メニューから「スピン/回転」を選択してね。


あゆみ
さっきと同じ設定でいいのかしら。


れいな
同じでいいわ。「使用するフレーム数」を「すべてのフレーム」に設定しましょう。回転方向だけ逆回転にしてもいいわね。


あゆみ
回転およびスピンエフェクトダイアログボックスで「OK」をクリックしたわ。


れいな
ムービーの再生を確認しようね。


あゆみ
それっぽくなってきたー!


れいな
今日はこれでおしまいね。次回は、このムービーに、さらにエフェクトをかけて、ワンランクアップしたムービーを作っちゃいましょう。


あゆみ
へー、さらにおもしろい動きになるんだ。楽しみ〜!


れいな
引き続きこのファイルを使うから、ちゃんと保存しておいてね。







み〜こ
むーびー上を移動するだけじゃなく、回転できるなんてびっくりにゃ。あゆみちゃんはくるくる回って大忙しなのにゃ。
回転以外にもいろいろなえふぇくとがあるらしいのにゃ。
次回は、そんなえふぇくとの中から、むーびーのはじめと終わりにえふぇくとをかけて動きをおもしろくするらしいにゃ。
こんな感じになるらしいにゃ。


み〜こ
というわけで、次回は、「オープニングムービーを作ろう Part5 エフェクトでワンランクアップしたアニメーションを作ろう」なのにゃ。お楽しみににゃ!

前へ 前へ [1] [2]          

Contents

[第1章]
KoolMovesってどんなもの?(2007.07.06)
[第2章]
ウィザードを使ってかんたんムービー作成
アニメーションバナーを作ろう / 基本編 (2007.07.20) [1] [2] [3]
アニメーションバナーを作ろう / 応用編 (2007.08.03) [1] [2] [3]
スライドショーを作ろう (2007.08.24) [1] [2] [3]
[第3章]
FLASHムービーでブログ、ホームページを彩ろう(2007.09.07) [1] [2]
[第4章]
オープニングムービーを作ろう
ムービーのサイズと色を変えよう(2007.09.21) [1] [2]
てくてく歩くアニメーションを作ろう(2007.10.05) [1] [2] [3]
ムービークリップを使ってスマートなムービーを作ろう(2007.10.19) [1] [2]
くるくる回るアニメーションを作ろう(2007.11.02) [1] [2]
エフェクトでワンランクアップしたムービーを作ろう(2007.11.16) [1] [2]
立体の文字が動くアニメーションを作ろう(2007.11.30) [1] [2]
ボタンを付けてアクション!(2007.12.14) [1] [2] [3]

Contents END