Flash/Flashサンプル

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

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

執筆者:渡辺 大介

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

マスクを適用する

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

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

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

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

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

あわせて読みたい

あなたにオススメ

    表示について

    カテゴリー一覧

    All Aboutサービス・メディア

    All About公式SNS
    日々の生活や仕事を楽しむための情報を毎日お届けします。
    公式SNS一覧
    © All About, Inc. All rights reserved. 掲載の記事・写真・イラストなど、すべてのコンテンツの無断複写・転載・公衆送信等を禁じます