Issuu on Google+

制作編

A

付録

Adobe Digital Publishing Suite から iPhone アプリ

1  Adobe Digital Publishing Suite の概要

02

2  Adobe Digital Publishing Suite の概要

06

01


制作編

A

01

InDesign から EPUB

02 Kindle for InDesign

03

EPUB の オーサリング

04

InDesign から PDF

05

Pages から EPUB

Adobe Digital Publishing Suite から iPhone アプリ

1

Adobe Digital Publishing Suite の 概要

2010年11月末、 Adobe Labs で 公開になった、 Adobe InDesign CS5 を 使ったデジタルマガジン 制作用のツール『 Adobe Digital Publishing

Suite(本書では、以下 ADPS と 略す )』の 利用について 紹介していく。

□制作の 流れ   Adobe Labs( http://labs.adobe.com/ )に お い て『 Adobe Digital

Publishing Suite』という 新 しいソリューションが 公開 になった 。これは 、 Adobe が 提供 す る デ ジ タ ル マ ガ ジ ン 用 の ツ ー ル で 、 InDesign CS5 で 作成 し た ド キ ュ メ ン ト を Apple iPad や Samsung Galaxy、 Blackberry

PlayBook な ど( Android ベ ー ス の タ ブ レ ッ ト 機器 に も 対応予定 )で 閲 覧可能 な フ ァ イ ル に 書 き 出 す た め の ツ ー ル だ 。一時、話題 に な っ た 『 WIRED Magazine 』や『 InDesign Magazine 』もこのツールを 用 いて 制 作 されている 。現在、ベータ 版 として 公開 されているので 、ぜひ 試 して いただきたいが 、簡単 にその 概要 を iPad を 例 に 解説 しておこう 。

  ま ず 、 iPad に は「 Adobe Content Viewer 」を イ ン ス ト ー ル し て お く 。 こ れ は 、 App Store よ り 無 償 で ダ ウ ン ロ ー ド 可 能 の ア プ リ ケ ー ションで 、 iPad 用 に 書 き 出 したコンテンツを 表示 させるためのビュー ワ ー と な っ て い る 。 あ ら か じ め ダ ウ ン ロ ー ド し て 、 iPad に イ ン ス ト ー ル し て お く 必要 が あ る わ け だ 。 つ ぎ に 、 「 Adobe Interactive Overlay

Creator 」と「 Adobe Digital Content Bundler 」と い う 2 つ の AIR ア プ リ と、 「 Digital Publishing InDesign Plugin.zxp 」と い う InDesign 用 の

機能拡張 ファイルも 自分 のマシンにインストールしておく( マシンには

Adobe AIR 2.x がインストールされている 必要 ある )。  

02


制作編

01

InDesign から EPUB

02 Kindle for InDesign

03

EPUB の オーサリング

04

InDesign から PDF

05

Pages から EPUB

 実際 の 作業 では 、まず InDesign CS5 でドキュメントを 作成 しておく 。 こ の 時、注意 し た い の が 縦 と 横 の ド キ ュ メ ン ト を そ れ ぞ れ 作 っ て お く と い う こ と 。 そ う し て お か な い と 、 iPad の 向 き を 変 え た 時 に 、表示 の

方向 を 切 り 替 えることができない( ただし 、縦横 で 表示 を 切 り 替 えない の で あ れ ば 、縦横 い ず れ か の ド キ ュ メ ン ト だ け で か ま わ な い ) 。 ま た、 ド キ ュ メ ン ト サ イ ズ に も 注意 が 必要。新規 で 作成 す る 場合 に は 、 iPad の 液晶 サ イ ズ で あ る 768×1024pixel の Web モ ー ド( RGB )で ド キ ュ メ ントを 作成 するのがベストだが 、すでに 印刷用 に 作成 したドキュメント がある 場合 には 、 このサイズでなくてもかまわない 。 ただし 、縦 と 横 の

比率 は 3:4 としておかないと 書 き 出 した 際 に 問題 がおきるので 、「 レイ アウト 調整」などの 機能 を 利用 してドキュメントサイズを 調整 するなど しておこう 。

  次 に 、 イ ン タ ラ ク テ ィ ブ な 効 果 を 設 定 す る た め に 、「 Adobe

Interactive Overlay Creator 」を 起動 する 。 ムービーやパノラマといっ た イ ン タ ラ ク テ ィ ブ な 機能 は 、 こ の ア プ リ ケ ー シ ョ ン 上 で 設定 し 、最

終的 に SWF フ ァ イ ル と し て 書 き 出 す の だ( た だ し 、 ス ラ イ ド シ ョ ー と ハ イ パ ー リ ン ク の み は 、 InDesign 上 の 機能 を 使用 し て 指定 す る ) 。こ の 書 き 出 した SWF ファイルを InDesign ドキュメントに 配置 し 、 「 Adobe

Digital Content Bundler 」と い う ア プ リ ケ ー シ ョ ン を 使 っ て 、 iPad 用 に「 issue 」ファイルを 書 き 出 せばできあがり 。 あとは 、 このファイルを

「 Adobe Content Viewer 」に 読 みこませれば 、 iPad で 表示 できるとい う 流 れになっている 。 なお 、ここでは 触 れないが 、ファイル 構造 やファ イ ル 名 に も 色々 と ル ー ル が あ る 。 ル ー ル 通 り に 作成 し て い な い と 、 エ ラーが 出 て 書 き 出 せないので 注意 しよう(※ アップデートなどによって

内容 が 変 わる 可能性 も 高 い )。

03


制作編

01

InDesign から EPUB

02 Kindle for InDesign

03

EPUB の オーサリング

04

InDesign から PDF

05

Pages から EPUB

ツールの 準備 ● Adobe Content Viewer 「 Adobe Content Viewer 」は 、「 issue 」フ ァ イ ル を 読 み 込 ん で 表 示 さ せ る た め の ビ ュ ー ワ ー だ 。 App Store( http://itunes.apple.com/

jp/app/adobe-digital-content-preview/id389067418?mt=8&ignmpt=uo%3D4 )より 無償 でダウンロード 可能。

《図1 》App Store に 公開 された「 Adobe Content Viewer 」

● インストールするファイル   デ ジ タ ル マ ガ ジ ン( .issue )を 作成 す る た め に は 、 ア プ リ ケ ー シ ョ ン「 Adobe Interactive Overlay Creator 」と「 Adobe Digital Content

Bundler 」を イ ン ス ト ー ル し 、 さ ら に 機 能 拡 張 フ ァ イ ル「 Digital  

04


制作編

01

InDesign から EPUB

02 Kindle for InDesign

03

EPUB の オーサリング

04

InDesign から PDF

05

Pages から EPUB

Publishing InDesign.zxp 」を InDesign に イ ン ス ト ー ル し て お く 必要 が ある 。

《図2 》Adobe か ら 提供 さ れ た フ ァ イ ル 。 2 つ の AIR ア プ リと 1 つの 機能拡張 ファイルが 必要

05


制作編

A

01

InDesign から EPUB

02 Kindle for InDesign

03

EPUB の オーサリング

04

InDesign から PDF

05

Pages から EPUB

Adobe Digital Publishing Suite から iPhone アプリ

2

Adobe Digital Publishing Suite の 概要

2010年11月末、 Adobe Labs で 公開になった、 Adobe InDesign CS5 を 使ったデジタルマガジン 制作用のツール『 Adobe Digital Publishing

Suite(本書では、以下 ADPS と 略す )』の 利用について 紹介していく。 ● InDesign 上 の 作業  縦用 と 横用 に 表示 を 切 り 替 えたい 場合 には 、縦横 それぞれの 2 つのド キ ュ メ ン ト を 作成 し て お く 必要 が あ る 。新規 で 作成 す る 場合 は 、 iPad のサイズに 合 わせてドキュメントを 作成 すればよいが 、既 に 印刷用途 の た め に 作成 さ れ た ド キ ュ メ ン ト の 場合 に は 、 サ イ ズ を 変更 す る 必要 が あ る 。 と は 言 っ ても 、 「 1024×768px 」に し なく て は ならないわけでは なく 、比率 を 3:4 になるようにすれば OK だ 。例 えば 、 A4 サイズ(縦) で 作成 し て い る の で あ れ ば 、横 の サ イ ズ の み を 222.75mm に 変更 す れ ば 比率 を 合 わ せ ら れ る 。 な お 、 サ イ ズ 変更後 に は 、各 オ ブ ジ ェ ク ト の

位置 やサイズを 調整 しておくとよいだろう 。

《図3 》縦 と 横 で 表示 を 切 り 替 え た い 場合 に は 、 縦・横 それぞれのドキュメントを 作成 する

06


制作編

01

InDesign から EPUB

02 Kindle for InDesign

03

EPUB の オーサリング

04

InDesign から PDF

05

Pages から EPUB

《図7 》新規 でドキュメントを 作成 する 場合 には 、 ドキュメントプ ロ フ ァ イ ル に「 Web 」 、 ペ ー ジ サ イ ズ に「 1024×768px 」を 選択 して 作業 する

●インタラクティブな 機能の 追加 ビ デ オ や オ ー デ ィ オ 、 パ ノ ラ マ と い っ た イ ン タ ラ ク テ ィ ブ な 機能 は 、

「 Adobe Interactive Overlay Creator 」で 設定 する 。例 えば 、動画再生 を 目的 とした 場合、 Adobe Interactive Overlay Creator 上 でムービー フ ァ イ ル を 指定 し て 、 Width(幅 )や Height(高 さ )を 指定 し て 必要 な

場所 に 書 き 出 す 。 こ の 時、書 き 出 さ れ る フ ァ イ ル は SWF フ ァ イ ル と な り 、 このファイルを InDesign に 配置 することで 設定 が 完了 する 。 なお ,

配置 は InDesign の 縦用・横用 そ れ ぞ れ の フ ァ イ ル に 同 じ も の を 配置 す る 。 なお 、 Adobe Interactive Overlay Creator で 設定 できるのは 、以

下 の 6 つの 機能 だ( Hyper Link と Slideshow は InDesign 上 の 機能 を 使 っ て 指定 する ) 。

• 360Viewer…Photoshop Extended や 3D オーサリングアプリケー ションを 使用 して 、 3D 化 したデータを 作成後、 360度回転分 の 連

続 デ ー タ を 書 き 出 す 。 こ の デ ー タ を 使用 す る こ と で 、 オ ブ ジ ェ ク トを 回転 させ 、 さまざまな 方向 から 表示 させることが 可能 となる 。

• Audio…MP3形式 のオーディオファイルの 再生 が 可能。 • Image Pan…表示領域 として 指定 したウィンドウよりも 大 きな 画 像 をドラッグして 表示 させることができる 。拡大縮小 も 可能。  

07


制作編

01

InDesign から EPUB

02

03

EPUB の オーサリング

Kindle for InDesign

04

InDesign から PDF

05

Pages から EPUB

• Panorama… パノラマデータの 作成 が 可能。 • Video… ビデオの 再生 が 可能。 • Web View…Hyper Link で は 、 Web ブ ラ ウ ザ を 起動 し コ ン テ ン ツを 表示 するが 、 Web View では 指定 エリア 内 に Web コンテンツ を 表示可能。

• Hyper Link… ハ イ パ ー リ ン ク を 作 成 可 能。 Digital Content Preview Tool 内 で 表示 させる 方法 と 、 Safari を 起動 して 表示 させ る 方法 を 指定 することもできる 。

• Slideshow…画像 や テ キ ス ト と い っ た オ ブ ジ ェ ク ト を ス ラ イ ド ショーによって 切 り 替 えて 表示 することが 可能。

《図7 》Adobe Interactive Overlay Creator を 起動 して 、 Video を 指定 している 状態。「 Export 」 ボ タ ン を ク リ ッ ク す る こ と で 、 SWF フ ァ イ ル が 書 き 出 せ る 。 な お 、左側 の リ ス ト か ら 目的 の 機 能 を 選択 して 、 それぞれ 設定 を 行 う

08


制作編

01

InDesign から EPUB

02 Kindle for InDesign

03

EPUB の オーサリング

04

InDesign から PDF

05

Pages から EPUB

《図8 》Adobe Interactive Overlay Creator か ら 書 き 出 し た SWF フ ァ イ ル は 、 InDesign に 配置 す る こ と で 設定 し て い く 。図 は 、 Video 用 に 書 き 出 し た SWF ファイルを 配置 したもの

●イシューファイルの 作成 「 Adobe Digital Content Bundler 」を 起動 し て 、目的 の フ ァ イ ル か ら

iPad 用 にファイルを 作成 する 。 Adobe Digital Content Bundler からは 、 「 Magazine Title 」や「 Issue 拡張子「 issue 」ファイルが 作成 される 。なお 、

Title 」なども 指定 できる 。

《図8 》Adobe Digital Content Bundler のウィンドウ 。目的 のファイルを 読 み 込 んで「 Export Issue 」ボタンをクリックすることで 、 issue ファイルを 書 き 出 せる

09


制作編

01

InDesign から EPUB

02 Kindle for InDesign

03

EPUB の オーサリング

04

InDesign から PDF

05

Pages から EPUB

● iPad に 読み 込む 書 き 出 さ れ た「 issue 」フ ァ イ ル を iTunes の「 Adobe Content Viewer 」 に 追加 し 、 iPad に 読 み 込 ませれば 完了 だ 。

《図9 》iTunes の Adobe Content Viewer に 目的 の「 issue 」ファイルを 追加 して 、 iPad と 同期 することで 、 iPad 上 で 表示 が 可能 となる 。

(執筆 森裕司)

10


Appendix Adobe Digital Publishing Suite