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. kishioka-design_sample001_01

    サンプルブログ001の制作(MusexPress3.x)

    ※2017年6月8日ブレークポイントを追加してのレスポンシブ対応を試みたのですがエラー発生。…

  2. sidebar-connect02

    強力サイドバーナビゲーションシステム(Adobe Muse)

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

  3. carousel-gallery

    メリーゴーランドギャラリー(Adobe Muse)

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

  4. superhero-slider04

    最大20枚設置可能のフルスクリーンスライドショー(Adobe M…

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

  5. fluidslider01

    レスポンシブ対応スライドショー(Adobe Muse)

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

  6. muse-Introduction2-5

    Adobe Muse CCならブラウザ上から更新可能。 (Ado…

    Adobe Muse CCならブラウザ上から更新可能。 (Adobe Muse) from ya…

  7. svgdraw2018

    SVGドローアニメーション(Adobe Muse CC)

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

  8. slanted-panels-01

    斜めのラインとスクロール効果を使う流行のデザインも簡単に表現可能…

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

PAGE TOP