menu

音楽とマウスでビジュアルを操作(Adobe Muse CC)

【Adobe Muse】の機能を利用したコンテンツを紹介しています。
サードパーティウィジェット「Audio Visualizer Set」Widgetは、
5つのカスタマイズ可能なビジュアルを音楽とマウスの操作によって、
面白い効果を画面一杯に表現することが出来るようになります。

※音源は「フリーBGM(音楽素材)無料ダウンロードDOVA-SYNDROME」のものを使用しています。
https://dova-s.jp
※ Internet Explorerはオーディオビジュアライザをサポートしていません。
※レスポンシブ対応

▽サンプル1
・デフォルト設定のまま音楽を付けています。
live-preview

▽サンプル2
・各ビジュアルの設定を変化させ、音楽のストップ&プレイボタンを設置しています。音楽も差し替えています。
live-preview

▽サンプル3
・1〜3はページ内にテキストと写真を掲載。4と5は別のWidgetを組み合わせて使用。
live-preview

▷Adobe Museでホームページの制作/岸岡デザイン事務所
http://y-kishioka.com

▷Movie Web Magazine/KISHIOKA.DESIGN
http://kishioka.design

webflow002-01スライドショーの設置(webflow)

webflow003-01基本要素の設置(webflow)

関連記事

  1. absolute-muse-menu2-11

    カスタマイズ豊富なハンバーガーメニュー(Adobe Muse)

    【Adobe Muse】の機能を利用したコンテンツを紹介しています。サードパーティウィジェット「…

  2. animateall

    最大3つまでの連続アニメーション(Adobe Muse)

    【Adobe Muse】の機能を利用したコンテンツを紹介しています。サードパーティウィジェッ…

  3. bubble-background01

    画面背景にバブルアニメーション(Adobe Muse CC)

    【Adobe Muse】の機能を利用したコンテンツを紹介しています。サードパーティウィジェット「…

  4. rapidreveal01

    アコーディオン方式で展開させるイメージギャラリー(Adobe M…

    【Adobe Muse】の機能を利用したコンテンツを紹介しています。サードパーティウィジェッ…

  5. animate-sample11

    ステージをクリックする度にムービークリップが置き換わります(Ad…

    ◎HTML5 CanvasではFlashプラグインを使用せずにインタラクティブコンテンツの表現を…

  6. slides-presentations01

    スライドショーでプレゼンテーション(Adobe Muse CC)…

    【Adobe Muse】の機能を利用したコンテンツを紹介しています。サードパーティウィジェット「…

  7. table-maker

    表組の作成(Adobe Muse)

    サードパーティウィジェット「Table Maker」Widgetを利用することで、表組作成機能の…

  8. trace-animator

    トレースアニメーション(Adobe Muse)

    【Adobe Muse】の機能を利用したコンテンツを紹介しています。サードパーティウィジェッ…

PAGE TOP