Flash/Flashの基本

Flashでリアルな水面の波紋(3ページ目)

水面に広がる波紋は繊細で美しい物です。Flashを使ってこの波紋をリアルに再現するアニメーションを作成しましょう。

執筆者:渡辺 大介

波紋を複製して組み合わせる

カラーミキサーでアルファを設定
1. ステージの何もないところをダブルクリックしてシーン1に戻ります。先ほど作成したレイヤーを複製して、一番上に配置してください。それぞれに先ほどの波紋をコピーして「Ctrl+Shift」キーを押しながらペーストすることで同じ位置にペーストしてください。
全てを合成
2. 上二つの波紋のレイヤーの1フレーム目をドラッグ&ドロップして3フレームずつずらします。次に全てのレイヤーの10フレーム目を右クリック「フレームの挿入」を行い10フレーム目までフレームを延長します。

フレームを挿入
3. 一番上にレイヤーを追加して10フレーム目にキーフレームを作成します。

stop()を記述
4. 作成したキーフレームを右クリックして「アクション」を選択してください。「グローバル関数>タイムラインコントロール>stop」を選択し、10フレーム目で再生を止めるように設定します。これで完成です。

キーフレームを挿入
5. ムービープレビューしてください。10フレーム目にstopを設定しているのでタイムラインは停止していますが、波紋のアニメーションは永遠と続いていきます。ちょっと分かりづらいですが、ムービークリップはFlashムービー本体とは別のタイムラインを持っているからです。逆に言うとムービークリップだけ再生を止めてもFlashムービー本体は停止しないということになります。

今回の波紋のアニメーションでは、自然の動きを再現することにチャレンジしました。普段、目で見ていると単純な動きかもしれませんが、リアルにフラッシュ上に再現するにはテクニックが必要になります。しかし、こういった一つ一つのアニメーションにリアリティを与えることで一連のアニメーション作品を作成する際は豊かな世界観を与えることができます。一つ一つのパーツの完成度を上げることでアニメーション全体の印象は大きく変わっていきますので、取りいれてみてはいかがでしょうか?
【編集部おすすめの購入サイト】
楽天市場で Flash 関連の書籍を見るAmazon で Flash 関連の書籍を見る
  • 前のページへ
  • 1
  • 2
  • 3
※記事内容は執筆時点のものです。最新の内容をご確認ください。
※OSやアプリ、ソフトのバージョンによっては画面表示、操作方法が異なる可能性があります。

あわせて読みたい

あなたにオススメ

    表示について

    カテゴリー一覧

    All Aboutサービス・メディア

    All About公式SNS
    日々の生活や仕事を楽しむための情報を毎日お届けします。
    公式SNS一覧
    © All About, Inc. All rights reserved. 掲載の記事・写真・イラストなど、すべてのコンテンツの無断複写・転載・公衆送信等を禁じます