InDesign CC 2014でつくるEPUB 3固定レイアウト入門

3,379 views

Published on

2015年2月7日に開催されたDTPの勉強会 第16回において「InDesign CC 2014でつくるEPUB 3固定レイアウト入門」と題したセッションで使用したスライドを配布したものです

Published in: Design
0 Comments
4 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
3,379
On SlideShare
0
From Embeds
0
Number of Embeds
94
Actions
Shares
0
Downloads
0
Comments
0
Likes
4
Embeds 0
No embeds

No notes for slide

InDesign CC 2014でつくるEPUB 3固定レイアウト入門

  1. 1. InDesign CC 2014 でつくる EPUB 3 固定レイアウト入門
  2. 2. EPUB 3 固定レイアウトって何? まずは基礎知識を
  3. 3. EPUB 電子書籍フォーマットの仕様。最新 ver は 3.0.1 中身は XHTML と CSS に設定ファイルなど EPUB 3.0.1 仕様書 http://idpf.org/epub/301 日本語訳 http://imagedrive.github.io/ spec/index.xhtml
  4. 4. EPUB の基本はリフロー 画面サイズや文字サイズが変わっても、それに あわせて(それなりに)レイアウトしてくれる 画面サイズが異なる場合   吾 輩 は 猫 で あ る ︒ 名 前 は ま だ 無 い ︒   ど こ で 生 れ た か と ん と 見 当 が つ か ぬ ︒ 何 で も 薄 暗 い じ め じ め し た 所 で ニ ャ ー ニ ャ ー 泣 い て い た 事 だ け は 記 憶 し て い る ︒ 吾 輩 は こ こ で 始 め て 人   吾 輩 は 猫 で あ る ︒ 名 前 は ま だ 無 い ︒   ど こ で 生 れ た か と ん と 見 当 が つ か ぬ ︒ 何 で も 薄 暗 い じ め じ め し た 所 で ニ ャ ー ニ ャ ー 泣 い て い た 事 だ け は 記 憶 し て い る ︒ 吾 輩 は こ こ で 始 め て 人 間 と い う も の を 見 た ︒ し か も あ と で 聞 く と そ れ は 書 生 と い う 人 間 中 で 一 番 獰 悪 な 種 族 で あ っ た そ う だ ︒ こ の 書 生 と い う の は 時 々 我 々 を 捕 え て 煮 て 食 う と い う 話 で あ る ︒ し か し そ の 当 時 は 何 と い う 考 も な か っ た か ら 別 段   吾 輩 は 猫 で あ る ︒ 名 前 は ま だ 無 い ︒   ど こ で 生 れ た か と ん と 見 当 が つ か ぬ ︒ 何 で も 薄 暗 い じ め じ め し た 所 で ニ ャ ー ニ ャ ー 泣 い て い た 事 だ け は 記 憶 し て い る ︒ 吾 輩 は こ こ で 始 め て 人 間 と い う も の を 見 た ︒ し か も あ と で 聞 く と そ れ は 書 生 と い う 人 間 中 で 一 番 獰 悪 な 種 族 で あ っ た そ う だ ︒ こ の 書 生 と い う の は 時 々 我 々 を 捕 え て 煮 て 食 う と い う 話 で あ る ︒ し か し そ の 当 時 は 何 と い う 考 も な か っ た か ら 別 段 恐 し い と も 思 わ な か っ た ︒ た だ 彼 の 掌 に 載 せ ら れ て ス ー と 持 ち 上 げ ら れ た 時 何 だ か フ ワ フ ワ し た 感 じ が あ っ た ば か り で あ る ︒ 掌 の 上 で 少 し 落 ち つ い て 書 生 の 顔 を 見 た の が い わ ゆ る 人 間 と い う も の の 見 始 で あ ろ う ︒ こ の 時 妙 な も の だ と 思 っ た 感 じ が 今 で も 残 っ て い る ︒ 第 一 毛 を も っ て 装 飾 さ れ べ き は ず の 顔 が つ る つ る し て ま る で 薬 缶 だ ︒ そ の 後 猫 に も だ い ぶ 逢 っ た が こ ん な 片 輪 に は 一 度 も 出 会 わ し た 事 が な い ︒ の み な ら ず 顔 の 真 中 が あ ま り に 突 起 し て い る ︒ そ う し て そ の 穴 の 中 か ら 時 々 ぷ う ぷ う と 煙 を 吹 く ︒ ど う も 咽 せ ぽ く て 実 に 弱 っ た ︒ こ れ が 人 間 の 飲 む 煙 草 と い う も の で あ る 事 は よ う や く こ の 頃 知 っ た ︒
  5. 5. EPUB の基本はリフロー 画面サイズや文字サイズが変わっても、それに あわせて(それなりに)レイアウトしてくれる 文字サイズが異なる場合   吾 輩 は 猫 で あ る ︒ 名 前 は ま だ 無 い ︒   ど こ で 生 れ た か と ん と 見 当 が つ か ぬ ︒ 何 で も 薄 暗 い じ め じ め し た 所 で ニ ャ ー ニ ャ ー 泣 い て い た 事 だ け は 記 憶 し て い る ︒ 吾 輩 は こ こ で 始 め て 人 間 と い う も の を 見 た ︒ し か も あ と で 聞 く と そ れ は 書 生 と い う 人 間 中 で 一 番 獰 悪 な 種 族 で あ っ た そ う だ ︒ こ の 書 生 と い う の は 時 々 我 々 を 捕 え て 煮 て 食 う と い う 話 で あ る ︒ し か し そ の 当 時 は 何 と い う 考 も な か っ た か ら 別 段 恐 し い と も 思 わ な か っ た ︒ た だ 彼 の 掌 に 載 せ ら れ て ス ー と 持 ち 上 げ ら れ た 時 何 だ か フ ワ フ ワ し た 感 じ が あ っ た ば か り で あ る ︒ 掌 の 上 で 少 し 落 ち つ い て 書 生 の 顔 を 見 た の が い わ ゆ る 人 間 と い う も の の 見 始 で あ ろ う ︒ こ の 時 妙 な も の だ と 思 っ た 感 じ が   吾 輩 は 猫 で あ る ︒ 名 前 は ま だ 無 い ︒   ど こ で 生 れ た か と ん と 見 当 が つ か ぬ ︒ 何 で も 薄 暗 い じ め じ め し た 所 で ニ ャ ー ニ ャ ー 泣 い て い た 事 だ け は 記 憶 し て い る ︒ 吾 輩 は こ こ で 始 め て 人 間 と い う も の を 見 た ︒ し か も あ と で 聞 く と そ れ は 書 生 と い う 人 間 中 で 一 番 獰 悪 な 種 族 で あ っ た そ う だ ︒ こ の 書 生 と い う の は 時 々 我 々 を 捕 え て 煮 て 食 う と い う 話 で あ る ︒ し か し そ の 当 時 は 何 と い う 考 も な か っ た か ら 別 段   吾 輩 は 猫 で あ る ︒ 名 前 は ま だ 無 い ︒  ど こ で 生 れ た か と ん と 見 当 が つ か ぬ ︒ 何 で も 薄 暗 い じ め じ め し た 所 で ニ ャ ー ニ ャ ー 泣 い て い た 事 だ け は 記 憶 し て い る ︒ 吾 輩 は こ こ で
  6. 6. 固定レイアウト 指定した版面にレイアウトされたものをそのまま 画面に表示 DTPer 的にはこちらのほうがなじみやすいのでは?
  7. 7. ページ内の要素 • 全面画像方式(マンガ、写真集など) • テキストや画像を別々に指定位置に配置する方式 全面画像 オブジェクト別
  8. 8. 本としての体裁 実際の本としての体裁を再現するための仕様 EPUB 内の設定ファイルに記述される • ページサイズ • 見開き設定 • ページ進行方向
  9. 9. ページサイズ 各ページはピクセルでサイズ指定 縦長でも横長でも指定することが可能 幅(width) 高さ(height)
  10. 10. 見開き設定(rendition:spread) 単ページの表示と見開き表示 表示デバイスの画面が縦長の場合と横長の場合で 切り替えることが可能 常に単ページ 画面が横長 だと見開き 画面が縦長 だと見開き 常に見開き InDesign で指定可能
  11. 11. ページ送り方向(page-progression-direction) ページを読み進む方向を指定 次ページへの移動時の操作やエフェクトに影響 左から右(ltr) 右から左(rtl)
  12. 12. EPUB 3 リーディングシステム すべてが固定レイアウト表示に対応しているわけ ではない(表示が微妙に崩れる場合も)
  13. 13. InDesign CC 2014 で 固定レイアウト EPUB を作成する 実際に つくってみよう
  14. 14. ドキュメント設定 書き出した EPUB の表示に影響するので、最初に正 しく設定しておく • 見開きページ • 方向(縦/横) • 綴じ方
  15. 15. ドキュメント設定による表示の違い ドキュメント設定 書き出した EPUB の設定(content.opf) 方向 見開き 綴じ方向 画面の向き (rendition:orientation) 見開き指定 (rendition:spread) ページ送り方向 (page-progression-direction) 見開き位置指定 (page-spread-left/right) 縦長 単ページ 左綴じ (横書き) 縦(portrait) しない(none) 指定なし 見開き 横(landscape) 常に(both) 指定なし あり 横長 単ページ 横(landscape) しない(none) 指定なし 見開き 横(landscape) しない(none) 指定なし あり 縦長 単ページ 右綴じ (縦書き) 縦(portrait) しない(none) 右から左(rtl) 見開き 横(landscape) 常に(both) 右から左(rtl) あり 横長 単ページ 横(landscape) しない(none) 右から左(rtl) 見開き 横(landscape) しない(none) 右から左(rtl) あり 横長ドキュメントの見開きが指定できないバグ?
  16. 16. レイアウト制作作業 InDesign で制作します。 (制作時の注意点は後ほど…)
  17. 17. ファイル >「書き出し ...」 形式:「EPUB(固定レイアウト)」を選択
  18. 18. 書き出しオプション〈一般〉 カバー、目次、見開き設定など
  19. 19. 書き出しオプション〈一般〉 カバー:本棚表示などで使用される表紙画像 なし • 表紙画像をつくらない • 本棚ではビューアで用意した表紙が表 示される 最初のページをラスタライズ • 1 ページ目がラスタライズされる 画像を選択 • 別に用意した画像ファイルを指定
  20. 20. 書き出しオプション〈一般〉 ナビゲーション目次:目次機能を作成 なし • 目次を作成しない ファイル名 • ファイル名が目次項目に(ブックから作成用?) 複数レベル(目次スタイル) • 設定した目次スタイルを使用 ブックマーク • ブックマーク機能を使用
  21. 21. 書き出しオプション〈一般〉 スプレッドコントロール:見開き設定 ドキュメント設定を基準にする • ドキュメント設定が見開きなら見開きに スプレッドを横置きページに変換 • 見開きページを横置き 1 ページにまとめる 合成スプレッドを有効にする • 見開きページにする スプレッドを無効にする • 単ページにする
  22. 22. 書き出しオプション〈変換設定〉 画像変換設定
  23. 23. 書き出しオプション〈CSS〉 CSS の追加
  24. 24. 書き出しオプション〈JavaScript〉 JavaScript の追加
  25. 25. 書き出しオプション〈メタデータ〉 メタデータ(書誌情報)の追加 識別子:固有の ID タイトル:本の題名 著作者:著者 日付:刊行日 説明:内容の要約、紹介文 出版社:発行者の情報 権利:著作権関連の情報 件名:内容を示すキーワード
  26. 26. 書き出しオプション〈アプリケーションを表示〉 書き出した EPUB を表示するアプリを指定
  27. 27. 制作時のポイント ここに注意!
  28. 28. ベクターデータの扱い EPUB で使用可能なフォーマットは SVG → InDesign で SVG を配置できない AI や EPS、PDF などは画像変換される SVG を配置した Edge Animate ファイルを配置 → SVG で書き出されるが、表示されない可能性
  29. 29. 縦組みテキストでの不具合 縦組みのテキストフレームで、縦組み中の欧文回転 が解除され、縦中横のテキストが抜ける
  30. 30. オブジェクトの効果(ドロップシャドウ等) テキストにつけた効果ははずれてしまう
  31. 31. フォントの埋め込み 固定レイアウトでは自動的にフォント埋め込み 使用している文字のみをサブセット化している? フォントのライセンスに注意 電子書籍における LETS フォントの使用許諾範囲 http://fontworks.co.jp/news/2011/07050439.html
  32. 32. epubcheck EPUB の仕様通りに作られているか文法チェック EPUB Checker Mac App Store で購入 pagina EPUB-Checker http://www.pagina-online.de/produkte/epub-checker/
  33. 33. 書き出した EPUB を ストアで公開・販売できるか? ほんとに可能?
  34. 34. 簡単にできました…。 iBooks Store に EPUB ファイルをアップすれば 何の問題もなく公開されました https://itunes.apple.com/jp/book/ indesign-cc-2014detsukuruepub/ id964549881?mt=11 iBooks Store で 「固定レイアウト」と検索 すると出てきます
  35. 35. まとめ InDesign からの EPUB 3 固定レイアウト作成はか なり使える!? インタラクティブ機能も(対応ビューアは限定?) iBooks Store などで販売も可能に まずは試してみよう!
  36. 36. ありがとうございました

×