ウェブデザイン基礎講座

    フォトショップ講座

    HTML&CSS講座

    グラフィック講座

    Flash講座

    3D講座

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

    サイトメンテナンス講座

    サイト紹介

    スペシャルリンク

サイト内検索

 メールマガジン

テンプレートモンスター
ホームページテンプレート

Free Templates Online JP
無料ホームページテンプレート
Free Templates Online JP

株式会社ネットオン
採用Webマーケティング
indeed広告代理店

海外 SEO対策 トラッキングツール
海外 SEO対策
ランキングチェックツール

Rank Tracker

テクニック

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

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

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

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

Step1:はじめに

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

元となる画像

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

はじめに

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

はじめに

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

ムービークリップに変換



Step2:広告を配置する

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

広告を配置する

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

マスク

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

タイムライン





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

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

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

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

1番目の広告

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

2番目の広告

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

3番目の広告

そして最後の広告です。

最後の広告

同様に続けます。

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



Step4:完成

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


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



スポンサードリンク

コメント

ランダム記事5件

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