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