成長する花のマスキング技術
前のチュートリアルでは、Flashに花を描きましたR ブラシツールを使用したCS4。次に、マスキングテクニックを使用して、花がステージ上に成長しているように見せるための方法を学習します。作業中のflaファイルをFlashで開きます。

タイムラインのさまざまなレイヤーで花のセクションを既に分離しています。 StemがStemレイヤーにあり、緑の葉がLeavesレイヤーにあり、花のペダルがFlowerレイヤーにあり、紫色の葉がLeaves2レイヤーにあります。これは、花の別々の部分をわずかに異なる間隔でアニメーション化するのに役立ちます。ステムレイヤーから始めましょう。作業中に他のレイヤーの可視性をオフにすると役立つ場合があります。

1.最初のステップは、ステージ上のステムをシンボルに変換することです。ステムを右クリックして、[シンボルに変換]を選択します。シンボルに「Stem」という名前を付け、タイプをムービークリップに設定します。 [プロパティ]パネルで、[インスタンス名]を「ステム」に設定します。

これで、Movie Clip内で作業する準備が整いました。 [ライブラリ]パネルの[ステムムービークリップ]アイコンをダブルクリックして、ステムムービークリップの編集モードに入ります。

2.新しいタイムラインには1つのレイヤーのみがあります。レイヤーの名前を「Layer1」から「Stem」に変更します。

3.新しいレイヤーを作成します。この新しいレイヤー(Stemレイヤーの上)の名前を「マスク」に変更します。 Maskレイヤーを右クリックして、ポップアップメニューからMaskを選択します。マスクレイヤーのロックを解除します。

4. [ブラシ]ツールをクリックして、色をステムとは異なる色に設定します。 [ツール]パネルで、[ブラシの形状]を[楕円]に、[ブラシのサイズ]を最大の設定に設定する必要があります。

5.マスクレイヤーのフレーム1で、ブラシツールを使用して、ステムの小さなセクション(下部)をペイントします。キーフレームがフレーム1に自動的に追加されます。

6. Maskレイヤーのフレーム2に移動して、キーフレームを追加します。ステムをもう少し塗ります。ステム全体にペイントするまで、この手順を繰り返します。

7.コントロール-ムービーのテストをクリックして、ステムのアニメーションをプレビューします。

ステージ上で成長しますが、アニメーションは無限に繰り返されます。 Flashにアニメーションを1回だけ再生するように指示する必要があります。

8.マスクレイヤーの上に新しいレイヤーを追加し、「Actions」という名前を付けます。このアニメーションの最後のフレームにキーフレームを挿入します。 [アクション]パネル(ウィンドウ-アクション)を開き、停止コードを追加します。

やめる();

9.ムービーを再度テストすると、ステムがステージ上に完全に描画されるとアニメーションが停止します。

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の登録商標または商標です。


動画の説明: 都立志村学園 高等部就業技術科 まなびゅ~「継続は力なり」 (かもしれません 2024).