Flash CS3での特殊効果のためのマスクの使用

• かもしれません 3, 2024

素晴らしいフラッシュの多く^R 毎日見られる特殊効果は非常に複雑に見えますが、実際には単純なマスキングテクニックで作成されています。マスクとは何ですか？伝統的なアーティストは、マスキングメディアを使用して、塗装の次のレイヤーから塗装の特定の領域を保護します。マスキングメディアで覆われた領域には新しいペイント層が適用されていないため、ペイントの最初の層がこれらの領域または開口部を通して見えます。

Flashのマスキング手法はほぼ同じように機能します。マスクをステージの領域に適用すると、マスクで覆われた領域のみが透けて見え、ステージの残りの部分は表示されません。ドキュメントの背景色が使用されます。一般的に見られるこの手法の1つの例は、小さな円を除いてステージ全体が空白のスポットライト効果です。この円がステージ上を移動すると、円によって明らかにされたもののみを見ることができます。このチュートリアルでその効果を作成してみましょう。

1. 新しいFlash CS3プロジェクトを開始します。
   
   
2. タイムラインの背景レイヤーから開始する必要があります。レイヤー1の名前を「Background」に変更します。このレイヤーに画像を配置して、スポットライトを照らすものを用意します。画像のサイズに合わせてステージのサイズを変更する必要がある場合があります。画像をライブラリにインポートし（ファイル、ライブラリにインポート）、画像のインスタンスをステージにドラッグします。
   
   
3. タイムラインに新しいレイヤーを追加し、「マスク」という名前を付けます。楕円ツールを使用して、ステージの左側に円を描きます（塗りつぶしを白に、ストロークをヌルに設定）。
   
   
4. タイムラインでマスクレイヤーを右クリックし、メニューからマスクを選択します。ご覧のとおり、これを行うと、円で覆われているステージの部分のみが表示され、ステージの残りの部分は白のデフォルトの背景色になります。
   
   次に、シンプルなモーショントゥイーンを使用してスポットライトをアニメーション化します。アニメーションの開始位置には既に円があります。ここで、円をTweenの終了位置に移動する必要があります。アニメーションの長さを20フレームにしましょう。
   
   
5. マスクレイヤーのタイムラインでフレーム20をクリックし、メニューから[キーフレームの挿入]を選択します。円は消えましたか？いいえ。ただし、背景レイヤーはフレーム20に拡張しなかったため、このようになりました。したがって、背景レイヤーのフレーム20を右クリックし、メニューから[フレームの挿入]を選択します。これで、背景画像が再び円を通して見えるようになりました。
   
   
6. Maskレイヤーのフレーム20をクリックし、選択ツールを使用して、円をステージ上の別の位置にドラッグします。待つ！円を移動することはできません。どうして？前の手順でマスクレイヤーを作成すると、Flashはマスクレイヤーを自動的にロックしました。レイヤーのロックを解除する必要があります。ロック/ロック解除アイコンをクリックして、レイヤーのロックを解除します。ご覧のとおり、レイヤーのロックを解除すると、背景画像が表示され、円は白一色になります。円をクリックして、ステージの右側の2番目の場所にドラッグします。これは、Tweenアニメーションの終了位置になります。 1〜20のフレームを右クリックして、メニューから[モーショントゥイーンの作成]を選択します。
   
   
7. コントロール、ムービーのテストをクリックして、スポットライトアニメーションをテストします。

Copyright 2018 Adob​​e Systems Incorporated。全著作権所有。 Adobe Systems Incorporatedの許可を得て、Adobe製品のスクリーンショットを転載しました。 Adobe、Photoshop、Photoshop Album、Photoshop Elements、Illustrator、InDesign、GoLive、Acrobat、Cue、Premiere Pro、Premiere Elements、Bridge、After Effects、InCopy、Dreamweaver、Flash、ActionScript、Fireworks、Contribute、Captivate、Flash CatalystおよびFlash Paper米国および/またはその他の国におけるAdobe Systems Incorporatedの[a]登録商標または商標です。