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-sample02

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

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

  2. interactive-particles

    マウス操作で粒子が飛び散るインパクト表現(Adobe Muse)…

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

  3. bigmenu03

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

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

  4. musexpress09

    MuseとWordPressの連携(その3/Adobe Muse…

    Adobe MuseとWordPressを連携させたサイトの制作に挑戦。「MusexPress」…

  5. versaslide_img01

    ページスライドアニメーション(Adobe Muse)

    サードパーティウィジェットの「Versa Slide」Widgetを利用することで、フルスクリー…

  6. modal-pop-up

    モーダルポップアップ通知(Adobe Muse)

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

  7. animateall

    最大3つまでの連続アニメーション(Adobe Muse)

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

  8. simple-and-sweet-on-scroll-animations

    26種類のスクロールアニメーション(Adobe Muse)

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

PAGE TOP