スポンサー


    ウェブデザイン基礎講座

    フォトショップ講座

    HTML&CSS講座

    グラフィック講座

    Flash講座

    3D講座

    ウェブプログラミング講座

    サイトメンテナンス講座

    サイト紹介

    スペシャルリンク

サイト内検索

 メールマガジン

テクニック

HomeFlash講座 > 回転する屋外広告の作り方

回転する屋外広告の作り方

投稿日:2009年09月15日   レベル:初心者    ソフトウェア:Flash

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

Step1:はじめに

これが元となる画像です。
ニューヨークのタイムズスクエアです。

元となる画像

背景のレイヤーをロックし、新しいレイヤーを追加して下さい。
広告の上に四角を描いて下さい。

はじめに

さらにもうひとつレイヤーを追加し、そのレイヤーの名前を「ボード」にします。
広告の画像を挿入し、下のようにそれらを配置して下さい。
最初の画像が最後の画像にもなります。

はじめに

全ての画像を選択し、それらをムービークリップに変換して下さい。

ムービークリップに変換



Step2:広告を配置する

最初に描いた白い四角の下へ、先ほど描いた広告を配置して下さい。

広告を配置する

白い四角のあるレイヤーを選択し、それをマスクにして下さい。

マスク

タイムラインはこのようになっているはずです。

タイムライン





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

今、描いた広告は隠されていて、見えているのは最初の広告だけです。
これでほとんど終わっています。
あとは広告のアニメーションを設定するだけです。

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

「ボード」レイヤーのロックをはずし、広告のムービークリップに入ってください。

1番目の広告

新しいフレームを追加し、1つの広告の高さの分だけ、すべての広告を上に移動させてください。

2番目の広告

同じ処理をもう一度行ってください。
今、3番目の広告が真ん中にあります。

3番目の広告

そして最後の広告です。

最後の広告

同様に続けます。

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



Step4:完成

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


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



スポンサードリンク

コメント

ランダム記事5件

2016年5月の人気記事ランキング