Adobe Edge Animate用にファイルを書き出せるFireworks拡張

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でつける、というワークフロー自体は悪くない感じがしますね!

さすがにサポートしているオブジェクトは決まっているようなので、もう少し使い込んでみたいと思います。

  • このエントリーをはてなブックマークに追加

この記事を読んだ人にオススメ