このチュートリアルでは、Flashで回転する屋外広告を作ってみたいと思います。

• Step1 ： はじめに
  
• Step2 ： 広告を配置する
  
• Step3 ： 広告のアニメーションを設定する
  
• Step4 ： 完成
  

Step1：はじめに

これが元となる画像です。
ニューヨークのタイムズスクエアです。
[You must be registered and logged in to see this image.]
背景のレイヤーをロックし、新しいレイヤーを追加して下さい。
広告の上に四角を描いて下さい。
[You must be registered and logged in to see this image.]
さらにもうひとつレイヤーを追加し、そのレイヤーの名前を「ボード」にします。
広告の画像を挿入し、下のようにそれらを配置して下さい。
最初の画像が最後の画像にもなります。
[You must be registered and logged in to see this image.]
全ての画像を選択し、それらをムービークリップに変換して下さい。
[You must be registered and logged in to see this image.]



Step2：広告を配置する

最初に描いた白い四角の下へ、先ほど描いた広告を配置して下さい。
[You must be registered and logged in to see this image.]
白い四角のあるレイヤーを選択し、それをマスクにして下さい。
[You must be registered and logged in to see this image.]
タイムラインはこのようになっているはずです。
[You must be registered and logged in to see this image.]







Step3：広告のアニメーションを設定する

今、描いた広告は隠されていて、見えているのは最初の広告だけです。
これでほとんど終わっています。
あとは広告のアニメーションを設定するだけです。
[You must be registered and logged in to see this image.]
「ボード｣レイヤーのロックをはずし、広告のムービークリップに入ってください。
[You must be registered and logged in to see this image.]
新しいフレームを追加し、1つの広告の高さの分だけ、すべての広告を上に移動させてください。
[You must be registered and logged in to see this image.]
同じ処理をもう一度行ってください。
今、3番目の広告が真ん中にあります。
[You must be registered and logged in to see this image.]
そして最後の広告です。
[You must be registered and logged in to see this image.]
同様に続けます。
[You must be registered and logged in to see this image.]



Step4：完成

以上です。
出来上がったものをもう一度見てみましょう。









引用:Web Design Library　著者:www.stutorials.com　翻訳:日下部]