問題

Adobe Digital Publishing Suite(ADPS)はアニメーションをサポートしていません。

理由

InDesign CS5 / CS5.5のアニメーション機能はFLASHテクノロジーを利用しています。

解決方法

この問題は、現在はADPSの仕様です。対応するバージョンをお待ち下さい。

または、Adobe Wallaby (Technology Preview)を利用した実験的な方法があります。Wallabyは完成した製品ではありません。テクノロジーを理解し、挑戦してください。

 
  1. Wallabyをインストールします。下記のAdobe LabsにあるWallabyのページへ移動します。[Download the Wallaby Preview]をクリックして指示に従います。

    http://labs.adobe.com/technologies/wallaby/
  2. InDesign CS5 / CS5.5を起動してFOLIOの記事となるInDesign書類を作成します。(サンプルファイル ADPS_animation_sample.inddを開きます。サンプルファイル ADPS_animation_sample.zip



     
  3. InDesign書類にはアニメーションを配置するためのフレームを用意します。(フレームのサイズはW: 700px, H: 250pxにしています。)
  4.  アニメーションを用意します(サンプルファイル 399.inddを開きます)。新規書類をフレームと同じサイズで作成します(ここでは700px X 250px)



    (このサンプルでは、プリセット:フライイン(左から)を利用します。)



     
  5. ファイルメニューから書き出しを選択します。ファイルの種類に[Flash CS5 Professional (FLA)]を選択し、保存を押します。
  6. 書き出しの設定で[すべてのページ]を選択します。テキストについては互換性を考慮して[アウトラインに変換]を選択します。



     
  7. Wallabyを起動します。[Browse...]ボタンを押して書き出したFLAファイルを選択します。



     
  8. [Convert]ボタンを押しててHTMLファイルに変換します。5つのファイルとフォルダーが一つ、作成されます。

  9. Wallabyから書きだしたアニメーションはループが設定されています。再生回数を1に設定します。CSSファイルをテキストエディタで開きます(ここでは399.cssをメモ帳で開きます)。
    1. 399.cssを右クリックします。
    2. プログラムから開く > メモ帳
    3. 編集 / 置換...
    4. 検索する文字列に infinite、置換後の文字列に1を入力して、[すべて置換]を押します。

    5. ファイル / 保存
  10. FOLIOの記事となるInDesign書類を開きます(ここではADPS_animation_sample.indd)。フレームを選択して、Overlay Creatorパネルを表示します。
  11. Web コンテンツを選択します。フォルダーアイコンをクリックしてWallabyが書きだしたHTMLファイルを選択します。

  12. Folio Builderパネルを開き、サインインします。Folioを作成します。作成方法に付いては下記を参考にします。
  13. iPadのContent Viewerを起動します。サインインします(Folio BuilderでサインインしたAdobe IDを利用します)。作成したFolioをダウンロードして再生します。

追加情報

WindowsやMac OS XのContent ViewerではHTML5コンテンツを再生できません。アニメーションのプレビューはiPadのContent Viewerで行います。

このTechNoteはADPSのユーザーガイドにある「新聞記事の見出しをアニメーション表示する方法の解説(英語のみ)」を参考にしました。

Folioの記事を更新してもWebコンテンツでリンクしたHTMLファイルが更新されないことがあります。更新の際には手順7でHTMLファイル名を変更します。続けて手順8以降を行います。

 

本作品は Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License によってライセンス許可を受けています。  Twitter™ および Facebook の投稿には、Creative Commons の規約内容は適用されません。

法律上の注意   |   プライバシーポリシー