gallery

Sencha Animatorを使用して制作した文字のアニメーションです。

文字アニメーション
作品の解説

Sencha Animatorの公式サイトにあったサンプルアニメーションの文字を変えて制作しました。

制作したアニメーションはCSS3、HTML、javascriptに変換して書き出しができるので、簡単にサイトへ埋め込むことができます。

手順
  • 歯車を右回転と左回転を作成する。
  • 二つの歯車を合わせてながら文字を作成する。
  • 一文字ずつグループ化させる。
  • 文字全部をまとめるグループを作成する。
  • 4でまとめたグループを移動、回転、縮小させてモーションをつける。
使用ソフト

Sencha Animator

備考

IEでは動作の確認ができない作品です。
動作を確認する場合は、Chrome、Safari、Firefoxブラウザでご確認ください。