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

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

公開日:8月27日第5回

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

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

背景(BG)のスライドと「アルファ」ってなんだろう?

月見堂:続きまして……。「こけももさんに影がかかる」部分です。

なかしま:はい。

月見堂:ここで「マスクレイヤー」が必要になってきます。

なかしま:「マスクレイヤー」とは、なんでしょう?

月見堂:「マスクレイヤー」とは、マスクレイヤーの下にあるオブジェクトをマスクレイヤーにある「塗り(シェイプ)」の部分だけに適応して表示させる機能です。シェイプで円形のマスクを作りそれをスポットライトに見立てて、暗闇(真っ黒)の中でスポットライトがあたっている(照らしている)部分だけを表示させるといった演出もできます。用途は多種多様です。

月見堂:とりあえず、今回は、「こけももさんだけに影がかかる」ということを、このマスクレイヤーを使って行います。

なかしま:はい。

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

月見堂:<手順1>こけももさんのレイヤーを用意(マスクをかけたいものを用意)

月見堂:<手順2>新規レイヤーを追加

月見堂:<手順3>こけももをコピーして新規作成したレイヤーへ同じ位置にペースト
注意:新規レイヤーが元素材の上に来るようにする。
※ショートカット:コマンド+シフト+V

月見堂:<手順4>ペーストした素材をシェイプにして分解します。(プルダウンメニューを出して、シェイプになるまで分解を繰り返す)
※ショートカット:コマンド+B

月見堂:<手順5>マスクの色を変更。(分かりやすい色にしてください。今回は赤にしています)

月見堂:<手順6>新規レイヤーを選択し、プルダウンメニューを開きマスクを選択。

月見堂:<手順7>レイヤーにロック(錠マーク)が勝手にかかっているので、編集するため一時的にはずします。

月見堂:<手順8>マスクとこけももの間にレイヤーを新規作成。
※ここのレイヤーが、「マスクの範囲内でしか表示されないレイヤー」となります。この新しく作ったレイヤーに影の素材を作成する。

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

月見堂:<手順10>全てのレイヤーにロックをかける。(これでタイムライン上でマスクが有効になる)

なかしま:できましたー。

月見堂:これで完成です。作ったものはイメージどおりになっているか一度確認しましょう。

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

月見堂:レイヤーの関係がちょっと最初はわかりにくいですが、使いこなせば非常に便利な機能の一つですので、しっかり覚えておいてください。flaでレイヤーの構造を見てもらえれば早いです。

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

月見堂:では、次は「ガイドレイヤー」の説明をしますね。

前へ
次へ

 | 2 |  | 

トップに戻る

広告