iPad用のインタラクティブな本を作成する物語

すべての人に挨拶!

iPad用の最初のインタラクティブブックである「Puss in Boots」をどのように作成したかをお話しします。 私たちと言えば、私は魂を持ってプロジェクトに専念した無関心な専門家の優れたチームを意味します。


それはすべて、私の友人と私がインタラクティブな本を作ることに挑戦することにしたという事実から始まりました。 インタラクティブな本が好きなのは、4歳の娘が単にそれらを愛しているからです。 そして、友人(彼の名前はデニスグリコフ)はプロの観点から興味深いです-彼は長い間コンピューターグラフィックスとアニメーションに携わってきました。
まず、おとぎ話を決めることにしました。 私たちはすぐにいくつかの言語で本を配布することにしました。 そのため、おとぎ話は、世界中で有名なものを選ぶことにしました。 いくつかのオプションのリストをまとめて、「Puss in Boots」に決めました。 面白いキャラクターと明るい場所で、ボリュームが最適に思えました。
テキストをページに分割し、イラストレーターの検索を開始しました。 最初は、フリーランサーがいるサイトを検索しようとしました。 しかし、候補者は多額の金を要求したか、仕事の面で私たちに合わなかった。 フリーランサー間の検索は約2週間続きました。 フリーランサーの間で「キャスト」に失敗した後、テーマサイトでアーティストを検索することにしました。 お気に入りのアーティストのウェブサイトの1つで検索を開始しました。 私たちの作品が好きなアーティストを見つけたので、彼らに手紙を書きました。 1つだけが応答しました=)。 ウクライナ出身の素晴らしいアーティスト-セルゲイ・ログインフ。 予算は非常に少ないが、プロジェクトは非常に興味深いことに同意し、作業を開始しました。

数日後、セルゲイは最初のページのスケッチを送ってきました。



すぐにスケッチが気に入りました。 私たちの唯一のコメントは、最年少の息子が少し古く見えるということでした=)。 それ以外の場合は、すべてが正常であり、塗りつぶされたページが完成するのを待ち始めました。 セルゲイは待つのに時間がかかりませんでした:



カラフルで「カートゥーン」な写真に喜びました!

Sergeyは次のページの描画を開始し、私たちはiOS開発者の良き友人(Sergeyでもあります)に目を向けました。 Sergeyを使用して、キャラクターをどのように正確にアニメーション化するかを考え始めました。 美しいフレームごとのアニメーションを作成してみることにしました。 Adobe After Effectsを使用してアニメーション自体の作成を開始しました。 キャラクターはとても活気がありました。
各キャラクターのアニメーションを別々のファイルに結合しました。 ため息と頭の傷のアニメーションです(48フレーム)。



最初のページを完全に作成したので、この量のpngフレームがすべて、デバイスのメモリを大量に消費するという事実に直面しました。
今週中に問題のいくつかの「解決策」を再試行した後、人事的にアニメーションを行うことはできないという結論に達しました。
「明確な」アニメーションを行うことにしました。 つまり キャラクターを含むレイヤーをいくつかの複合ピースに切り分け、キャラクターの動きをプログラムで設定します。 しかし、ここでは、Sergei(開発者)が自然な動きを達成できないという事実に直面しています。
私たちは現在の状況から完全に頭を下げました。 「競合他社」に助けを求めることにし、カブと黄金の雄鶏に関するインタラクティブな本の作成者の1人の連絡先を見つけました。 私たちの問題を説明し、彼に助けを求めました。 移動する必要があるベクターのみが必要でした。 そして彼は私を助けてくれました!
彼は彼ら自身が本を作ったという原則を共有しました。 それは私にとって素晴らしい解決策のように思えました。 彼らの技術は、すべてのアニメーションがAdobe Flashで行われることでした。 つまり キャラクターの一部がFlashにインポートされ、Flashアニメーターは必要な動きをすでに設定しています。 次に、これらのアニメーションはXML命令にエクスポートされ、アプリケーション自体で理解され、それらの助けを借りて、アニメーションはアプリケーションで既に繰り返されていました。 つまり フラッシュは、動き、ベクトル、座標、サイズなどを説明しました。

同じことをすることにしました。 「アーティキュレートされた」アニメーションを作成できるフラッシャーを探し始めたので、後でアプリケーションにフィードするためにこれらすべてをエクスポートできます。
検索の最初の日、私は面白い人、アントン・アザロフに出会いました。 彼は私に興味深いことを尋ねました。「アプリケーション全体をFlashで直接作成できる場合、なぜエクスポートしてネイティブアプリケーションを取得するのですか。 結局のところ、Appleはそのようなアプリケーションを長い間見逃してきました。」 反対するものが見つかりませんでした=)私はその考えが好きでした。 実際、Flashはインタラクティブな本を作成するのに理想的です。 グラフィックやアニメーションを使用した視覚的な作業のための豊富な環境があります。 また、アプリケーションに「パッカー」が存在することは非常に役立ちました。 さらに、フラッシュはデバイスと通信するための優れたAPIを備えています。 ジャイロスコープ付きの加速度計、マイク、マルチタッチなど、好きなものを使用できます。

それで作業が始まりました。
セルゲイが描き、アントンがアニメーションをしました。
私たちはすぐに、各ページにイラストを含めることを決定しました。 また、各ページで何かをクリックして、何かを操作できます。 一部のインタラクティブな本では、作成者がページにテキストをそのまま残したり、インタラクティブ性を持たせたりすることを好まなかった。 各ページが子供に喜びをもたらすことを望み、彼は次のページを楽しみにしていました。
作業の過程で、ロシア語、英語、ドイツ語、スペイン語、イタリア語、フランス語、中国語の7つの言語で本を出版することにしました。 翻訳については、翻訳局に依頼し、ネイティブスピーカーによる翻訳を依頼しました。 私たちはテキストが読者にとって外国語のように見えたくないので、ネイティブスピーカーは私たちにとって非常に重要でした。

2か月のハードワークの後、すべてのページの準備が整いました。 それは、本の全体的なデザイン、対話のデザイン、および声の演技を完成させるために残った。
デザインとデザインにより、私たちは自分自身を管理しました。 そして、さまざまなリソースで音を収集する必要がありました。 無料のfreesound.orgで何かが見つかり、有料のソースで何かが購入されました。

最後に、この本はAppStoreの検閲官に送信する準備が整いました。
2週間待った後、私たちの本は販売されました。 最大数の子供たちに本を見てもらいたかったので、意図的に価格を「破る」ことはしませんでした。

添付ファイルについて。 合計で、私たちはこのプロジェクトに10万ルーブル以上を投資しました。



このプロジェクトでの作業がとても楽しかったので、次の本で作業を開始しました=)

AppStoreへのリンク-itunes.apple.com/en/app/kot-v-sapogah-interaktivnaa/id497335117?mt=8

そして最後に-小さなボーナス=)無料ダウンロードのプロモーションコード! プロモーションコードをダウンロードしたすべての人は、AppStoreでレビューを書くように要求されます。 ありがとう

FMMA79WPYHTM
6TTK3NTH3FL9
XRP7YJTWALKX
HLJEL9JFAWPE
3EP3YFJHMR9L
NXA99RWKFXHR
PENE9LXNMEFP
7EH9HLKLJKK3
XANKWAMLFXRL
PP4HMP74MXYN
H3NN6W96WHXX
49W49NMF7ERN
TK7K44JNEEHN
WRR9RAJWHRJ4
3EKJ973KM4AA
7WYX4TY3AM7H
67J3WWERKX7F
NJLNH7MNNYWK
T6Y6L9LJT7EY
4HKRHYP4AYKM

Source: https://habr.com/ru/post/J138312/


All Articles