1月 4, 2022

波紋とAdobe Flash水の効果(海の夕日のシーン)

Flashチュートリアルでは、この波の波及効果では、夕日の背景に海の波をアニメーション化する方法を学びます。 これは、アニメーションフラグに非常によく似た簡単なチュートリアルです。

Adobe Flash Water Animation Tutorial
Adobe Flash Water Animation Tutorial

以下にダウンロードできる海の画像を使用します。 次に、画像の海の部分に波のアニメーションを追加します。 私たちは、マスキング、および波の効果のための曲線を描画するような技術で、いくつかの層でこれをすべて行います。

次に、Flashでwaveアニメーションのアニメーションタイムラインのモーショントゥイーンを作成します。

太陽が地平線に近い夕日のシーンを作成します。 その後、波の上に太陽の反射を作成します。 次に、シーンに赤いオーバーレイを追加します。

そして、それは私がAdobe Flash Professionalで波打つ水の効果を作った方法です。 以下のチュートリアルをお読みください。

ダウンロードファイル:FlashOceanWaves.郵便番号

: フラッシュでの波及効果

フラッシュで波打つ水のアニメーション

Adobe Flashで現実的な海の波を作る方法

まず、新しい文書を作成し、海と空の背景画像をインポートします。 チュートリアルで提供されているものを使用することもできます。 必要に応じて拡大縮小し、”背景”という名前のムービークリップとして作成します”

今度は新しいレイヤーを作成し、ライブラリから画像をもう一度ドラッグアンドドロップします。 SeaWavesという名前のこのムービークリップを変換し、ムービークリップをダブルクリックして編集します。 画像を選択し、海という名前の別のムービークリップに変換します。 今度は第3レベルのムービークリップの内側に、海の領域だけをカバーする新しいレイヤーに長方形を作ります。 このレイヤーをマスクとして作成します。

今、空の領域をダブルクリックして、このmovieclipから抜け出す。 今、あなたはシーウェーブムービークリップにいます。 今すぐ海のムービークリップを選択し、下の画像のように下に大きくスケールします。

今度は新しいレイヤーを作成し、曲線を作成します。 これを行うには、ペンツールを使用することができます。

今、画像に示すように、同じ行の多くのコピーを作成します。 正しく整列していることを確認してください。 必要に応じて、整列で垂直方向に分散を使用します。 また、あなたが並んで海の外の底の1/3に行くのに十分なコピーを作ったことを確認してください。 最後にすべての行を選択し、修正>図形>行を塗りつぶしに変換します。

今、単一のムービークリップにすべての行を変換し、レイヤー上のモーショントゥイーンを作成します。 フレーム50またはそれから遠い何かにキーフレームを挿入します。 新しいキーフレームで、ラインを少し上に慎重に移動します。 位置はシームレスでなければならず、ラインは海の領域の外に保持されるべきであるか、そうでなければアニメーションが有線に見えます。 次に、Ctrl+Enterキーを押してアニメーションをテストします。 波が非常に速い場合は、曲線のキーフレームをタイムライン上で遠くに移動します。

Ctrl+Eキーを押して、シーンの親に移動します。 新しいレイヤーを作成し、シーン全体を赤い長方形で覆います。 長方形をムービークリップに変換し、ブレンドをオーバーレイに変更します。

今度は別の層を作り、太陽のために暗いオレンジ色の日食を作ります。 それをsunという名前のムービークリップに変換し、内側のグローを15pxの赤で、外側のグローを35pxの赤で追加します。

海に太陽を反射させるには、シーウェーブムービークリップを編集します。 新しいレイヤーを追加し、sunムービークリップを正しい位置にドラッグアンドドロップします。 それは少し背の高いスケール、20pxでぼかし効果を追加します。 色が明るい赤であることを確認してください。 太陽の色が赤でない場合は、adjust colorを使用できます。 次に、描画モードをオーバーレイに変更します。

最後に、シーンの親に移動し、ドキュメントのサイズのみをカバーする長方形を追加し、これをマスクとして作成します。 このマスクの下に使用されているすべてのレイヤーを移動します。 Ctrl+Enterでムービーをテストします。

Adobe Flash animation SWF

このページをウェブサイト、ブログ、またはフォーラムに追加します。 あなたの友人は、このチュートリアルについて知ってみましょう。 以下のhtmlコードをコピーして貼り付けるだけです:
<a href= "https://www.tutorialboneyard.com/flash-water-effects/" target="_blank">Ocean Ripples GIF</a>
あなたはこのチュートリアルが好きなら、お友達と共有してください!

コメントを残す

メールアドレスが公開されることはありません。