menu

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

【Adobe Muse】の機能を利用したコンテンツを紹介しています。
サードパーティウィジェット「Tooltips」Widgetを利用すると、
イメージに対して、マウスオーバーもしくはクリックによって、
ツールチップを表示させることが可能になります。
単に表示させるだけでなく、アニメーションによる演出ができます。

<設定パネル>
・Tooltip Message:ツールチップに表示させるメッセージ。
・Font Family:フォントの指定。
・Tooltip Position:ツールチップを表示させる位置。上、下、右、左から選択。
・Intraction:ツールチップの起動アクション。マウスオーバーかクリックを選択。
・Animation Style:アニメーションをShift、Perspective、Fade、Scaleから選択。
・Animation Duration:アニメーションが完了するまでの時間。
・Animation Delay:ツールチップの起動開始までの時間。
・Theme:ツールチップの色をダークとライトから選択。
・Size:ツールチップの大きさを大、中、小から選択。

▽サンプル
live-preview

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

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

animator01130種類以上の中からアニメーションを選択(Adobe Muse CC)

関連記事

  1. animate-sample02

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

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

  2. jotform01

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

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

  3. table-maker

    表組の作成(Adobe Muse)

    サードパーティウィジェット「Table Maker」Widgetを利用することで、表組作成機能の…

  4. particles

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

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

  5. 360viewer01

    360°ビューア(Adobe Muse)

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

  6. muse-samplesite03-03

    Animate CC+Muse CCでスクロール効果を使ったアニ…

    iMac Proの紹介ページにあるブラウザのスクロールに合わせて横向きのiMacが正面を向くアニ…

  7. document-viewer01

    さまざまなドキュメントをサイトに直接表示(Adobe Muse …

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

  8. image-shapes-a-01-2

    ポリゴンの数値による画像のモーフィング(Adobe Muse)

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

Adobe Muse

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

My Portfolio

kishioka-design.myportfolio.com
PAGE TOP