01 epubへ書き出すテンプレートepub.co.jp/wp/wp-content/uploads/epub-osaka0817s.pdf · 01...

4
自己紹介 @higuchidesign ADPSか EPUBと家に置き換えてみると… 家は建てられても、家を売ってくれる 不動産屋さんがまだいない。 (まずは60万円払えという) ▲販売に直結できる ▲コンテンツが保護できる ▲DTPのスキルが応用できる  ▲専用アプリが用意 ▼有料サービス ▼メーカー依存で仕様が変わる  ▼InDesignが必須 ▼データが肥大する ▲オープンなので利用料金は かからない ▲気軽に読める軽さ ▲リッチコンテンツも可能 ▼Webの知識が必要 ▼リーダーの仕様がまちまち ▼そもそもなぜDreamweaver でなくInDesign? 柱を立てて家っぽいものは作れるが 内装が決まらない。 1 2 3 InDesign CS5.5のスタイルを使って EPUBへ書き出すテンプレート 01 InDesignからEPUB作るって、制限が多いし どこまで対応できるか分からないから大変じゃない? 面倒です。 テンプレートを 作りました。 だれか作ったデータを 使い回せばラクなのに… 4 5 6

Upload: others

Post on 21-May-2020

9 views

Category:

Documents


0 download

TRANSCRIPT

自 己 紹 介

@higuchidesign

ADPSか EPUBと家に置き換えてみると…家は建てられても、家を売ってくれる不動産屋さんがまだいない。(まずは60万円払えという)

▲販売に直結できる▲コンテンツが保護できる▲DTPのスキルが応用できる ▲専用アプリが用意

▼有料サービス▼メーカー依存で仕様が変わる ▼InDesignが必須▼データが肥大する

▲オープンなので利用料金は かからない▲気軽に読める軽さ▲リッチコンテンツも可能

▼Webの知識が必要▼リーダーの仕様がまちまち▼そもそもなぜDreamweaver でなくInDesign?

柱を立てて家っぽいものは作れるが内装が決まらない。

1

2

3

InDesign CS5.5のスタイルを使ってEPUBへ書き出すテンプレート01

InDesignからEPUB作るって、制限が多いしどこまで対応できるか分からないから大変じゃない?

面倒です。

テンプレートを作りました。

だれか作ったデータを使い回せばラクなのに…

4

5

6

EPUBへ書き出し

段落や文字へスタイルを割り当て

タグとクラス名を指定

スタイルからCSSヘ書き出される仕組み

CSSに反映される項目のみを使用して文字や段落の設定を作成する。

「段落スタイル」ダイアログボックスの「タグを書き出し」でタグとクラス名を指定。

段落や文字へ作成したスタイルを割り当てる。

スタイルを割り当てた段落がタグとクラスで指定される。

段落スタイル・文字スタイルを作成

InDesignによるEPUB制作フローWebプロファイルで新規ドキュメントの作成版面に合わせてテキストフレームの作成

別途用意しておいたテキストデータを流し込み見出しや本文の段落スタイル、文字スタイルの定義

各段落、文字へのスタイル適用

グラフィックスのインライン挿入テキストの回り込みや画像サイズなどを調整

段落スタイルのタグ書き出し設定画像の解像度と表示サイズ設定

InDesign CS5.5で利用可能なEPUB 3対応機能と確認方法02

7

8

9

最新のSafariならEPUB 3から展開した縦書きもOK

EPUB 3ファイルがそのまま読めるリーダーも出てきたespur

Murasaki

InDesign上で縦書きやルビ、圏点などを設定

10

11

12

EPUBファイルを編集可能にする

epub-layout02.epub Folder

epub-layout02.epubepub-layout02.indd

StuffIt Expander

body { writing-mode : vertical-rl;}

body { writing-mode : vertical-rl; -webkit-writing-mode : vertical-rl; -epub-writing-mode : vertical-rl;}

CSSを編集する

text-emphasis-style、text-emphasis-colorも同様に追加

font-family : "Hiragino Mincho ProN W3", "@MS 明朝", serif;

フォント名を変更

ブログサイト

www.qtweb.com/indesign/

13

14

15

Adobe Digital Publishing Suite、とはどういうものか03

FolioとADPS(Adobe Digital Publishing Suite)

InDesign CS5/5.5(制作ツール)

ADPS(アプリ化サービス:有料)

Folio / Content Viewer(ファイルフォーマットとビューワー)

Flash CS5(制作ツール)

SWF / Flash Player(ファイルフォーマットとプラグイン)

Adobe AIR(無料)

Folio Producer Toolsはデザイナーのためのもの ADPSは出版社のためもの

Folioを作るための制作環境

InDesign CS5

InDesign CS5.5

Folio Producer Toolsfor CS5

Overlay Creator Folio BuilderFolio Producer Toolsfor CS5.5

インストール

インストール

16

17

18

Folio BuilderからAdobe IDでログインしInDesignドキュメントを

アップロード

ADPSの契約がなくとも無料で行える作業

InDesign CS5

InDesign CS5.5

iPadにインストールしたContent Viewerから

Adobe IDを使ってログインしFolioを閲覧する

Adobe IDを使えば複数人でFolioの共有ができる

Adobe ID Adobe ID Adobe ID Adobe ID

ADPSの価格

シングルFolio マルチFolio

無料版、有料版アプリ内で購入追加購入可能プッシュ告知5,000 Folioまでの料金込み追加分のサービス費用を購入

単体アプリ継続販売なしアプリ数の制限なし

年額60万円(月換算5万円)

19

20

21

ADPSのプラットフォーム

iPad

ADPSの将来のプラットフォーム

iPhone

22

23