Adobe Edge Animate用にファイルを書き出せるFireworks拡張
風邪をすっ飛ばして肺炎という診断をくだされて、3日間ほど寝込んでいたminamiです。皆さんも気をつけて！
AdobeからWebサイト構築ツール&サービス「Edge Tools & Services」が発表されました。
その中のHTML5／CSS3／JavaScriptベースでアニメーションを作成できるEdge Animateというツールに、Fireworksで連携できてしまう拡張をご紹介します。
上記拡張をインストールします。FW CS5でも問題なく動作しました。
Fireworks上で適当な矩形と文言をレイアウトします。
- コマンド > Edge Animate > Export Edge
が拡張によって追加されているので、選択します。
プロジェクトファイルを出力するフォルダを指定します。
フォルダに自動的にEdge Animateで必要なファイルが書きだされました！
このなかの .anファイルをEdge Animateで開いてみると・・・
FireworksでレイアウトしたとおりにEdge Animateで再現されました！文字もきちんと編集可能な状態になっています。
まとめ
Edge Animate自体の使い勝手も未知数ですが、レイアウトを使い慣れたFireworksで行なってアニメーションをEdge Animateでつける、というワークフロー自体は悪くない感じがしますね！
さすがにサポートしているオブジェクトは決まっているようなので、もう少し使い込んでみたいと思います。
