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

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

公開日:8月27日第5回

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

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

オーバーラップ(ディゾルブの一種)とトラックバック(ズームアウト)って何?

月見堂:今回で、動かす部分は完成させますよ!

なかしま:がっ、がんばります。

月見堂:前回は、「こけももさんが穴に落ちる」トコまでやりましたよね。

なかしま:はい。

月見堂:今回は、その続き、まず「穴とこけももさんの目がオーバーラップ(OL)しつつ、トラックバック(TB)していく」処理を行いましょう。

なかしま:……???

月見堂:分かりやすく言うと「穴の画が徐々にこけももさんの目の画に変わりつつ、カメラが後ろにさがっていく(被写体が小さくなって行く)」って感じです。

なかしま:オーバーラップ? ……トラックバック?

月見堂:えっと、最近TVクイズ番組でよくあるじゃないですか。「この絵がだんだん、他の絵にすり変わっていきます。何に変わったかわかりますか?」みたいな。この「前の画面に後の画面が重なってきて、徐々に前の画面が薄くなり、最終的に後の画面にすり変わっていく」という画面処理をオーバーラップ(ディゾルブの一種)と呼ぶんです。

ちなみに「ディゾルブ」とはカットとカットの間をつなぐ場面転換のエフェクトの総称です。で、今回のOL(オーバーラップ)はその中のパターンの一種。俗に「ダブらす」とか言ったりもします。下のswfを見てもらえば早いです。

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

月見堂:上の例では「こけももさん」が「むじなくん」の画にすり替わってますよね?

こうすると演出的には「こけももさん」の視点の先に「むじなくん」がいるというのを、より印象づけて説明しつつロケーションを変えたりする事が出来たりします。作業的には詳しくはflaの方で確認して下さい。「こけももさん」のアルファを「100」→「0」に向かわせる反面で同時に「むじなくん」のアルファを「0」→「100」にするだけです。非常に簡単です。

月見堂:ついでにもう一つ! アニメの場合、画面に対して被写体を小さくすることを「トラックバック(TB)」と言います。実写ではよく「ズームアウト」と言います。アニメでは同じ効果を指します。相手に伝われば呼称はなんでもよいのですが、頻繁に使うんでよかったら覚えておいて下さい。 

逆に画面に対して被写体を大きくする事を「TU(トラックアップ)」とか「ズームイン」と呼びます。

なかしま:ほほー。つまり「穴が段々、こけももさんの目になりながら、後ろにさがっていく」と……。

月見堂:そうそう!

月見堂:では、理解していただいてところで、実作業に入っていきましょう。

なかしま:はい。

月見堂:まずは、オーバーラップの開始画と終了画を考えます。今回は開始部分は「こけももさんの落ちた穴」

月見堂:となりますね。で、最終的に表示したい画は、「こけももさんの目」ですから

なかしま:はい、やりました。

月見堂:これで浮き上がらせたい「こけもも目」のアルファを「0」→「100」にトゥイーンさせることによって「こけもも目」が段々と現れ、最後には完全に下のレイヤーの「穴」を不透過で覆い尽くして「こけもも目」だけが画面に表示されます。

なかしま:できましたー

月見堂:最後に注意点がひとつだけあります。今回のように終了画のほうのアルファを弄る場合は「浮き上がらせたい画(終了画)のレイヤーは、必ず消したい画(開始画)のレイヤーの上に配置」してくださいね。

下のflaで確認してみて下さい。レイヤーを上下入れ替えて試してもらえれば言ってる意味が分かってもらえると思います。

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

月見堂:上記はOL(オーバーラップ)処理のみの参考ですので、ただ画が切り替わるだけで、TB(トラックバック)は行われていません。

月見堂:では、同時にトラックバックの処理も入れておきましょう。

月見堂:この画像から

月見堂:この画像までをモーショントゥイーンさせればOKです。

なかしま:できました!

月見堂:はい。それでは、この「オーバーラップ」&「トラックバック」の部分をご覧下さい。ちょっとオーバーラップ時間が短いですが・・・

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

なかしま:綺麗にできましたねー

月見堂:オーバーラップは、単純なカットイン・カットアウトよりも場面転換などをスムースに効果的に見せる事ができるので多用は禁物ですが特に印象づけたいシーンで使うとイイですよ。タイミングの微調整とかは第六回でやりますので。

なかしま:はい!

前へ
次へ

1 |  |  | 

トップに戻る

広告