▶
iBooksDIGITAL
Author
PUBLISH

今回のマルチタッチブックは教本であり︑また書の美しさを強調するためにもシンプルで控えめなデザインを心がけたとのこと︒背景にはうっすらと和紙のテクスチャを配置し︑グレートーンをうまく使ったiPadに似合う都会的なセン

白︑黒︑グレーを効果的に使うには︑スを感じる仕上がりとなっています︒

その微妙な明暗差がポイントになります︒

引き立たせたい部分以外を抑えるという引き算のデザインに使いたいのが﹁不透のポイントなど︑あまり強く見えすぎなニューから［レイアウトを表示］を選択し、マスターとなるページで行います。

明度﹂の機能︒テクスチャやデザイン上繰り返し使用するデいほうがいい部分に若干の不透明度を設❶ ザ イ ン は、［ 表 示 ］メ定することで︑バランスの取れた美しい画面が表現されます︒

Point 1 透明機能を活かした上品なデザイン

マルチタッチブックを作成、活用！ 伊達千代

Look Up!

文◦iBooks Author
今 号 の テ ー マ

美しい書を書くための教本を作りたい！

iBooks Author 2.0

cアップルジャパン＊Mac App Storeからダウンロード（無料）  B OS X 10.7.4以降  
G 2GBのRAM、1.2GBの空きディスク領域、Keynote '09 v5.2以降（Keynoteウィジェットに必要）、
iBooks 3.0（プレビューとブックバージョン管理に必要）、iTunes Producer v2.8（ブックの公開に必要）、ネットワーク接続（ブックの公開に必要）

Point1. 透明機能を活かした上品なデザイン

iBooksオーサーは、オブジェクトに不透明度を設定することができます。
この機能を活かして、デザインに上品な透明感と奥行きを表現することができます。

Point4. メディアの特性による機能の使い分け

今回の作品では、ムービーや静止画、静止画を組み合わせて作成したスライドショー、BGM、3Dデータとさまざまなメディアを、それぞれの目的に合わせて効果的に使用しています。

❸ は、文字との重なりを見ながら思Point2.比較のためのギャラリー機能

筆跡のようなラインのデザイン

ギャラリーは複数の画像を1つの枠の中に収め、スワイプして表示させる機能です。
今回の作品ではこの機能を、複数の筆致を比べて違いを見てもらうために使用しています。

い切って不透明度を下げます。

❷ ペクタ］パネルの［グラフィック］で［不透明度］のスライダ

今月のAuthor

背景に和紙の画像を配置し、位置を調整しながら［インス満田和哉さんを動かし、うっすらと見える程度に調整します。

❹武将の家紋も画像として配置し、不透明度を下げてさりげないあしらいにします。

❺ し過ぎて気になるので、境界上に長方形の図形を配置します。

写真とテクスチャとのつなぎ目は、そのままでは境界線がくっきり●「書」の動きを表現することができる●iPadでどこでも見られる●コンテンツの更新が容易●iBooksストアのオープンを見越して「書」の魅力を伝えたい

たいこう

野尻泰煌氏は︑スペイン芸術顕彰︑国際書道芸術世界文化功労賞︑カンヌ国際芸術賞最高賞︑日伊表象文化特別賞最高賞など世界的な受賞歴を持ち︑また書だ

けでなく陶芸や彫刻などのジャンルにも今回のマルチタッチブックを監修した、書家の野尻泰煌氏の作品を多数見ることができる公式ホームページ→http://taiko-nojiri.jp/ 公式ブログ「漢字の言霊」（http://ameblo.jp/taikou-nojiri/）

幅広く活躍するアーティストです︒そんな野尻氏のプロモーション活動を担ってみつたいるのが今回のオーサーである︑サウスポイントの満田和哉氏︒満田氏は野尻氏と関わる中で︑文字の持つ力や書の精神性・所作に魅せられたのだそうです︒

つの方法として考えたの

普段の生活では書や書家に接することえるための1が 少 な い 今 の 人 た ち に︑ 書 の 魅 力 を 伝が﹁ 書 ﹂を 習 う︑ い わ ゆ る お 習 字 ア プ リの作成でした︒発案当初はiPad用アプリとしての企画で考えていましたが︑ことを受け︑マルチタッチブックの書のiBooksオ ー サ ー が リ リ ー ス さ れ た教本として完成させることにしたのだそう︒iBooksス ト ア が 日 本 で も オ ー

プンすれば︑将来的に販売も視野に入れ今回のマルチタッチブックでは︑最終たいとのことでした︒

的に自分の名前︑つまり署名をより美しく書けるようになることを目的としています︒戦国武将の名前を見本として取り上げ︑文字のバランスの取り方や書き方のポイントなどを野尻氏が丁寧に︑そして詳しく解説しています︒

Look!

﹁書を理解するには︑筆の動きやスピー署名の美しさのポイントは、縦書きか横書きか、毛筆かペンかなどによっても変化するそうです。
漢字の場合は画数の多い文字のほうが大きめで、画数の少ない文字は小さいけれども線を太めにすることでバランスが取りやすくなるのだそう。

ド感などを実際に見てもらうのが一番でLook!

す︒そこで手元を対面から映した映像と︑103│Mac Fan│April

2

文字が書かれていくさまを筆順ごとに映ジェットを使って配置します。

素人でもつい見入ってしまう野尻氏の略歴のテキストを［スクした映像の つを用意しました﹂︵満田氏︶❼ ロールサイドバー］ウィ

なぜマルチタッチブックなのか？

署名を書くときのポイントをより詳しく解説するために、［ インタラクティブ］ウィジェットの機能を用いています。1つの図の中で、より細かい部分を解説したいときに便利な機能です。

見事な運筆の映像と︑書家自身による詳ョンの塗りつぶし（詳細）］の設定を行います。全体は白ですが、左右にいくに従って不透明度がゼロになっています。これで画像とテクスチャに自然になじむぼかしが表現できます。

書のポイント解説

し い 解 説 と で﹁ 私 に も 書 け そ う ﹂と 感 じ

オブジェクトに図のPoint3. インタラクティブなさせる魅力的な教本に仕上がっています︒❻ ように［グラデーシ株式会社サウスポイント
ディレクター。
アーティス
トのマネージメントやプロデュースから、イベントの企画・制作・運営、著作権の管理までを主な業務としてこなす。
同社所属アーティストである書家・野尻泰煌氏の担当ディレクターとして、書の展示会や書籍の出版などを企画している。
株式会社サウスポイントホームページ
http://www.southpoint.co.jp

Mac Fan│April│102

iBooks
DIGITALAuthor
PUBLISH

プロフィールのページに配置した

えば︑ つの図の中により詳細な解説を1﹇インタラクティブ﹈ウィジェットを使

今回のマルチタッチブックは、初心者の方にも「書」の楽しみを感じてもらえる仕上がりになったと満足しています。
ムービーや書家のコメントなどを画像に付加できるのは、マルチタッチブックならではのよさだと感じました。
今後さらにコンテンツを充実したものにしていくとともに、もっと書の精神性や漢字のパワーを伝えられるような仕組みができないものか、考えていきたいと思います。

書き込むことが可能になります︒それぞ今後の課題とで拡大表示される仕組みです︒今回はな枠が表示されますので、ここに解説の元になる図の画像をドラッグ＆ドロップで配置し、位置を整えます。

れの解説は︑iPad上でタップするこ［ウィジェット］から［インタラク

署名の漢字を書く際に特に注意すべきポ❶ ティブ］を選択します。図のよう

イントについてを︑この機能を使って入iBooksオーサーは操作も機能もシンプルでわかりやすく、さほど知識がなくても簡単にマルチタッチブックを作成することができました。
署名のムービーなど素材を準備するのは大変でしたが、一度作成してしまえばWEBなどのほかの媒体とも共通で使ってくことができます。
今後は同じテーマでのアプリ開発も視野に入れているので、そのプロモーション的なツールとしてのマルチタッチブック、というのもアリだなと思いました。

Point 3 インタラクティブな書のポイント解説とはムービーファイルとして作成していましたが、ファイルサイズをコンパクトにするため、静止画をつなぎ合わせてキーノートでスライドショーにしました。

れていきます︒

マルチタッチブックを作ってみて…

タッチブックではコンパクトにまとめる❸ スライドショーの画像です。もとも1つのスペースに入れて︑面から撮影してあるムービーです。
こちらはファイ
ルサイズを小さくするために、小さめにレイアウトしています。

複数の画像をページの右側に配ことができるのです︒今回の作品では︑筆以外の筆記具で書いた署名の画像を❷ 置しているのは、対スワイプで画像を切り替えることができるのが︑iBooksオーサーの﹇ギャ完成

ギャラリー機能を使って配置することで︑を図のように設定します。これ
で毛筆とそのほかの筆記具との署名の書き方をスワイプで切り替えて比較しやすい状態になります。

ラリー﹈ウィジェットです︒紙の本の場［インスペクタ］
パネルで、筆の運びとの違いがわかりやすくなって❷ ギャラリーウィジェット

合は︑写真をたくさん入れるためにはそオブジェクトの中に配置したい画像をドラッグ＆ドロップして入れます。

います︒［ウィジェット］
から［ギャラリ

iBooksオ ー サ ー で は︑ ム ー ビ ー

や静止画像︑3Dデータなどさまざまなメディアをマルチタッチブックに収めることができます︒ただし︑注意しなくてはならないのがデータ量︒特にムービーのデータ量は大きいために︑多用する場合にはいかに軽く済ませるかを考えなければなりません︒どうしてもムービーを使いたい場合は︑なるべく表示サイズをまり小さくは扱いたくありません。

小さくしたり︑ムービーでなくてもよい筆の運びがわかりやすいよう、アクリル板の上で1筆ずつ下から光を当てながら撮影したものを反転して動画にし部分はスライドショーに置き換えるなどの工夫が必要になります︒❶ てあります。微妙な筆遣いを見てもらうために、ムービーでなくてはならない素材であり、なおかつ配置サイズもあ❶ ー］を選択します。作成されたれ相応のスペースが必要ですが︑マルチ

Point 2 比較のためのギャラリー機能

Point 4 メディアの特性による機能の使い分け

完成作品は本誌WEBサイトに公開!
活用事例＆作ってみたい方募集！
Mac Fanでは、iBooksオーサーを使った事例を募集しています。
下記宛先にご連絡ください。
ご応募いただいた事例は本誌WEBサイトにてご紹介させていただきます。
また、本連載用に取材をお願いさせていただくこともあります。
これを機に作ってみたい、新しい宣伝の手段として考えたい方もぜ
ひこちらへ！
宛先：mfuser@mynavi.jp 件名：「iBooksオーサー事例応募」

105│Mac Fan│April

Look!

❹ ァイルになっており、iPad上野尻氏の篆字作品です。3Dフでクルクル動かして、さまざまな角度から見ることができます。

ここでは映像をスライドショーに置き換える方法を紹介しましたが、今回の作品ではこの工夫により40MB以上圧縮することに成功しています。
またムービーの配置サイズの調整でも、1つあたり10MB程度は上下しますので、ぜひいろいろ試してみてください。

❷［＋］［－］ボタンで調整できます。まず1つ目の解説を作り、実際の画解説の数は［インスペクタ］
パネルの［ウィジェット］→［操作］にある❸ 分は完成です。ポイントが視覚的に解説されているのがわかります。

そのほかのポイント解説も同様の手順で配置すれば、インタラクティブウィジェットの部

Look!

像上の解説したいポイントに移動します。
テキストを入力し、拡大率を図の付近に表示されるスライダでコントロールしましょう。

インタラクティブウィジェットの解説は、基本的に同じ拡大率に設定するほうがよいでしょう。
またわかりやすくしようとむやみに拡大率を上げてしまうと、画面移動の際の変化が大きくなり過ぎて見る人が酔うような感覚になってしまうので気をつけてください。

Mac Fan│April│104