00:00
足首ゲスト アニメーションの話をしたいんですが
アニメーションというと複数枚の絵を描いてパラパラ漫画の容量で動かす
いわゆるセルアニメーションを連想する人が多いと思います 今回話したいのはそのアニメーションではなく
モーショングラフィックスと呼ばれる文字や図形などを移動させたり 拡大縮小させたりの動きをつけるアニメーションです
コンピューターが得意な処理ですよね 手書きで少しずつ大きくなっていく絵を描くとか少しずつ薄くなっていって消えるとか
アナログで書くのは大変ですがデジタルなら自動でやってくれます この大きさからこの大きさに拡大されると指示すれば間のコマは自動的に生成できるんですね
ボーカロイド曲とか歌い手の曲のミュージックビデオでもモーショングラフィックスはよく使われている印象です
イラストは静止画のままで歌詞がモーショングラフィックスでかっこよく出てくるという パターンが多いようです
ボカロピー的な人と個人の映像クリエイターが組むというケースも多いようで 時間と手間がかかってしまうセルアニメーション的な動きのシーンはポイントポイントで使いつつ
モーショングラフィックス的な動きでかっこよく上手いことを見せている ミュージックビデオも多いように感じますと言いつつそんなにたくさん見たことがあるわけではないんですけどね
モーショングラフィックスを作るには定番のアプリケーションがあって adobe after effects というのが定番だと思います
プロも使うツールでお値段的なコストもかなりかかるのでこれからアニメーション作り モーショングラフィックスをやっていこうという人は別なツールを使ってたりするのかもしれませんが
私は adobe creative cloud のコンプリートプランのユーザーなので after effects を使うことができます
ちなみにこの after effects は元々は adobe が開発したわけではなくて コーサという会社が開発した
コーサ after effects だったんですがコーサがアルダスに買収され アルダスが adobe に買収されたことで adobe after effects になりました
私は adobe after effects をかなり初期のバージョンから触ったことはあるんですが 簡単なデモンストレーションをするとか
03:02
機能の検証をするとかそういう程度にしか使っていなくてがっつり作品を作ったりしたことはありません
というか挫折したと言ってもいいかもしれないです モーショングラフィックスを作るにおいて考えられることはだいたい何でもできて
細かくコントロールできるんですが映像制作 アニメーション制作のプロではない人が使うには敷居が高いと思います
機能が豊富すぎて使いづらいという面ももちろんあるんですがそれ以前に物を動かすこと におけるセンス的なもの
センスという言葉はあまり使いたくないんですがわかりやすいんで一旦使いますが 動きのセンス的なものそれを身につけるにはかなりの時間をかけて勉強しなきゃいけないだろうなと
いうことでアフターエフェクツは使いこなせないなと思ったんですね 例えば何かの文字や図形を a 地点から b 地点に移動させるとします
最初と最後の位置を決めればアフターエフェクツは自動的に間の動きをつけてくれるので アニメーションそのものは簡単に作れるんですが
ただ普通に一定速度ではーっと動いても単調で今一つな感じになりがちです 実は移動させる場合最初徐々に動き出して途中は同じ速度で動き
最後また徐々に減速していくという変化をつけるのがセオリーなんですね 最初徐々に動くのをイーズイン
だんだん減速するのをイーズアウトという用語があります このイーズインイーズアウトをつけてあげると動きがいい感じになるんですね
とはいえじゃあどれぐらいの速さでどれぐらいの時間で a 地点から b 地点に移動させたら気持ちがいいかなど考えることが多くて
アニメーション作成は大変ですね after effects はイーズインイーズアウトをさせるときにどれぐらいの加速をするかとか
グラフを出して細かくコントロールしたりできるんですが 自分の本来持ってる勉強してない段階でのセンスに任せて作っていてもなかなかうまくいかないので
セオリー的なものルール的なもの先人の経験に裏付けされている 教科書的なものが欲しくなるところですよね
なのでちょっとした動きを作るにもそれなりに時間をかけて勉強して経験を積んでいって 引き出しを増やしていく必要があると思います
06:12
そしてやっと本題なんですがそこまでやらないでそこそこいい感じのモーショングラフィックス アニメーションを作りたいよねというニーズには
アップルのキーノートが向いていると思います 例えば先ほど言ったイーズインイーズアウト
徐々に加速して最後徐々に減速する動きですが キーノートで移動のアニメーションを作った時にはデフォルトで最初からイーズインイーズアウトが
設定されていますこれは設定でイーズインだけイーズアウトだけ どっちもなしも選べるんですがとにかく最初に移動のアニメーションを設定した時に
こっちの方がいい感じだよとイーズインイーズアウトが最初から設定されているところが キーノートのいいところ優しいところだと思います
もちろんアフターエフェクツほど細かくいろんなところをコントロールはできません できることは限られているんですがあらかじめ用意されている
アニメーション効果を選ぶだけでそこそこいい感じのアニメーションを作れるというのが キーノートのいいところですね
くるっと立体的に平面なんですが回転するとか落ちてきてちょっとバウンドするとか それっぽい動きが細かい設定をしないでも最初のデフォルトの設定のままでいい感じにある程度
緩急ついた感じで動いてくれます バウンドする効果にはバウンドする時にちょっと1回そのオブジェクト自体が潰れて戻ってみたいな動きをしたりもするんですが
これアフターエフェクトで作ろうとしたらすごく手間のかかる作業になると思います mac 版のキーノートより
ipad 版の方がアニメーションを作る上では便利だと思います ipad 版にしかない機能があるんですね
まず手書きでイラストとか文字を書いた時にその書いている様子 線が引かれている様子をアニメーションにできるんですね
文字が書かれていくアニメーションとか結構需要があると思います あと移動のアニメーションを作る時に
オブジェクトを指かアップルペンシルで抑えて好きなように動かしていくとその通りに オブジェクトが動くアニメーションを作れます
09:05
オブジェクトが動くアニメーションを作る時にはこの線に沿って動きますよという パスと呼ばれる線が作られるんですがこのパスはいわゆるベジ曲線になっていて
ipad 版でも mac 版でも後からこのパスを補正することもできます ipad 版だとオブジェクトを移動させると自動的にその移動に合わせて
パスが作られるということです キーノートのアニメーションは一つのオブジェクトに対して同時に複数の動きができないんですね
回転しながら移動するみたいなことです そこで例えば人が歩いているような動きを
procreate などでセルアニメーション的なものを作ってそれをキーノート上で移動して 歩いているみたいに見せられないかなと考えました
で結論から言うとそれは可能です mp4 とか mov とかの動画ファイルあるいはアニメーションジフをキーノートに貼り付けて
それをキーノートのアニメーション機能で動かすことはできました アニメーションジフなら背景を透過させることができるので背景と合わせてさらに複雑な
アニメーションとか作れそうですね 今回は以上です
