クリエイティブカレッジはYahoo! JAPANと，ロクナナワークショップが「Yahoo! JAPANインターネット クリエイティブアワード2009」のプレイベントとして開催した1日限りの無料セミナーです。

アニメーション セッション

「Yahoo! JAPAN×ロクナナワークショップ クリエイティブカレッジ」2つめのセッションは，面白法人カヤックのアニメーター 嶋田俊宏（しまだとしひろ）氏をゲストに迎えた「アニメーション セッション　書籍には掲載できないWebアニメテクニック」だ。

面白法人カヤックといえば，様々なオリジナルキャラクターを生み出し，ユニークな自社サービスを展開することでご存じの方は多いのではないだろうか。今回は嶋田氏より，Flashのモーショントゥイーン機能を使ったWebアニメーションの制作テクニックが紹介された。

本セッションは，生きた動きの作り方，クライアントがうなった演出，爆速!!!アニメーション制作術 の3部構成となっており，嶋田氏のアニメーションへのこだわりや，制作の裏側が見られるお得なセッションとなった！

生きた動きの作り方

クライアントに「キャラクターの手を動かしてくれ！」と頼まれると，手だけを動かして満足しがちだが，それでは動きが死んでしまうという。生きた動きを演出するには，手だけではなくそれ以外の体全体に動きをつけることが重要だと，嶋田氏の手がけた「トヨタ自動車」のキャンペーンキャラクター「 デコクレ」を例に見せてくれた。

その差は歴然。同じ動きをしているにも関わらず，体全体に動きをつけたキャラクターは，より自然で生きた動きが表現されている。

また，キャラクターのなめらかな動きを表現する上で活躍しているのが，Flashのモーショントゥイーン機能だ。嶋田氏曰く，モーショントゥイーンを使うと制作スピードが上がりその後の修正がしやすいという。

ちなみに「デコクレ」は「トヨタ自動車」が2009年2月に開始したキャンペーンで，戦略として「車を見せずに車を売ろう！」とキャラクターを全面に押し出したという。実際サイトを見ても車の写真がなかなか出てこない。それよりも，シンプルなデザインの中に引き立った，コミカルなキャラクターの動きに目を取られ，車を見に来たことも忘れクリックしてしまう。そしていつの間にか，その空気感を連想させる車を見たくなってしまう。

こういったキャラクターの動きは，クライアントと制作者の間で意志の疎通が難しいが，嶋田氏ははじめに時間はかかってもモックを作ってしまった方が効率的だという。Web担当者は絵コンテでは動きをなかなか理解しにくく，余計に時間がかかってしまう事が多いので，早い段階で動きのすりあわせを行うとその後の作業がスムーズに進むそうだ。

実際にデコクレのモックを見せてくれたが，動き1つに対してもバリエーションが用意されていたり，アニメーションの合間に挟む細かな動きまで作り込まれ，それぞれボタンに割り当てられていて，これなら伝わりやすそうだ。

また，生きた動きとはキャラクターアニメーションだけに言えることではないという。カヤックの新人社員が作ったワイングラスを左右に揺らす動きのアニメーションと，嶋田氏の作ったワイングラス全体を傾けながら左右に揺らす動きのアニメーションを並べて見せてくれた。

こちらもその差は歴然だ。この2つのサンプルからも，生きた動きとは動かそうとしている部分はもちろんだが，それ以外の部分を絶妙なバランスで動かしてあげることが重要なのがよくわかる。