小説や漫画以外にも書籍にはさまざまなジャンルがあり、ジャンルによって電子書籍の作り方も変わります。今回は、技術書や教科書などで使える、テキスト／写真（ビットマップ画像）／図版（ベクター画像）が混在した電子書籍データを作ってみましょう。特にEPUB形式ではSVG (スケーラブルベクターグラフィックス）がサポートされているので、リーダー上で図版を拡大してもきれいに表示される電子書籍を作れます。また、後半では応用編として、SVGを使った縦組み（縦書き）のEPUB書籍にも挑戦します。

　今回はビットマップ画像とベクター画像の両方の表示に対応している以下の2つの形式の電子書籍データを作成します。「テキスト（青空文庫形式）」と「AZW/MOBI(Kindle用)」はベクター画像に対応していないため今回は対象外です。

• PDF
• EPUB

　図版のベクターデータはAdobe Illustrator CS5を使って作成します。Illustratorは古くからSVGに対応していますので、CS5以前のバージョンでも構いません。Illustratorを使わずにSVGデータを作成したい場合はオープンソースの「InkScape」というアプリケーションを使ってもよいでしょう。

Adobe Illustrator CS5でSVG画像を作成する

オープンソースのベクターグラフィックソフト「InkScape」でも同様の図版を作成できる

　今回はあらかじめ以下のような簡単な図版を作成し、SVG形式で保存しました。また、SVGデータをそのまま配置できるアプリケーションは限られているため、同時にPDF形式でも保存しておきます。

今回用意したSVG形式の図版。PDF形式のデータも同時に用意しておこう

ツイートする

この連載の記事

• 第5回  JavaScriptで作るインタラクティブな電子書籍
• 第3回  チュートリアルで学ぶ電子書籍制作の4つの方法
• 第2回  EPUB/MOBI/PDFで作るiPad＆Kindle写真集
• 第1回  Kindle/iPad対応！電子書籍の作り方
• この連載の一覧へ

この記事の編集者は以下の記事をオススメしています

• 今すぐ始める電子書籍制作入門

• Kindle/iPad対応！電子書籍の作り方

• iPhone／iPad規制と、これからの電子書籍

• 日本企業に勝ち目はあるか？　電子書籍戦争、秋には開戦へ

• 電子書籍三原則とフォーマットを整理する

• 電子書籍勉強会で参加者と語り合ったこと

• まつもとあつしの「メディア維新を行く」（目次）

• EPUB日本語拡張仕様策定により、WebKitの縦書き表示進展

はてブ注目ランキング

1. 50代でも分かったHTML5の基礎知識729 users

2. 10分でわかる！ jQuery Mobileのキホン94 users

3. iBooks AuthorでHTML5の電子書籍作ってみた76 users

4. HTML5要素のブラウザー実装状況を調べてみた38 users

5. 本店と楽天を使い分け、ブランディングを強化23 users

6. 40分で覚える！jQuery速習講座2210 users

7. 絶対見ておきたい有名企業のスマホサイトまとめ2135 users

8. もう配色には困らない！「Adobe Kuler」1681 users

9. 30分でできる！Webサイトを高速化する6大原則1496 users

10. Web制作会社が作った！超使えるJavaScriptライブラリ1215 users

最新記事

• 年に2回のワンフェス美少女フィギュア祭り！　企業ブース【その2】

  

• 死角なしの最強JC登場！　加藤まりんがファーストDVDを発売！

  

• Sandy Bridge-E初の4コアモデル「Core i7-3820」が販売開始！

  

• 14cmファン×2の大型CPUクーラー「Frio Extreme」が今週発売

  

• クリエイターの愛こそ力の源泉！　ワンフェス一般ブース【その2】