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. table-maker

    表組の作成(Adobe Muse)

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

  2. musexpress3_18

    Dynamic Menuの設置(MusexPress3)

    『Adobe Muse』と『MusexPress3』を組み合わせることでコーディング作業なしにW…

  3. musexpress3_07

    インストールから公開まで(MusexPress3)

    『Adobe Muse』と『MusexPress3』を組み合わせることでコーディング作業なしにW…

  4. animate-sample09

    マウスの動きを追いかけるムービークリップに減速効果(Adobe …

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

  5. scroll-bar

    スクロールバー(Adobe Muse)

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

  6. animate-sample02

    <HTML5 Canvas>仕様で可能な事を調べています。(その…

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

  7. fullscreen-video-slideshow-cover

    フルスクリーンビデオスライドショー(Adobe Muse)

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

  8. animated-toast-notification_02

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

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

PAGE TOP