マウスオーバー効果の作成方法

更新日

ボタンのgifファイルを使って、マウスオーバー効果を作り出すことができます。

ステップ1:以下の仕様でボタンのgifを作成する

・最初のフレームは、マウスオーバーする前のデザイン
・次のフレームはマウスオーバーしている間のデザイン
・マウスオーバー中の部分は、少なくとも視聴者がボタンの上をマウスオーバーすると思われる時間だけ長くしてください。
・サイズは 3.5MB 以下でgifファイルとしてエクスポートしてください。

ステップ2:画像インタラクションを使って、ボタンをインタラクティブ動画に追加してください。

ステップ3:【スタイル】タブで【マウスオーダー時にGIF再生】を選択してください。

gifの仕組み

gifの最初のフレームは、視聴者がボタンの上にマウスを置くまで表示されます。その後、gifの再生が始まります。そのため、十分な長さを確保する必要があります。