Flash/Flashの基本

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

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

執筆者:渡辺 大介

波紋にアニメーションを設定する

シンボルに変換
1. 円を右クリックして「シンボルに変換」してください。名前を波紋、タイプを「グラフィック」に、基準点は中心に設定し「OK」を押してください。

横に細長い角丸短形
2. さらに、配置されている円を右クリックしさらに「シンボルに変換」を選択してください。今度は名前を波紋アニメ、タイプを「ムービークリップ」に、基準点は中心に設定し「OK」を押します。

複製して並べる
3. 配置されている円をダブルクリックして円のシンボルの内部を編集していきます。20フレーム目にキーフレームを設定して、その間に「モーショントゥイーン」を設定します。

楕円形ツールでアクセントを
4. 1フレーム目のインスタンスを「Shift」キーを押しながらできる限り縮小してください。
放射状グラデーションを設定
5. 20フレーム目のインスタンスを選択してください。プロパティから「カラー」を「アルファ0%」に設定します。設定したら、上部メニューから「制御>ムービープレビュー」を選択し動作を確認してください。このままだとちょっと物足りない気もするので、もう少し効果を加えてみましょう。

塗りを変形
6. 1~19フレームの青に色が変わっている部分はモーショントゥイーンしているフレームです。これをクリックして選択してください。プロパティから「イージング」の箇所を「100アウト」に設定しましょう。これで「だんだんゆっくり」というモーショントゥイーンが設定できます。ムービープレビューで確認してください。より表現豊かになったことが分かりますか?

次のページでは複数の波紋を組み合わせていきます。
  • 前のページへ
  • 1
  • 2
  • 3
  • 次のページへ

あわせて読みたい

あなたにオススメ

    表示について

    カテゴリー一覧

    All Aboutサービス・メディア

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