2002.11.27

今日から、ファーストプレイのデザイン作業。
ファーストプレイというのは、DVDをプレーヤーに入れて一番最初に再生される映像のことです。ほとんどのDVDは、注意事項などの静止画面を数秒表示して、会社のロゴなどを流します。インディーズ（というより自主制作）の場合は、いきなりメニュー画面を表示する作品もあります。今回制作するDVDでは、ブランドマークのアニメーションバージョンを再生するつもりです。

基本的にはDVD用ですから、とにかくAfterEffectsにせまる超複雑で華麗なアニメーションを作りたいと思います。究極のムービークリップネスト化に挑戦します。Webでの流用については‥

まぁ、作業しながら調整していきたいと思います。とりあえず、抽象的な図柄を描いて、単純な動きをつけていきます。単純な動きだけど、激しく見せる。ヘンな言い方ですが‥あれを使います。

モーションパス‥です。

しかも、線に表情をつけます。微妙にグニャグニャな線にするということですね。これだけで、イメージした動きを演出できます。ムービークリップのネスト化とモーションパスが利用できることで、すごい効率化されるんですよ。まさに、これがFlashを使う理由です、と。

［モーションパスに秘密が‥］

ここまでの制作時間は２時間です。短いような、そうでもないような‥。でも、他のアニメーションソフトなら、もっとかかります。例えば、AfterEffectsでも、もうちょっとかかるだろうなぁ。DVDの素材に、わざわざFlashを使うというのは‥効率化です。もちろん、内容によりますが。

今日、作業した分は、ファーストプレイ・アニメーションの１パーツでしかありません。どんどん複雑にしていきますので‥。

2002.11.29

ファーストプレイ・アニメーション制作中。
このアニメーションのオープニングイメージは、”生き物の戯れ”なんです‥。二匹の動物がじゃれ合う、といった感じの動きを表現しているつもりです。こういう表現をする場合、Flashはほんとに適していますねぇ。便利です。やっていることは、拡大縮小、回転だけですから。ムービークリップを何重にも入れ子にしていますけど‥。動きをつけたら、ムービークリップに包んで、新しい動きをつける‥この繰り返しで、動きの深みをつけています。なんといっても修正が楽なのがいい。動きの微調整ですね。修正が大変だと、後のことを考えて、そんなに複雑に作りませんからね。試行錯誤が容易というのは、すごく重要なこと。

［バックグラウンドイメージ”生き物の戯れ”］

実は‥お馴染みのノイズテクニックは、まだ使っていません。モーションパスで近い効果をだしているんです。ストローク・バリエーション技法は講座でやったので、なんとなく分かると思いますが、グニャグニャな線に沿って動かしています。とりあえず、ここまで。
（手を加えたアニメーションは、講座サイトの更新情報ページに載せておきます。）

午後からは、また別件で外出‥。続きは夕方から。［ダウンロードページ］のアップは、夜10時くらいになりそうです。

2002.12.1

今日は、ACIDでアニメーションの音楽をつくる予定でしたが、もうちょっと動きの調整をおこなうことにしました。

［フレーム・バイ・フレームのアニメーションは隠し味］

DVDのファーストプレイというと、CGアニメーションが多いですよね。会社のロゴを動かしたり、イメージキャラクターが登場したり。CGのリアル且つ濃厚なビジュアルは、今回やめたいと思って、シンプルなモーショングラフィックにしました。シンプルといっても、DVD用（ビデオ目的）なので‥

１）AfterEffectsにせまる超複雑で華麗なアニメーション
２）究極のムービークリップネスト化

に挑戦してみたんですね。AfterEffectsにせまる〜というのは、ちょっとオーバーでしたが、完成までの制作時間（トータル）が４、５時間くらいなので、AfterEffects並に効率化できたことは間違いないでしょう。もちろん、絵柄がシンプルなので作業も早かった、とも言えるんですが。

［SWFファイル（54KB）］

イメージは前に書いた通り、”生き物の戯れ”。二匹の動物がじゃれ合う、といった感じの動きを表現しました。アニメーションデザインのポイントは‥

１）モーションパス！
２）回転！

‥です。今回は、とにかくモーションパスと回転。特に、回転にはこだわりました。パスも微妙にグニャグニャな線にして表情をつけています。これで、複雑な動きを一気に表現できるんですね。で、まぁ‥このように、やっていることは単純なので‥

「ムービークリップをムービークリップで包みながら構築する」

という方法で進めれば、いくらでも前にもどって修正できるわけです。例えば、パスの線を取り替えるだけで、簡単に動きを変更できます。ちゃんとフローチャートを書いておかないと、混乱してきますけど。私は、いつも手書きなので、もうグチャグチャになってきて、ほぼ限界にきてます。今回作っているDVDには、ファーストプレイ・アニメーションの制作プロセスを収録しますので、どんなフローを書いているのかわかりますよ。
明日こそは、BGM（音楽）をやります。完成版は、また［ダウンロードページ］にアップしますので。

2002.12.3

ファーストプレイ・アニメーションのサウンド作業‥なんとか、終わりました。
ACID PRO 4.0 に戸惑ってしまいました。今までは、ACID MUSIC（19,800円の方）を使っていたんですが、アップグレード料が安かったのでPROにしました。基本的には、変わらないんですが、エフェクトの方法がうまく理解できず、少々混乱。何だかわからないうちに完成してしまった感じ。ループシーケンサーを熟知しているわけではないので、しかたないんですが。ちょっと辛抱ですね。いつものように、慣れたら手放せなくなるんでしょうから。
作業プロセスは‥

１）制作したアニメーションをパブリッシュ（SWF）する
２）「SWF2Video」でAVI形式のビデオファイルに変換する
３）ビデオファイルを「ACID PRO」に読み込む

ここまでは昨日やった。今日は‥

１）音素材の確認
２）使う可能性のある音素材をACID上で仮組みしてみる
３）アニメーション全体に流れる音楽をデザイン
４）アニメーションの起伏にあわせて音素材をレイアウト
５）キャラクターの動きにあわせて音素材をレイアウト
６）キャラクターの動きにあわせて効果音をレイアウト
７）決めの喋り（音声）を組み立てる

こんな感じです。今回使った音素材は‥

・ループ素材「ny dance I」
・ループ素材「intelligent dance music」
・効果音「音・辞典VOL.5」
・ボイス「音楽工房 Vol.3」

です。著作権のことがありますからね。ちゃんと記載して。

音楽と効果音の作業は早かったですね。やっぱりループシーケンサーは便利です。ACIDのトラックビュー（Flashでいえばタイムライン）にアニメーションを表示できますし、プレビューウィンドウでも確認できますから、シンクロさせるのは楽です。マウスでひたすらドラッグ、という作業。Flash でも、こういう感じで作業できたら、こっち系のクリエーターさんに支持されることは間違いないんですが‥。

ちょっと苦労したのが、最後のボイス。音声です。喋らせたい言葉が、素材集に収録されていればいいんですが、まぁ‥ほとんど期待できないでしょうね。今回は、単語をACID上でつなげました。ちなみに「音楽工房 Vol.3（SUPER VOICE 5000）」は、ボイスだけの音素材集です。

プレビューがとても早くて軽い、というのが有り難い。これは、ほんとに重要なことです。微妙なところで何度も何度も、調整していく作業ですから。こういうグラフィックベースのアニメーションなら、Flash とACID（MacならLive）でかなりのクオリティにもっていけますね。ほんとに、そう思いました。作業時間は２時間くらいです。この作業はきりがないですから、どこで終わらせるか、という問題。アニメーション制作が、４、５時間でしたから、トータル６、７時間という感じでしょうか。必死になってやれば、１日で作業できるということですねぇ。（私は持続力がないので、1日数時間のペースですね、やっぱり。）

完成版［15秒］は［ダウンロードページ］にもアップされています

整理してみます。

▼コンテンツ；
15秒のDVDファーストプレイ・アニメーション

▼制作物；
DVD用データ［AVI形式のビデオファイル（460MB）］
アニメーションのサウンド［WAV形式（2.6MB）］
関係者配布用の縮小版［QuickTime形式のビデオファイル（5.3MB）］

▼制作時間（トータル）；
６〜７時間

‥という感じです。補足ですが、制作時間の中にキャラクターのデザインのみ含まれていません。AfterEffectsにせまる〜というのは、言い過ぎましたが、Flashでもテイストを絞り込めば、かなり通用することが分かりました。

2002.12.6

今日も引き続き、DVD本編の構成作業。
実写以外の映像化ではFlashを全面的に使うつもりですが、今回、リップシンクをやってみようと考えています。リップシンクというのは、口あわせのことです。要するに、音声に合わせて、口の動きをつけていくこと。
それにしても米国のアニメーションは、ほんとにリップシンクにこだわるんですが、なぜでしょう？Flashの解説本にしても、あちらの本にはリップシンクのことが書かれています。まぁ、日本ではFlashアニメーション（カートゥーン）制作、というのは定着していないから必要ないのかもしれませんが‥。

Flashアニメーション（カートゥーン）におけるリップシンクのポイントは、いかに動かす枚数を少なくするか、ですね。3Dソフトで作った作品などは、口の動きがリアルすぎて気持ち悪いと言われていますよね。だから、コマを少なくして調整してる。ぜんぜん関係ありませんが、米国の（昔の）テレビアニメーションで、口だけが実写というのがありました。（ほんとにリップシンクにこだわってます‥。）

「Flash アニメーション・スタジオを設立する」制作日記は、（レポートチャンネルのようなものですから）基本的にナレーションしかありません。私が実写で登場しても面白味がないので、キャラクターに代わってもらおうと思ってます。そこで、ナレーションに口の動きをあわせる‥リップシンクの採用。方法は‥

１）Flash のストリーミング・スクラッチを駆使して、手作業で口の絵をあてる
２）Toon Boom Studio を使う
３）AfterEffectsを使う（モーションスクリプトで処理）

などがあります。
Toon Boom Studio、AfterEffects、どちらも自動的に生成でき、ベクトルの状態でSWFファイルに書き出せますが、キーフレームの塊になってしまいます。仕上げがDVD用のビデオファイルだけなら問題ないんですが、Webでも使いたいと思ってますので、データサイズが気になります。でも、Flashで手作業というのは、すごい手間になりますね。試行錯誤も大変そう。手直しが大変だと、すぐ妥協しそうで心配。
やっぱり‥Toon Boom Studioでしょうかねぇ。キーフレームだらけのSWFファイルをFlashに読み込んで調整した方が楽そうです。キャラクターだけですし。

Toon Boom Studio 2.0（最新バージョン）は、たしか53,000円。Flash MX並の価格です。趣味だとキツイですが、ビジネスでみたら、すぐに回収できる価格でしょう‥。（と、確信し、私はすでに買ってるんですが‥。）Flashでもやれるんです。コツがありますが。ただ、時間がかかるのと、修正が苦しい。この２点、仕事では想像以上に足を引っ張ります。「全部、Toon Boom Studioで作っちゃた方がいいんじゃないの？」という声も聞こえてきそうですが、

「オブジェクト指向的な考え方でアニメーション制作をしたい」

というのが私の理想なのです。逆な言い方をすれば、これができないと、黒字化にはつながらない。
‥とまで言ってしまいます。アニメ制作も、ビジネスで考えたら、どんなに小規模なものでも人件費が大半を占めます。（1年とか、時間をかけられるのなら別ですが。）ですから、どうしても効率化というのが重要となります。昭和38年「鉄腕アトム」が日本初の（毎週放映）テレビアニメーションというのはご存じだと思います。動かす絵数を減らし、同じ絵を流用し、効率化を図りました。

もちろん、こういう効率化もあるんですが、現在はコンピュータが発達し、デジタルを駆使した制作が可能。オブジェクト指向的な考え方でアニメーション制作をしたい。この言葉にはそういう意味があります。

私は、教育業界にいて、いろいろ教材を企画してきました。この業界では、AUTHORWARE というオーサリングツールがほぼ標準になってるんです。マクロメディア社のソフトですから、知っている人も多いと思います。まぁ、価格が30万円近くしますからね、持っている人は少ないでしょう。

AUTHORWAREを使えば、フローチャートを組み立てながら、コンテンツを構築できるのです。最初は、面倒に思えますが、DirectorやFlash MXのオーサリングより、はるかに簡単です。（最初はほんとに取っつきにくいんですけどね。）マルチストーリーのあるアニメーションも作りましたが、混乱せずに作れる。フローチャートが基本ですから。Flash MXだと、すごく大変ですよね。ActionScriptで記述しながら、独自ツールを作っていかないとダメですから。つまり、作品をつくりながら、オリジナルツールも開発していくという‥。

でも、こういう考え方は、教育では重要なことです。米国のデザイン学校では、１年次にアルゴリズムを勉強しますよね。デッサンや色彩構成などと同じように。例えば、Photoshopでこんな表現を実現したいと思ったら、オリジナルのフィルタを作るんです。「Photoshopには、こういう機能がないから、この表現をやめよう」とは、ならない。表現のためにプログラミングもやるという発想です。日本の学校は、絵描きとプログラマーを最初から分けていますけど。

話をもどしましょう‥
自分が学生なら、時間をかけてもいいんですが、事業として成立させるには、ゴールを決めないといけません。最終ゴール、中期、短期、と。そうすると、優先順位がはっきりしてきます。「オブジェクト指向的な考え方でアニメーション制作をしたい」というのは‥

１）制作の考え方そのものをオブジェクト指向に
２）ミドルウェアとの連携で実現（モジュール化の考え方）

を現実的な手法として動かそうと思っています。余裕があれば、ActionScriptによるツールも取り入れたいと考えてますが‥。この話題は追々していきましょう。絶賛したAUTHORWAREですが、どんな感じで制作するのかムービーを用意しましたのでご覧になってください。

［Flashムービーを見る］
※何回か効果音が鳴りますので仕事中の方はご注意

もしかしたら、「難しそう‥」と思われるかもしれませんが、そうではないんです。他のオーサリングソフトでは、受講者のビヘイビアトラッキング（行動追跡）できる教材をこんなに簡単に作れませんから。あっ、これは教育業界の話ですからね。
要するに教材作りにおいて、絶賛しているので‥ご了承を。