multiscroll01

Adobe Muse CCを使ったホームページ制作

左右の画面を逆スクロールで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)前のページ

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

関連記事

  1. superhero01

    Adobe Muse CCを使ったホームページ制作

    ブラウザ天地に自動調整フルスクリーンイメージ(Adobe Muse)

    【Adobe Muse】の機能を利用したコンテンツを紹介しています。…

  2. text-animations

    Adobe Muse CCを使ったホームページ制作

    13種類のテキストアニメーション(Adobe Muse)

    サードパーティウィジェット「Text Animations」Widge…

  3. musexpress3_01
  4. fullscreen-slideshow-cover01
  5. animated-rollovers

    Adobe Muse CCを使ったホームページ制作

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

    サードパーティウィジェット「Animated Image Rollov…

  6. animate-sample01
  1. text-animations

    Adobe Muse CCを使ったホームページ制作

    13種類のテキストアニメーション(Adobe Muse)
  2. filmora038-01

    Filmora

    旅の素敵な動画を飾る4種類のフィルター(Filmora)
  3. musexpress09

    Adobe Muse CCを使ったホームページ制作

    MuseとWordPressの連携(その3/Adobe Muse)
  4. webflow008-01

    STUDY

    リッチテキストの使用(webflow)
  5. uiface-05

    Adobe XD

    プロフィール画像のダミーを自動生成(Adobe XD/UI Faces)
PAGE TOP