mieki256's diary

アニメーションの12原則は、初期のディズニーアニメを支えた伝説的なアニメーターさん2人が提唱(?)した原則。「こうすればそれらしく動いてるように見えますよ」というアニメーションのノウハウ集というか、基礎知識というか…。手描きアニメに限らず、動きを見せるものならどんな分野でも応用できる。Webデザインとか、モーショングラフィックスとか。

_12 Principles of Animation (Official Full Series) - YouTube
_Twelve basic principles of animation - Wikipedia
_Squash and stretch - Wikipedia
_ディズニーのアニメの動きがまるで生きているように感じる秘密がわかる「キャラクターに命を吹き込む12の法則」 - GIGAZINE

今回気になった箇所は、一番最初の原則、Squash and Stretch (潰しと伸ばし)に該当するのだろう…。

上記のムービーでは、初心者(?)がやってしまいがちなミスが ―― 縦だけとか横だけとか、一方向に伸ばしたり縮めたりしてしまう悪例が紹介されてる。本来は、縦に縮めたら横に伸ばしたり、横に縮めたら縦に伸ばしたりして、容量・体積が変わらないように動かさないといけない。そうしないと不自然に見えてしまう。

ただ、「こめかみっ」の場合、わざとやってる可能性もあるかもなと…。

自分が気になったカットは、片方のキャラが何か説明していて、もう片方のキャラが「うん」「うん」と相槌を打ちながら聞いている、というカット。縦にちょっと縮めることで相槌を打ってるという記号にしていたのだろうけど、横方向にも伸ばしちゃうと相槌とは違う動きに見えそうな気もして…。

原則はあくまで原則でしかなく、状況によってはあえて原則から外したほうが、という場面もあるはずで…。だから、これはちょっと判断つかないなと…。

ディズニー、ピクサー、カートゥーンアニメ等は Squash and Stretch を当たり前のように使ってるけれど、日本国内も Flash(Adobe Animate)を使ってアニメを作ってるスタジオなら活用してる印象があるなと…。

TVアニメ「異世界かるてっと」はFlashで制作されてるらしいけど、キャラが振り向いたりする時に使ってたような…。そのまま何もしないとパカッと画が切り替わっちゃうけど、こういう動きを入れながら切り替えると不自然さがかなり減る気がする。

「やわらか戦車」「くわがたツマミ」で有名なラレコさんの作品でも当たり前のように使ってた記憶も…。以前、NHKで放送されてた「ガッ活!」を目にして、動かし方が上手いなあと感心した記憶が…。このあたり、静止画を動かす時の基礎テクニックなのだろうな…。

手描きアニメなら、南家こうじさんの作品が思い浮かぶ。「うる星やつら」昭和アニメ版のOPED、「あんみつ姫」、「スプーンおばさん」、NHK「みんなのうた」の映像を手掛けた方だけど、ちょっとした動きにもさりげなく入れてる、その匙加減が良い…。

前にメモした気もするけれど、 _TVアニメ「私に天使が舞い降りた!」のED でも使ってる。このピョコピョコした動きが良い…。静止画素材なのに…。


TVゲームでもちょくちょく使われて…と思って記憶にあった某ゲームの映像をYouTubeで探して確認してみたら、縦の拡大縮小が一旦終わってから横の拡大縮小が始まってて「アレ？」と…。自分、何十年もずっと勘違いしてた…。なんてこった…。全然違う動きだった…。それはさておき、スプライトの拡大縮小や3DCGを使えるハードウェアじゃないとそういう動きは付加しにくいから、ある時期より後に発売されたゲームじゃないと出てこないよな…。それ以前のハードウェアでやるならパターンを用意してやることになるけどROM容量の問題が出てくるだろうし…。

以下の動画ではプログラムで動きを付加した事例が紹介されてるけれど、結構印象が違う…。

_Squash and stretch in 3 minutes [Godot 4] - YouTube