menu

左右の画面を逆スクロールで1枚に合成(Adobe Muse CC)

【Adobe Muse】の機能を利用したコンテンツを紹介しています。
サードパーティウィジェット「MultiScroll」Widgetを利用すると、
ページコンテンツを左右逆方向にスクロールさせることで1枚の画として魅せることで、
フルスクリーンのプレゼンテーションとして活用できます。
しかし、今の所、3ページのみの構成であることとスマホ非対応です。
今後のバージョンアップに期待したいところです。

◎サンプルコンテンツでは1600×800のサイズで1枚の画像を作り、
800×800のサイズで左右2枚の画像に分けて書き出します。
◎ステートボタンの背景にそれぞれ「右寄せ」「左寄せ」「全体に拡大・縮小」の設定で
スライド後にピタッと合うようになります。

▽サンプル
live-preview

「MultiScroll」Widgetについての詳細はコチラ(外部サイト)

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

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

jotform01Museでも高機能なフォームを(Adobe Muse CC)

tooltips02ツールチップをアニメーションで演出(Adobe Muse CC)

関連記事

  1. dynamic-copyright

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

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

  2. svgdraww

    テキストの描写をアニメーション表現(Adobe Muse)

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

  3. animated-rollovers

    イメージロールオーバー(Adobe Muse)

    サードパーティウィジェット「Animated Image Rollovers」Widgetを利用する…

  4. image-shapes-b-01

    ポリゴンの数値による画像のモーフィングPart2(Adobe M…

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

  5. kishioka-design_sample001_01

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

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

  6. muse-sample05-1

    スクロールでスライドショーを動かす(Adobe Muse)

    スクロール効果を使って動的な表現の提案(1)ウィジェットライブラリの【スライドショー】とスクロー…

  7. audio-visualizer-set01

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

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

  8. sunder-gallery-01

    演出効果に優れたカード型レイアウトを簡単に。(Adobe Mus…

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

PAGE TOP