Flash/Flashの基本

夜桜のアニメーションを作成

今週末は東京ではお花見のピークかもしれませんね。今年は昼の桜とは一味違った夜桜のアニメーションを作成します。

執筆者:渡辺 大介

東京では今週末ぐらいからお花見が楽しめるそうです。今回は、夜の闇に舞う花びら「夜桜」のアニメーションを作成します。
モーショントゥイーンに変化を付けた夜桜アニメ。
(.flaファイルはページの最後でダウンロードできます)

ゆっくりと舞い落ちる花びらのアニメを作成

1. 背景のイラストをダウンロードします。.flaファイルをダウンロード

ダウンロードしたファイルを開きます
1. ダウンロードしたファイルを開き確認します。今回は滑らかな動きを表現したいので、フレームレートは30fpsとします。

レイヤーを確認
2. レイヤーを確認してます。背景のイラストが配置されているレイヤー「bg」と、一枚だけムービークリップ「花びら」が配置されているレイヤー「anime」の2つがあることを確認してください。

ムービークリップを作成
3. レイヤー「anime」に配置されている花びらを選択し、右クリックしてシンボルに変換してください。タイプを「ムービークリップ」、基準点を「中央」、名前を「花びらアニメ」とつけてください。

インスタンスを移動
4. シンボル「花びらアニメ」を編集します。図のようにステージ右上の外側に花びらを移動してください。

キーフレームの作成
5. 130フレーム目を右クリックし、キーフレームを作成してください。

インスタンスの移動
6. 130フレーム目で、花びらをステージ左下の外側まで移動してください。

モーショントゥイーンに回転をつける
7. 1~130フレームの間にモーショントゥイーンを設定します。設定したらプロパティの「回転」に「時計回り1回」を設定します。


次のページでは複数の花びらのアニメーションを作成し、画面に散りばめます。
  • 1
  • 2
  • 次のページへ

あわせて読みたい

あなたにオススメ

    表示について

    カテゴリー一覧

    All Aboutサービス・メディア

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