jittodesign blog

デザインやグラフィックソフト、カメラなどに関するブログです。

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

約3分

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

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

Edge Animate CCScreenSnapz001

oamファイルを書き出す

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

Edge Animate CCScreenSnapz002

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

Edge Animate CCScreenSnapz003

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

FinderScreenSnapz001

InDesignへ配置

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

InDesign CCScreenSnapz001

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

InDesign CCScreenSnapz002

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

InDesign CCScreenSnapz003

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対応 オンラインコード”]
Pocket
LINEで送る

コメント

*
*
* (公開されません)

Share / Subscribe
Facebook Likes
Tweets
Hatena Bookmarks
Pinterest
Pocket
Evernote
Feedly
Send to LINE