サイトアイコン jittodesign blog

Edge AnimateのアニメーションをInDesign CC2015で使う

Edge Animateでアニメーションを作成

Edge Animateはほとんど使ったことがないので、手探りです。とりあえず適当にアニメーションを設定しました。

oamファイルを書き出す

ファイルメニューのパブリッシュ設定を選びます。

パブリッシュ設定のウインドウが開くので、「Animate デプロイメントパッケージ」を選んで、左下のパブリッシュをクリックします。

Adobe Edge Animate コンポジション(.oam)ファイルが書き出されました。

InDesignへ配置

画像を配置するのと同様に、ファイルメニューから「配置」を選びます。

先ほど書き出したOAMファイルを選びます。

画像と同じように配置されるので、位置を合わせます。後からカラーを変更したのですが、ポスター画像が更新されません。気にせず続けます。

Publish Onlineでの再現

準備が出来たので、Publish Onlineにアップロードします。ちゃんとアニメーションが再現されました。Adobe Edge Animateが使いこなせるようになれば、InDesignのアニメーションパネルで設定するよりも表現できることが広がりそうです。

固定レイアウトEPUBへの利用

InDesign CC2015の同ドキュメントから固定レイアウトEPUBに書き出してみましたが、Adobe Digital Editions(Mac版)、Apple iBooks(Mac版)ともにちゃんとアニメーションが再現されました。

Adobe Digital Editions(Mac版)での再現

iBooks(Mac版)での再現

Adobe MuseとAdobe Edge Animateはやらないとダメですね。

境祐司さんのムービー観ながら、がんばりたいと思います。
eBook Strategy Magazine http://design-zero.tv/esm/

[amazonjs asin=”B00FOHQZPI” locale=”JP” title=”Adobe Creative Cloud2015年度版12か月版 Windows/Mac対応 オンラインコード”]
モバイルバージョンを終了