Flash/Flashサンプル

マスクをマウスに追従させる

画像の一部だけ表示させるマスク機能を利用して、夜の森に飛ぶ蝶を探すアニメーションを作成します。

執筆者:渡辺 大介

マスク機能を応用して、夜に飛ぶ光る蝶を探すアニメーションを作成します。
マスクをマウスの動画に追従させる。
(.flaファイルはページの最後でダウンロードできます)

マスクを適用する

1. サンプルの写真をダウンロードします。.flaファイルをダウンロード
以前使用したガイドレイヤーを使って蝶のアニメーションが配置されています。

サンプルを確認
2. 薄暗い写真と黄緑の蝶が配置されているムービークリップ「MC」と、ピンクに塗りつぶされているの円のムービークリップ「MASK」があることを確認してください。

レイヤーの構造を確認
3. レイヤーの構造を確認します、「MC」はレイヤー「MC」に、「MASK」はレイヤー「MASK」にそれぞれ配置されています。

マスクを設定
4. レイヤー「MASK」を右クリックします。図のようにメニューが表示されますので、「マスク」を選択してください。
これでマスク機能が有効になりました。マスクを設定したレイヤーのオブジェクトがマスクを設定された側(一つ下のレイヤー)のオブジェクトを切り抜いて表示します。
マスクの効果をFlash上でプレビューするには、双方のレイヤーをロックすることで表示できます。

次のページではActionScriptを使用して、マスクをマウスの動作に追従させましょう。

あわせて読みたい

あなたにオススメ