製品情報

パン屑ナビゲーション

使い方入門

印刷ユーティリティ

PowerX KoolMovesを使ってみよう

第4章:オープニングムービーを作ろう
ムービークリップを使ってスマートなムービーを作ろう

今回は以下の手順で、ムービークリップを使ったアニメーションを作成します。


み〜こ
こんにちはにゃ。み〜こなのにゃ。
食欲の秋なのにゃ。さんまおいしいにゃ。かつおぶしもおいしいにゃ。み〜この飼い主のれいなちゃん  は、前回から始めたウォーキングをまだ続けているにゃ。体重計に乗っては、喜んだり落ち込んだりしているにゃ。れいなちゃんの親友のあゆみちゃん  は、とっくにウォーキングからリタイヤ。「私は太らない体質だから〜♪」と言って、またれいなちゃんを怒らせていたにゃ。
さて、あゆみちゃん  は、ほーむぺーじのおーぷにんぐむーびーを作っている最中なのにゃ。今日はむーびーくりっぷを使うとかって言ってたにゃ。むーびーくりっぷって食べられるのかにゃ。

ページtopへ


■ ムービークリップを作成しよう

あゆみ
こんにちは。アイスもらうね〜。秋だから、抹茶にしておこう。


れいな
食欲の秋ねえ…って、あゆみはいつもアイス食べてるか。


あゆみ
れいなの冷凍庫、最近新製品少ないよ。補充しておいてね。


れいな
だから、どうして私があゆみのアイスを用意しなきゃいけないのよ。


あゆみ
おもてなしの心じゃな〜い。
(やばい。怒り始めてるからフォローしておこう)
あ、あれ?れいな、やせた?


れいな
あらっ、わかるー?


あゆみ
(よし!)うん、腰まわりとかちょっとすっきりした感じがする。


れいな
そうなのよ〜。ウォーキングの効果ね。体重が2kg減ったのー。


あゆみ
へーっ、すごいわね。


れいな
今日は、FLASHムービーもスリムにしちゃうわよ。

ページtopへ


ムービークリップとは…


れいな
今日は、前回作ったあゆみの歩くアニメーションをムービークリップで作りなおします。


あゆみ
え〜作り直すの?それに、ムービークリップって?


れいな
KoolMovesを開いて、そこで作ったアニメーションをメインムービーと言うの。ムービークリップは、メインムービーの動きに関係なく、独自のムービーとして扱うことができるものよ。いわばKoolMoves内の素材パーツね。


あゆみ
今のむずかしいよ〜。


れいな
そうね。見てもらった方がはやいかも。
今から作るものを説明するわね。

@ 手をふりながら動くあゆみをムービークリップで作成する
A ムービークリップのあゆみが画面左から右に動くメインムービーを作成する。

これで、あゆみが手を振りながら歩くムービーが作成できるわ。Aのメインムービーの中に@のムービークリップが含まれている状態になるわね。

ページtopへ


1. ムービークリップを追加する


れいな
『ムービーのサイズと色を変えよう』で保存した背景イメージを変えたKoolMovesファイルを開くわよ。


あゆみ
開いたわ。へたくそな背景画像のやつ。


れいな
余計なこと言わないの!
ムービークリップを扱うには「上級」モードか「アニメーション」モードを使用します。「上級」タブをクリックして、上級モードに切り替えてね。


あゆみ
「上級」とは、私も成長したものね。


れいな
次に、何も選択していな状態で、ツールバーの  (新規ムービークリップ)をクリックしてね。
「形状」メニューから「ムービークリップに追加」を選択してもOKよ。


あゆみ
あれっ!へたくそな背景画像が消えちゃったよ。


れいな
だから!余計なこと言わないの!
ここではあゆみが足踏みするムービークリップを作るから、背景は別に扱うことになるのよ!

ページtopへ


2. 足踏みするあゆみを作成する


れいな

じゃ、ここから足踏みするあゆみを作成します。前回使ったayumi1〜3を読み込むの。


あゆみ
前回は、左から右に歩くように動かしたよね。


れいな
そうね。今回は配置を変えず、ayumi1→ayumi2→ayumi1→ayumi3の順番に作ってみて。配置を変えないというだけで、読み込み方は前回とまったく同じで大丈夫よ。


あゆみ
@ ayumi1を読み込む
A ayumi1をコピーして2フレーム目を追加する
B ムービーの延長で2フレームを増やす
C 2フレーム目のayumi1をカットして、3フレーム目に貼り付ける
D 2フレーム目にayumi2を読み込む
E フレーム目にayumi3を読み込む

これでいいのかな?


れいな
終わったら、「メインムービー」をクリックしましょう。

ページtopへ


3. ムービーを再生し、確認する


あゆみ
ちゃんと背景の上に私が乗っかってる。でも、さっき画像を読み込んだのに、スコア/タイムラインウィンドウで○が増えていないわ。


れいな
ムービークリップの特徴ね。ムービークリップは独立したムービーだって言ったでしょ。メインムービーの動きとは関係なくムービークリップは動いているの。


あゆみ
ふーん。独立したムービーって、そういう意味だったんだ。
じゃ、ムービーを再生してみるね。私が足踏みしてる。前よりずっとなめらかだね。


れいな
そうなの。これだけの作業で足踏みしているあゆみを作れるのよ。フレーム数分画像を読み込まなくてよいし、ファイルの容量もスリムになるムービークリップは、ばんばん活用したいわ。


あゆみ
ムービーの中にもう1つのムービーが含まれている感じね。

          [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