製品情報

パン屑ナビゲーション

使い方入門

印刷ユーティリティ

PowerX KoolMovesを使ってみよう

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

今回は以下の手順で、かんたんなアニメーションを作成します。

■ 歩くムービーを作成しよう
1. 歩く画像を用意する


あゆみ
でもさ、これじゃ空中浮遊って感じじゃない?


れいな
確かに!宇宙人っぽいわよね。


あゆみ
ちょっとー、私のキュートなイメージが台無しじゃないの!


れいな
ふふふ、大丈夫。今のは画面上を移動する動作を見てもらいたかっただけなの。今度は歩くあゆみのムービーを作るわ。


あゆみ
よかった!


れいな
使う画像は、以下のとおりよ。ayumi1はさっき使ったものと同じね。画像が必要であれば、ayumi1同様に、ayumi2、ayumi3もダウンロードしてね。

ayumi1
ayumi2
ayumi3

あゆみ
ayumi1画像を2回使うのね。

ページtopへ


2. フレームを追加する


れいな
歩くあゆみの画像を読み込みたいんだけど、1つのフレームに2人のあゆみがいると、分身の術みたいになっちゃうわよね。だから、フレームを増やします。


あゆみ
パラパラまんがの白紙ページを用意するってことよね。


れいな
今は最初のフレームが選ばれている状態ね。
 (ムービーの延長)をクリックして、「ブランクフレームの追加」を選択。
「フレーム数」は2にして「OK」をクリックよ。


あゆみ
○のあるフレームが2つ、何もないフレームが2つできたわ。

ページtopへ


3. フレーム間で形状を移動する


れいな
2フレーム目の○をクリックすると、画面左端にいるあゆみが選択されるからドラッグして少し左にずらしてね。


あゆみ
矢印キーの「←」を押すと、まっすぐ横に移動できるね。


れいな
形状を選択したまま、「編集」メニューから「形状のカット」を選択。


あゆみ
えっ?消しちゃうの?


れいな
3フレーム目をクリックして、「編集」メニューの「形状のペースト」を選択よ。


あゆみ
なるほど!ayumi1→ayumi2→ayumi1→ayumi3と並べたいから、3フレーム目に移動させたのね。

ページtopへ


4. イメージを読み込む


れいな
あゆみ、わかってきたじゃない!じゃ、次にやることはわかる?


あゆみ
ayumi2を2フレーム目に、ayumi3を4フレーム目に読み込むんじゃない?


れいな
すばらしい!スコア/タイムラインウィンドウで2フレーム目を選択。ツールバーの  (イメージの追加)ををクリックして、ayumi2の画像を選択してね。


あゆみ
まかせといて!……って思ったら、何?このウィンドウ?ムービーに追加ウィンドウが何か聞いてきたよ。


れいな
今、あゆみは2フレーム目を選択しています。ayumi2の画像を読み込みたいのは?


あゆみ
「現在のフレーム」!


れいな
あたり!「続ける」をクリックしてね。


あゆみ
真ん中に読み込まれちゃったから、ちょっと左下にずらせばいいのかな。


れいな
左から右に動くあゆみを作りたいから、フレームごとに右に移動するように配置してね。4フレーム目も2フレーム目と同様に、ayumi3を読み込んで、うまく配置してね。

ページtopへ


5. ムービーを再生し、確認しよう


れいな
できあがったら、ムービーを再生して確認しようね。


あゆみ
私が歩いたわ!でも、なんだかぎこちなくない?


れいな
もっとなめらかに表示させたいなら、フレーム数を増やして、移動距離を細かくしないとだめね。ようするにパラパラまんがのページを増やすのよ。


あゆみ
はーーーっ。手間がかかるわね。


れいな
と、いう手順を手間をかけずに行える方法があります。それがムービークリップ。


あゆみ
んもー。そんないい方法があるんだったら、早く教えてよー。


れいな
今日やったことは、ムービー作成の基本中の基本だから覚えて欲しかったの。次はムービークリップを使って、もっと自然なムービーをかんたんに作っちゃうわよ。


み〜こ
あゆみちゃんが画面上を動いているのにゃ。み〜こも出してくれにゃいかにゃ。にゃ?にゃんと!次回はみ〜こも歩くとにゃ?にゃった〜!FLASHデビューにゃ。カリスマ猫にゃ。時代はついにみ〜こに追いついたにゃ。
さて、むーびーの基本的な作成方法が終わったのにゃ。みんなはおぼえたかにゃ?次回はむーびーくりっぷとやらを使ったむーびーを作るらしいにゃ。こんな感じにゃ。なめらかな動きにゃ。み〜こ、かわいいにゃ。


み〜こ
というわけで、次回は、「オープニングムービーを作ろう Part3 ムービークリップを使ってスマートなムービーを作ろう」なのにゃ。お楽しみににゃ!

前へ 前へ [1] [2] [3]          

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