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

要約

これをどのように動いているムービークリップに適用するために、水の反射を作成する方法を学びますチュートリアルでは。

ここでは、最終的な結果：

要件

Flash 8のは、Flash CS3やフラッシュCS4。

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

ステップ1 - インストールの効果のコンポーネント

をダウンロードして水の反射効果はここ 。 してくださいインストールの指示に従うと、コンポーネントパネルから。flaファイルのライブラリにコンポーネントをドラッグします。

ステップ2 - アヒルのムービークリップを作成します。

輸入カモイメージ[キーCtrl - Rを]または"ファイル" - ""インポート" - ステージ上に""インポート..."。 には、アヒルのイメージを、透明な背景を持つ。PNG形式であることを確認してください。

選択して、この画像とは、MovieClip [F8キーを押しますに変換]または右クリックしてMovieClipの上で - ""に変換するシンボル..."。 MovieClipを"カモ"という名前を付けます。

ステップ3 - アニメムービークリップを作成します。

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

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

新しく作成したキーフレームをクリックし、キャンバス上のアヒルのムービークリップを選択します。 現在のカーソルの右側にキーを持つ（例えば100pxことができる）このムービークリップを移動します。 場合は、情報パネル内の新しい位置を確認することができます。

バックアップは、タイムラインの最初のフレームに移動します。 プロパティ]パネルを選択Tweenクラスの場合："モーション"。 タイムライン内をクリックしてどこかになりました場合は、そのアヒルのMovieClipを左から右へ移動してください。

ステップ4 - メインのタイムライン上に配置、アニメーションムービークリップ

シーン1"のメインのタイムラインに戻るにはここをクリック"。 場合は、アヒルのMovieClipの削除はまだそこです。

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

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

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

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

スクリーンショットにあるように、コンポーネントインスペクタパネルの内側は、コンポーネントのパラメータを設定します。すべてのムービークリップは、このフレーム内のインスタンス名を使用して、"ターゲットMovieClipの"選択リストに記載されています。 以来、1つだけムービークリップが、コンポーネントは、あなたに効果を適用すると仮定してムービークリップ""animation_mc。

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

今すぐエクスポート（[キーCtrlキー、Enterキー]または...）。 あなたは、カモの頭を何とかカットされ表示されます。 Thatsこれは、コンポーネントは、アヒルのMovieClipの正確にサイズがあります。 しかし、反射波はそれ以上に適合しないサイズが大きくなります。

ステップ6 - アニメーションのムービークリップを調整する

この問題を解決するには、アヒルのムービークリップは、MovieClipを少しでも大きさの背景に目に見えない図形を挿入します。

バックダブルライブラリ内のクリックして、アヒルのムービークリップを取得します。

トゥイーン層の下に新規レイヤーを作成します。

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

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

ときに現在使用してムービーをテストするには、反射の穴カモに適用されて表示されます。

ステップ6 - 背景イメージを追加する

アニメーションやコンポーネントのレイヤーを新規レイヤーの下に作成します。 インポートするイメージが一致します。 ここで、アニメーションのMovieClipのそれの背景に合うように位置を変更することができます。

ダウンロードする

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

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