The "12 Principles of Animation" for creating engaging movement.

[@Aquilonel]

「Old 9」さんたちが『カリオストロの城』を観て、その時渡米した宮崎駿さん（たち）に「いったい彼らに何を教える必要があるんだい」と言ったという逸話がありますが、こういうことだったんですね。

[@PuttiMW]

そんな逸話が！ ありがとうございます！ アニメーションの12の原則を知ると、至る所で活用されていることがわかって作品を見るのもより楽しくなりますね。

[@Aquilonel]

@@PuttiMW さん　その時、スピルバーグ氏も上映会にいて「これは敵わない・・・僕はカーチェイスは取らない」と決めたらしいですよ。　これは本当か分かりませんが　😄　このコメントには返信無用です。

[@yama0428]

最近AEを触り始めた初心者ですが、プッティさんの説明が例えがあり、ものすごく分かりやすく、声も可愛いので挫折せずに映像制作できてます。本当に分かりやすい！！！

[@PuttiMW]

動画を見てくださり、ありがとうございます！ 声までお褒めくださり良いモチベーションに繋がります笑 今後もどうぞよろしくお願いいたします！

[@iwata2482]

原則あり、なしの動きの比較がすごくわかりやすかったです！ すごく魅力的な動きで使いこなせると大幅にアニメーションの質が上がるのがよく理解できました😊 少しづつ取り入れていきたいです🎉

[@PuttiMW]

動画を見てくださり、ありがとうございます！ Before After があると視覚的にもわかりやすいですね。 原則はどれも効果が大きいので、少しずつでも取り入れていきたいですね！ 応援しています！

[@pacho731]

いやはや、映像の奥深さを感じます。 まだまだ作例を応用するのには至らないひよっこですが、色々な概念を取り入れ勉強していきたいとおもいます。

[@PuttiMW]

いつもありがとうございます！！ 動きを作るうえでは、ほぼ必ずと言っていいほど重要な要素ですので頭の片隅にでも入れておくと良いですね！ 私も全てを扱えているわけではありませんが、少しずつ取り入れていきましょう～！！

[@一柳和明-n9j]

見させていただきました。 当たり前のことばかりだけど、改めて説明されると「なるほど」と思わされることばかりでした。 細かな手間が、よりよい動画作るんですね。

[@PuttiMW]

いつもありがとうございます！ 原則を当てはめられる箇所は、しっかり反映させてアニメーションの質をあげていきたいですね。

[@user-lu3vc8fm2l]

内容もすごく勉強になるし、動画見れて本当にありがたいです プッチーちゃんかわいいです

[@PuttiMW]

ありがとうございます！ 本動画がお役にたっていれば幸いです！

[@Studio_Rinberry]

いつもありがとうございます！ 恥ずかしながら知らないことばかりでした。 とても勉強になります！ 少しずつ取り入れて自分のものとしていきたいです。

[@PuttiMW]

こちらこそ、いつも動画を見てくださりありがとうございます！ ひとつの知識として、吸収してもらえれば動画を作った甲斐があります！ 是非今後の動きに取り入れてもらえると嬉しいです(__)

[@金米-j5m]

めっちゃ分りやすい　教えてくれてありがとう😭

[@tock4867]

こんにちは。いつも気づきのある動画をありがとうございます。 これまではなんとなくで、出現のタイミングずらしや、テキストモーションのエコーなどを只真似て掛けていました。 予備、演出、余韻、意味があったんですね。な･な･な･な･なるほど！

[@PuttiMW]

動画を見てくださりありがとうございます！ やはり優れたアニメーションには、動きひとつひとつに意味があったりして奥が深いですね。 私は全然その領域には達していませんが、原則を知ると使われている場面がわかるようになってくるので、良い勉強になりますね。 是非、原則を活用しつつ動きを作ってみてください～！

[@naga-eu5mn]

いつもありがとうございます！ 1から拝見させて頂き、チュートリアルをこなし、やっと追いつきました😆笑 アニメーションの動きを作るにあたって、なんとなくこうだろうなーと思っていじってましたが、 このような基本原則を理解して、それに則ることが大事だと勉強になりました。 今後もお世話になります🙇‍♂

[@PuttiMW]

いつもありがとうございます！ アニメーションの基本原則を知ることで、動きに関しては安定したクオリティをだすことができると思います。 私も全てを把握して使いこなせているわけではありませんが、少しずつ取り入れていきたいですね！ 今後もどうぞよろしくお願いいたします！

[@TamKyjtt]

孫たちが小さいとき大好きだった(私はもうそんな年です)アメリカのテレビアニメーション「トムとジェリー」のトムやジェリーたちの動きを思い出すと、この12の原則がぴったりとはまることが分りました。 大袈裟のようで、無いと単調になる、でも過ぎないように、ですね。 半年くらい前から、Affter Effectsを勉強しだしました。Putti Monkey Wrenchさんのこのサイトとても参考に、でもとても消化しきれていませんが。これからもお世話になります。

[@PuttiMW]

動画を見てくださり、ありがとうございます(__) 「The Illusion of Life」はアニメーターの方にとってバイブルのようなものみたいなので、原則が活用されたアニメーションは非常に多いですね。 ディズニーのアニメやCG作品はもちろん、その他のアニメ作品にも様々な原則を見つけることが出来て楽しいです。 当チャンネルにて、なにかわからない点や躓く個所などありましたら、お気軽にまたコメントいただけると嬉しいです。 一緒に悩みたいと思いますので、是非お声掛けください！ 今後もどうぞよろしくお願いいたします！

[@スタジオさくさく]

とても興味深い内容でした。 アニメーション効果説得力大ですね。squash and stretchの無機質な■がダンスを踊ってるようでかわいかったです☺️

[@PuttiMW]

早速見てくださり、ありがとうございます！ 実際に原則を適用してみたアニメーションを見ると、効果があることがわかりますね！ 今回は合間に流れるアニメーションも数が多く中々大変な編集でしたが、良い感想を頂けたので報われます！

[@user-dn7nf1ft1]

天才だ...

[@hatake_137]

9:10 スクアッシュのときの動きがかわいい。ピクサーって感じがする

[@PuttiMW]

ありがとうございます。 作るのは時間がかかりますが、アニメーションの質は一気にあがりますね！

[@NEXTistStuDio]

かなり勉強になりました😊分かりやすくまとめてくださり本当にありがとうございます😆✨

[@PuttiMW]

動画を見てくださり、ありがとうございます！ Twitterの方でもフォローいただきありがとうございます！ 今後もどうぞよろしくお願いいたします！

[@NEXTistStuDio]

@@PuttiMW 強い憧れと尊敬の思いを抱きつつ、ずっとフォローできずにいましたヽ(´o｀；急にフォローしてしまったのに返していただいて本当にありがとうございます🙇💦 こちらこそどうぞよろしくお願い致します(〃ω〃)

[@PuttiMW]

@@NEXTistStuDio そんなに大した者ではありませんが、そう言っていただけると嬉しいです笑 Motion Tools Proの件では、私以上に問い合わせがあったと思いますが、みなさまへのフォロー含めて素晴らしい発信だと思いました！ 発信含めて私も勉強させていただきます！ どうぞよろしくお願いいたします！

[@snissy2154]

オープニングのプッティちゃん（名前合ってますかね）の普段と違う表情が見れるの嬉しい

[@PuttiMW]

ありがとうございます！ 合っています！イラストは時間を見つけてまた増やしてみたいですね！

[@ないたい]

有料級の動画ですごく勉強になっています！ Squash and Stretchの説明の中(10:40)でプラグインがあるとおっしゃっていますが、名前を教えていただけますでしょうか🥲

[@PuttiMW]

申し訳ありません…返事が遅くなってしまいました。 プラグインの名前ですが、そのまま「Squash & Stretch Pro」となります。 Free版もあるのでお試ししてみてください！

[@kook__seungchan]

이 영상에 한국어 자막이 달려있네요. 한국어 자막 덕분에 영상의 이해가 빨라서 너무 좋아요. 그리고 이러한 이론적인 내용들을 알려주셔서 감사힙니다. Putti Monkey Wrench님! 앞으로도 잘 보고 있겠습니다!

[@PuttiMW]

영상을 시청해주셔서 감사합니다. 앞으로도 많은 관심 부탁드립니다.

[@zironyan]

spuash &strechの、四角が柔らかくジャンプするのがとても魅力的なのですが、 どのようにして、柔らかく動かしてるのか、どこかでもっと詳しく説明している動画はありますでしょうか？ 是非、知りたいです。

[@PuttiMW]

動画を見てくださり、ありがとうございます！ 四角形の変形についてですが、詳しく説明している動画はありません。 エフェクトの「ワープ」を使用して変形させていますので、是非お試しください～！

[@ZEB005]

応援してます🎉

[@PuttiMW]

ありがとうございます✨

[@oumidotattoo]

よし、アニメーションを作る練習として切り絵を繋げたものを動かし、ストップモーションのアニメーションを写真をとることで作り、いかに滑らかな動きが作れるか、何枚を何秒のために書く必要があるのか感覚として理解する。

[@ex-bb]

ありがとうございます！

[@PuttiMW]

いつもありがとうございます！ 初のSuper Thanksでした！感謝します(__)

[@momomeme729]

動画更新なくて寂しいけど、めちゃめちゃ分かりやすくて声が好きです！！！！

[@PuttiMW]

ありがとうございます！！ 最近動画をアップできていませんが、再開予定ですので、また遊びに来てください～！！

[@房泽然]

いい声ですね

[@PuttiMW]

ありがとうございます！！

[@とくめい-j4m]

いつも有益な情報ありがとうございます。質問ですが、Squash & Stretchにオススメのプラグインはありますか。『Squash & Stretch　free』を試しましたが、どうも動きが高速過ぎて、好みではありません。もしご存知でしたら、教えて頂けたら嬉しいです。

[@PuttiMW]

動画を見てくださり、ありがとうございます！ 私も『Squash & Stretch』しか知らず、実際には触ったことがないのでわからないですね… 公式のチュートリアルなどあれば良いのですが。 お力になれず、すみません。

[@とくめい-j4m]

返信ありがとうございます。そうでしたか。パス編集やピンツールは結構時間をとられるので、プラグイン探してるのですが…なかなか好みのものがない状況です（泣） 返信ありがとうございました。

[@PuttiMW]

@@とくめい-j4m Squash & Stretchを取り入れるのは、通常工程だとかなり時間が奪われますね… 良い手立てがあると良いのですが。 今回はお力になれず、すみません。 また覗きに来てください～(__)

[@snissy2154]

素朴な疑問なんですが、プッティさんはチュートリアル動画はAEで制作されていますか？解説系や中・長尺動画はPremiere派が多い気がしたので・・プレゼンテーションとしても凄く綺麗な印象ですが、Illustratorで素材を作ったりもしますか？

[@PuttiMW]

動画を見てくださり、ありがとうございます。 チュートリアル動画は、After EffectsとPremiere Proの両方を使用して作っています。 スライドや、動きのある素材をAeで作成し、Premiere Proで並べる手順が多いです。 Illustratorはチュートリアル動画ではほとんど使用していませんが…サムネイルなどでたまに使用します。

[@snissy2154]

@@PuttiMW 丁寧なご回答を頂きありがとうございます！AEに特化されているイメージでしたが、やはりアドビソフトは一通り使われていらっしゃるのですね。いつもありがとうございます。

[@YukunMAD]

すごい見やすい動画ありがとうございます！🙇‍♂️ Q.Overlapping Actionの動かし方についてなのですが、この髪揺れのような動きはペンツールなどで指定してエフェクトを付けたのでしょうか…？それとも何か有償(auto swayなど)をご利用したのでしょうか…？ 教えていただけると幸いです！

[@PuttiMW]

動画を見てくださり、ありがとうございます！ 髪揺れのような動きは、動画ではエフェクトのCC Bend Itを使用しています。 パスを変形させても再現できると思います。

[@YukunMAD]

@@PuttiMW ご返信ありがとうございます！！なるほど…！

[@RkuharaTandai]

AEの基本操作覚えたあともお世話になってます

[@PuttiMW]

ありがとうございます。 マイペース更新ですが、今後もどうぞよろしくお願いいたします！

[@スミ-m1z]

動画投稿、情報発信ありがとうございます！ 質問です。 Aeが問題なく動くwindowsノートパソコンのオススメはありますでしょうか？デスクトップの方が良いことは重々承知しているのですが、都合上どうしてもノートパソコンでなくてはならず、どれを購入すべきか悩んでおります。(mouseのDAIVシリーズやゲーミングではOMEN、Victus等) 金額もそれほど掛けられないので、先生のオススメやご意見を伺いたいです。 何卒よろしくお願いいたします！

[@PuttiMW]

動画を見てくださり、ありがとうございます！ これは難しい問題ですね…というのも私はノートPCを持ってもいないので全くわからないです… なのであまり適当なことを言えないというのが本音です…お力になれず、申し訳ありません。 良いノートPCに出会えることを願っています！

[@スミ-m1z]

@@PuttiMW コメントありがとうございます！いいものに出会うまで、今持っているもので何とか頑張ります！

[@smallsur3261]

分かりやすく魅力的な動画ありがとうございます🙇‍♀️ puttiさん説明も上手いですし、編集アニメーションも素晴らしくデザイン等も勉強になります🙇‍♀️ 私達の事を考えて下さってるのが伝わり毎回感謝しかございません😌 今回の動画も繰り返しも拝見させて頂き、力を上げていきたいです(*･ᴗ･*)و

[@PuttiMW]

早速動画を見てくださり、ありがとうございます！ 出来る範囲で原則を取り入れてみてください～！

[@channekosounds3820]

サムネや動画内のデザインが素敵なのですが、デザインに関する動画を作る予定はありますか？

[@PuttiMW]

ありがとうございます！ デザインに関する動画は、今のところは考えていません… レイアウトや視線誘導系のお話などは、どこかで行いたいな～と思っています。 デザインに関してですが、書籍での学習の方が捗るというのが、動画を作らない理由の一つになります。正直なところ私の実力では、書籍の内容を薄めてしまうことにもなりますので、なかなか手を出せないですね。

[@channekosounds3820]

@@PuttiMW そうなんですね、ありがとうございます！応援してます

[@눕기금지]

もしこれをアフターエフェクトで表現するチュートリアルを作る計画はありませんか？

[@PuttiMW]

動画を見てくださり、ありがとうございます！ 今のところ予定はありません… 原則は至る所で使用することになりますので、部分的に他の動画で登場することはあると思います。

[@ex-bb]

うぽつです。動画編集始めた半年前に教えて貰って確かディズニーの用いる手法で12原則を解説しているサイトを観たのを思い出しました。右も左も分からなかった当時、どう動かしたら良いか困った時は｢物体の動きは普通は静止から動き始めて静止して終わる｣｢暇な時は世の中の色んな動きを観察する癖をつけて後で思い出してみる｣この2つを意識出来るだけで表現の幅が格段に広がるから覚えておけ。と当時はまだ居た師匠の有難いお言葉を思い出しつつプッティ先生のレクチャーにしがみついて今後も精進したいと思っております(・ω・)

[@PuttiMW]

@ex-bb さん、いつもありがとうございます！！ Super Thanksまでありがとうございます！！ 良い師匠ですね！ 私は、既に作られた動きや、デフォルメされた動きを参考にすることが多かったので、「現実世界ではどうなるのか？を見たほうがいい」と師に言われていました。 まずは現実世界で起こる動きを観察するは大事なことですね。 常にアンテナを張り、動きに活かせないかを見ていきたいですね！

[@牡丹モッチ]

お疲れ様です(｀･ω･´)ゞ 今回はテクニックではなく、思想的、発想的な部分での解説、アドバイスでしたね。 根幹にある思考的なテクニックになりそうなので、かなり重要そうです。 アニメーションは他のジャンルも手掛けたりするのですか？ カートゥーンやホワイトボードなど、色々ありますが。

[@PuttiMW]

おつかれさまです。 動画を見てくださり、ありがとうございます！ アニメーションですが、今はキャラクターアニメーションは勉強中といったところです。 ホワイトボードなどは作成したことはありませんね…

[@ささやん-p7q]

いつも有益な動画をありがとうございます。 質問があります。 Adobe After Effects 2023で使用する、オプティカルフレアを購入したのですが、オプティカルフレア自体は無事に導入できたのですが、別に販売してあるPRO PresetsとPRO Presets２がオプティカルフレアに反映されません。 PRO PresetsとPRO Presets２のファイルは、販売元のビデオコパイロットのインストールガイドの通りにC:\Users\[PC NAME]\Documents\VideoCopilot\Optical Flares\Optical Flares Presets\Lens Flares に指定しているのですが、反映されず使うことができません。 お忙しと思いますが、KZbinで解決策などを動画化していただきたいのですが可能でしょうか？

[@PuttiMW]

同じ状況になったことがないため、反映されない理由が正確に分かりませんね…なので動画化もできそうにないです。 拡張子「.ofp」が入ったフォルダのみを、Lens Flaresフォルダに移動させていますか？ 移動させた後に、一度Optical Flaresの画面を閉じてから、再度起動させて確認しましたか？ そのほか考えられるのは、「保存場所が違う」「保存ファイルが違う」とかでしょうか… もう一度手順を確認し、もし公式のインストールガイド通りにできているのに反映されないのであれば、公式に問い合わせしかないかもしれません。

[@ささやん-p7q]

@@PuttiMW お忙しい中、返答ありがとうございます。 .ofpファイルのみ入っていて、再起動もしていますが反映されませんでした。 以前は、ドキュメントではなく、 C:\Program Files\Adobe\Adobe After Effects 2023\Support Files\Plug-ins\VideoCopilot に入っていたのですが、その時は問題なく使用できていました。 一度、PCを初期状態にしなければならない時があり、初期化して、再度、インストールした際に、手順を見たらドキュメントになっていました。 昔の様に、Plug-ins\VideoCopilotに入れたりもしましたが、全く反映されませんでしたね。 presetsだけかと思いましたが、標準で入っている、lightやmotion graphicsやnatural flaresも反映されてない状況ですので、公式に問い合わせた方が良いのかもしれませんね。 今回は相談を聞いていただきありがとうございました。 これからも応援しています。

[@PuttiMW]

標準で入っている、プリセットも反映されていないのはおかしいですね… アンインストールから再インストールでもダメであれば、公式に頼ってみてください。 お力になれずすみません。 うまく解決することを祈っています！ 今後もどうぞよろしくお願いいたします！

[@PuttiMW]

すみません。すでに解決済みかもしれませんが… Optical Flaresを開いて、画面左上にある「File」から「Preferences」を開きます。 すると、「Presets path」という項目がありますので、「Change」からプリセットの入ったフォルダを指定することができます。 もしかすると、このパスに問題があるかもしれませんので、確認して見てください。

[@gydeax]

こんにちは 詳しい解説ありがとうございます ８は難しく、近しいものを仕事で作ったことがありますが、感と力業でしたね 12はファンタスティックですね フォント変更ですか？コメントで見ましたが

[@PuttiMW]

こんにちは！ いつもありがとうございます！ 今回の紹介から外れているものは、解説が大変なものもありますねw また時間を見つけて紹介してみたいと思います。 今回は特に文字が多いのでフォント変更してみました。 コメント見ていただけましたか！どうですかね？いつものフォントは見ていて疲れるものでしょうか？

[@gydeax]

@@PuttiMW 今回のフォントは書籍っぽく、全体のデザインを含めそれを見ているような感じですね（動く解説本） いつものフォントで疲れると思った事は自分はありませんし、それはチャンネルの個性ですし、どのチャンネルにでも言える事で、動画を作成している方の自由だと思います ネガティブに、そういう風に感じる方もいらっしゃるという事に対してだけではなく、複合的に対処されたのでしょうから、尊重します 自分的には、エンタメ感も動画の重要な要素だと思っていますから、自身が使用したいユニークなフォントで表現したり、内容と共に楽しめれば良いのではと思っています では、また

[@PuttiMW]

@@gydeax そうですね！今回は特に講義っぽい内容になったので、フォント選択は悪くなかったかもしれません。 いつものフォントは気に入っているので使う予定ではありますが、同じ意見が多くなってきたら考えようと思います(__) いつもありがとうございます！是非また見に来てください～！