Edge Animateの使い方

Edge Animateのビデオを作ってみました。今回は機能紹介とかではなくて、ゼロから(厳密に言うとPSDから)アニメーションのあるHTML5サイトを制作する方法を紹介します。

ビデオのトピックスは:

  • デザインのPSDから「Generator」を使って画像アセットの書き出し
  • Edge Animateで画面サイズに合わせるレスポンシブなレイアウト作り
  • アニメーションの作りと調整(イージングなど)
  • パブリッシュされるHTMLの使い方、パブリッシュ設定
  • 非対応ブラウザで表示されるポスター画像、プリロードアニメ
  • ソースコードの話など

と言う感じです。質問などがあればコメントください!