livedoorlivedoor ネットアニメ
livedoor | ネットアニメ > FLASHで作るはじめてのネットアニメ

FLASHで作るはじめてのネットアニメ

公開日:8月27日第5回

キャラクターを動かしてみよう(その3)

新しい技術も覚えつつ、今まで覚えた事も応用し、効果的に見せていきます。そしてついに、動画部分完成です!

ガイドレイヤーの使い方

月見堂:続きまして……「むじな君がUFOに乗って登場する」部分です。

なかしま:はい。

月見堂:ここで「ガイドレイヤー」を使ってみましょう。

なかしま:「ガイドレイヤー」とは……?

月見堂:「ガイドレイヤー」は特定のラインに沿って動くアニメーションを作成する時にそのモーションガイド(動きの軌道)を描いておく専用のレイヤーです。

月見堂:とりあえず、今回は、「むじな君がUFOに乗って登場する」ということを、このガイドレイヤーを使って行います。

なかしま:はい。

月見堂:では、こちらも手順を追ってちょっと細かく説明していきますね。

月見堂:<手順1>レイヤーにむじなの素材を用意

月見堂:<手順2>モーションガイドの追加をクリックし、新規レイヤーを追加。
注意:ガイドレイヤーが動かしたい対象の素材の上に来るようにする。

月見堂:<手順3>ガイドレイヤーに「鉛筆ツール」で動かしたい軌道を描きます。

月見堂:<手順4>むじな君の「中心点」を、ガイドレイヤーの線(先ほど書いた)の上に配置(動かす始めの位置)

月見堂:<手順5>動きを終わらせたい場所のフレームにキーフレームを作成

月見堂:<手順6>ガイドレイヤーの線の任意の場所(動きの終点)に、むじな君を配置

月見堂:<手順7>モーショントゥイーンを作成

月見堂:これで完成です。動かしてみると、ガイドレイヤーの線の上をなぞるように「むじな君」が動いていくはずです。

なかしま:あれ?なんか軌道を無視してまっすぐ動いてますけど・・・?

月見堂:よくあるのが「対象の中心点がちゃんとガイドの軌道上に乗ってない」ってやつですね。「虫眼鏡ツール(Z)」で拡大して始点と、終点でちゃんと配置できてるか確認してみて下さい。縮小表示だと一件乗っかってるように見える事があるので。

なかしま:わかりました。(チェック中)・・・ビミョーにズレてました。。。

月見堂:そういった場合は、ガイドに沿って動きません。ですから、まずはそこを疑ってみてくださいね。

なかしま:わかりました!

月見堂:修正しましたね。では、ちゃんと動くか確認してみましょう。

ダウンロードする上記のswfの元素材となるflaファイルがダウンロードできます。中身を見て、実際に確かめてみてください。

月見堂:問題ないですね。それでは、次に行きますよ!

なかしま:はーい。

前へ
次へ

 |  | 3 | 

トップに戻る

広告