menu

74種類のテキストアニメーションをAdobe Museで表現(Adobe Muse)

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

「Animated Text」Widgetを利用することで、
複雑なプログラムを組み込むことなく、
テキストに74種類のアニメーションを表現することができます。

<操作方法>
1.
「Animated Text – Add First」を画面上に配置
これは初期動作のプログラムのみですので配置場所に指定はありません
2.
ページを開いて直ぐに動作させる場合は「Animated Text – On Load」
動作させる箇所がページの下部にある場合は「Animated Text – On Scroll」
どちらかを動作させたい場所に配置
3.
設定画面を開き、
 ・テキストを入力
 ・テキストのサイズ、色、間隔、行間を設定
 ・オプションで自動・手動、一度・無限を選択
 ・最後にテキスト表示前と表示後のアニメーションを選択

これだけで複雑なプログラムやソフトを使わずに
テキストアニメーションを表現することができます。

▽サンプル
live-preview

※1ページに複数のコンテンツを掲載しているので読み込みに時間が掛かり、動作不安定な時があります。

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

text-and-particleテキストとパーティクル(After Effects)

table-connect01動的な機能を備えたテーブルの作成(Adobe Muse)

関連記事

  1. animate-svg03

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

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

  2. sidebar-connect02

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

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

  3. bigmenu03

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

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

  4. video-player01

    デザイン優先、5種類のビデオプレーヤー(Adobe Muse)

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

  5. lightbox01

    2タイプのライトボックスギャラリー(Adobe Muse)

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

  6. animated-toast-notification_02

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

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

  7. fullscreen-slideshow-cover01

    Webサイト全体をフルスクリーンスライドショーで魅せる(Adob…

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

  8. trace-animator

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

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

PAGE TOP