Webアニメーション 2010
イージング – アニメーションに表情をつける
加速と減速について
DVD「ノーマン・マクラレン作品コレクション」パイオニアLDC、より「ノーマン・マクラレンのアニメーション講座 2」を視聴
- アニメーションの要素は、テンポの他にあと5つの動きに分類できる
- 第2回ではその中の2つを紹介
- その1:等速運動
- 加速する動き
- 加速の割合による動きの違い
- 加速の割合によるスペクトラム
- その2:減速する動き
- 減速も加速と同様にその割合により動きが変化する
- 加速〜等速〜減速と、動きは一連のスペクトラムで表現できる
- 加速減速を利用することによる様々な表現
- 重量(重い、軽い)、パンチ(強さの表現)、ソフトなタッチ、重力、弾力、遠近感
モーショントィーンの高度な活用
Adobeが提供する映像プログラムAdobeTVの映像を視聴
- モーション トゥイーンの作成:PART1 (13:51)
- モーショントゥイーン作成のおさらい
- 以前のバージョンとの比較(参考)
- アニメーションパスの操作
- キーフレームの表示について
- カラーの変化
- シンボルのドラッグによる動きの変更
- ダイレクト選択ツールを使用したモーションパスの調整
- アニメーション全体の長さの変更
- シンボルの変更
- モーションエディタについて
- モーションエディタの画面の操作方法
- イージングの設定
イージングを利用した表現
モーションエディタとイージングを駆使して、様々なニュアンスの表現にチャレンジ!
- バウンド
https://yoppa.org/wp-content/uploads/2010/04/01_bounce.swf,400,300
- バウンドによる重量の表現
https://yoppa.org/wp-content/uploads/2010/04/01_bounce1.swf,400,300
- 強いパンチ
https://yoppa.org/wp-content/uploads/2010/04/02_violent_punch.swf,400,300
- ソフトなタッチ
https://yoppa.org/wp-content/uploads/2010/04/03_touch.swf,400,300
- プッシュ
https://yoppa.org/wp-content/uploads/2010/04/04_push.swf,400,300
- 衝突して跳ね飛ばされる物体
https://yoppa.org/wp-content/uploads/2010/04/05_collision.swf,400,300
サンプルファイルのダウンロード
今回の授業ので使用したサンプルは下記からダウンロードしてください