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. dynamic-slide

    映画的表現のスライドショー(Adobe Muse)

    サードパーティウィジェット「Dynamic Slide」Widgetを利用することで、数枚の写真…

  2. animate-sample07

    ステージ上を水平方向にアニメーション(Adobe Animate…

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

  3. kishioka-design_sample001_01

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

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

  4. landing-page05

    Adobe Museならスピードアップ&コストダウン。

    Adobe Museならスピードアップ&コストダウン。 from yasuo kishioka …

  5. cinch-slidshow

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

    サードパーティウィジェット「Cinch Slideshow」Widgetを利用することで、レスポ…

  6. particles

    写真に重ねた素材に動きを付けて魅力アップ(Adobe Muse)…

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

  7. animated-buttons

    ボタンにアニメーションを付けてワンポイント(Adobe Muse…

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

  8. search-essentials02

    サイト内検索機能(Adobe Muse)

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

PAGE TOP