クールフラッシュ効果のチュートリアル！

要約

このチュートリアルではどのように移動するムービークリップに適用する水の反射を作成する方法を学習します。

ここで最終的な結果：

必要条件

Flashは8フラッシュCS3またはCS4のフラッシュ。

：このチュートリアルでは、スクリーンショットは、Flash CS3で作られています注意してください。 それはまさにFlash 8で同じ動作をします。 このチュートリアルでは、ActionScript 2（ないActionScriptは必要ですが）です。

ステップ1 - インストール効果成分

ダウンロード水の反射効果をここに。 ごに従ってインストール手順をライブラリからドラッグしてコンポーネントをにコンポーネントパネルに。FLAファイルを。

ステップ2 - を作成するアヒルのMovieClip

ステージ上にインポートアヒル画像[はCtrl - R]を、または"ファイル" - >"インポート" - >"インポート..."＃。 そのアヒルのイメージであることを確認します。背景が透明なpngの。

選択は、このイメージは、MovieClipの[のF8キーを押します]またはムービークリップ上で右クリック - >"シンボルに変換..."をに変換。 ムービークリップに名前を付けます"鴨"。

ステップは、3 - アニメーションのMovieClipを作成する

作成して新しいムービークリップ[はCtrl - F8キー]または[挿入] - >"新規シンボル..."。 名前このMovieClipの"アニメーション"。

マイライブラリからタイムライン上の最初のフレームにアヒルのMovieClipをドラッグします。 今のフレーム60をクリックし、[挿入キーフレーム"新しいキー[F6キーを押します]または右クリックして"を作成します。

をクリックして新しく作成したキーフレームとキャンバス上にアヒルのMovieClipを選択します。 今すぐ）カーソルの右側（100pxに言うことができるの鍵を、このムービークリップを移動します。 あなたは情報パネルで新しい位置を確認できます。

タイムラインの最初のキーフレームに移動します。 プロパティパネルで選択してトゥイーン："モーション"。 タイムライン上でクリックした場合はどこかに今、あなたは、鴨のMovieClipは、左から右に移動してください。

ステップ4 - プットアニメーションのMovieClipメインのタイムライン上で

今すぐクリックして、"シーン1"が戻ってメインのタイムラインを取得する。 アヒルのMovieClipはまだそこには、それを削除してください。

マイライブラリからタイムラインの最初のフレームにアニメーションのムービークリップを移動します。

必要に応じて設定は、MovieClipのインスタンス名に"animation_mc"（別の名前を選択することができます。そのインスタンス名が一意であることを確認します）。 インスタンス名がなければ、コンポーネントはMovieClipを検出することができません。

ステップ5 - 効果を適用コンポーネント

新しいレイヤーを作成、最初のフレームを選択し、ライブラリからアニメーションのMovieClipに効果がコンポーネントをドラッグします。 コンポーネントが自動的にスナップされます。

セットはスクリーンショットのようなコンポーネントインスペクタパネル内のコンポーネントのパラメータはすべてムービークリップこのフレーム内のインスタンス名を"ターゲットのMovieClip"選択リストに表示されます。 あなたが1つだけのMovieClipがあるので、コンポーネントが、その場合は、MovieClipにエフェクトを適用することを想定"animation_mc"。

注：これらの設定にのみ有効コンポーネントのこのインスタンスに適用されます。 別のムービークリップ（どこか。FLAファイルまたは新しいプロジェクトで）、再度設定を設定する必要が内側にコンポーネントを描画する場合。

今すぐエクスポート（[Ctrlを押して、Enterキー]または...）。 あなたは、カモの頭がどうかしカットされ表示されます。 厥コンポーネントは、鴨MovieClipの正確サイズがあるため。 反射波のサイズを増やすのでしかし、これはそれ以上に合うことはありません。

ステップは、6 - MovieClipのアニメーションを調整

アヒルのMovieClip、少しMovieClipを上限サイズの背景にこの問題を解決するには、挿入されます目に見えない形。

バックダブルあなたのライブラリーで、これをクリックしてカモのMovieClipに入手してください。

作成トゥイーン層の下に新しいレイヤー。

選択して長方形ツールと鴨の幅と図形を描画する。 高さは数ピクセル高いし、鴨（約10ピクセル）する必要があります。 これは、タイムラインのアウトラインのアイコンを設定するには、鴨のイメージだけの寸法を表示するに役立つかもしれない。

図形の色のパネルを開いて選択すると、0にアルファを設定します。

今、あなたのムービーをテストするときは、その反射が穴カモに適用されますが表示されます。

ステップは、6 - 背景イメージを追加

アニメーションを作成しますとコンポーネントのレイヤー新しいレイヤーの下に。 インポートのイメージにマッチする。 今、あなたは、アニメーションのMovieClipの位置をそれが背景に収まるように変更できます。

ダウンロード

ここをクリックしFLAファイルをダウンロードチュートリアルのこの。 注：。FLAファイルが有効なコンポーネントだけフラッシュのIDE（Flash 8の、フラッシュまたはフラッシュCS4 CS3の動作する試用版が含まれて）、ブラウザ内ではなく。

あなたがダウンロードできますまた、反射効果をここに水。