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. bigmenu03

    フルスクリーンメニューが11種(Adobe Muse)

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

  2. musexpress2-01

    MusexPress 2.0/近日公開

    Chromeで翻訳されたものを書き出しています。なんとな〜く意味しているものは読み取れると思いま…

  3. mapbox-custom-maps2-01

    視覚的に美しいMapの掲載(Adobe Muse)

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

  4. presentation-panels

    フルスクリーンスクロール(Adobe Muse)

    サードパーティウィジェット「Presentation Panels」Widgetを利用することで、…

  5. dynamic-copyright

    コピーライトの年号を自動で変更(Adobe Muse)

    【Adobe Muse】の機能を利用したコンテンツを紹介しています。コピーライトに年号を使用…

  6. animated-intro-001

    イメージ上のテキストにアニメーションを(Adobe Muse C…

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

  7. dynamic-slide

    映画的表現のスライドショー(Adobe Muse)

    サードパーティウィジェット「Dynamic Slide」Widgetを利用することで、数枚の写真…

  8. animate-sample05

    クリックしてテキストを表示(Adobe Animate CC)

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

PAGE TOP