Flash/ActionScript

月齢カレンダーを作成(3ページ目)

幻想的な月の満ち欠けをリアルなアニメーションで表現し、Actionscriptを使用して今日の月の姿を表示する月齢カレンダーを作成します。

執筆者:渡辺 大介

光を利用して美しさを強調する

作成した月の満ち欠けのアニメーションを更に美しくするために演出を加えます。

キーフレームを作成
1. レイヤー「moon」の150フレームにキーフレームを作成します。

明るさを上げる
2. 3フレーム目にあるグラフィックシンボル「moon」を選択し、「明るさ:50%」を指定します。

モーショントゥイーンを作成
3. レイヤー「moon」の3~150フレームの間にモーショントゥイーンを作成します。
ムービープレビューを行い違いを確かめてください。オリジナルの物より暗いところから明るい三日月が登場するコントラストにより、新月からの登場感が増して美しくなったと思います。

レイヤーを作成
4. レイヤー「moon」の下にレイヤー「shadow」を作成します。

中央に配置
5. レイヤー「shadow」の2フレーム目にキーフレームを作成し、グラフィックシンボル「moon」を中央に配置します。

明度を下げる
6. 配置したグラフィックシンボル「moon」の明度を「-80%」に設定してください。

明度を完全に下げる
7. レイヤー「shadow」の151フレーム目にキーフレームを作成します。ここでグラフィックシンボル「moon」の明度を「-100%」に指定します。

モーショントゥイーンを作成
8. レイヤー「shadow」の291フレーム目にキーフレームを作成します。ここでグラフィックシンボル「moon」の明度を「-80%」に指定します。
2~151フレームの間、151フレームから291フレームの間にモーショントゥイーンを設定します。

再びムービープレビューを行ってください。新月の日にはうっすらと月の影が見え、満月に向うにつれ闇に消えていく表現が追加されました。
このうっすらとした月の影が月の明るさを引き立てるスイカの塩のような効果を出します。

こうしたひと手間で、更に美しくなることがわかりましたね。

次のページでは今日の月の満ち欠けを表示するActionscriptを記述していきます。
  • 前のページへ
  • 1
  • 2
  • 3
  • 4
  • 5
  • 次のページへ

あわせて読みたい

あなたにオススメ

    表示について

    カテゴリー一覧

    All Aboutサービス・メディア

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