本日のFlash

モデルルーム|modelroom

室内イメージをクロスフェードしながらループ再生
サムネールのボタンをクリックすると
その室内の写真が表示されます

  1. 6枚の写真を用意
  2. メイン写真は「600px×400px」、サムネール写真は「100px×47px」にトリミング
  3. 各写真に「リビング・キッチン・寝室・洗面所・浴室・クローゼット」の文字を配置
  4. フレームは「700px×570px」で作成して「モデルルーム」と文字を配置
  5. .JPGデータで保存して、ライブラリーに読み込みします
  6. シンボルに変換後(ムービークリック)、タイムラインに配置して、キーフレームを挿入
  7. メイン写真は「1・7・26・36フレーム」に「アルファ:70%・100%・40%・0%」を設定
  8. サムネール写真は「1・7・26・36フレーム」に「アルファ:70%・100%・100%・35%」を設定
  9. 消えながら次の写真へ変化させるためにキーフレームを少しずつ重なり合うように時間軸をずらします
  10. ボタンはサムネール写真をボタンシンボルに変換して、「アップ・オーバー・ダウン」に各写真を配置
  11. ループ再生中に、ボタンをクリックするとその室内イメージが表示されるようにするために、メイン写真のタイムラインにフレームラベル名を設定
  12. ボタンにActionScriptを記述
    on(release) {
    gotoAndStop("フレームラベル名");
    }


作業時間:2時間30分


■しろうさぎの作品
一人前のwebデザイナーになるために|webnotebook」にアップ中!!