キャラクターが歩く!ウォークサイクルの作り方【After Effects チュートリアル】

  Рет қаралды 161,615

mooograph

mooograph

4 жыл бұрын

※18:30〜 足の複製ですが、ctrl+dでも問題ありませんでした。複製し、元のLegのレイヤーのエフェクトパネルで、Leg Lパスのレイヤーと書いてある右側、参照するところをそれぞれ複製したレイヤーに置き換えればOKです。
---------------------------------------------
今回は、キャラクターのウォークサイクルの作り方について解説しています。
シェイプのパスアニメーションと、create nulls from paths extendedというスクリプトで作っていますのでかなり動作が軽く、作りやすいです◎
このスクリプトはAEに標準で入っているcreate nulls from pathsをハンドルをつけてベジェを調整できる仕様にしたものなのですが、、非常に便利です。(これを使うまでは毎フレームキーフレームをうっていました。)
ウォークサイクルに限らず、キャラクターアニメーション全般に使えるのでとてもオススメです!!
▶︎aepプロジェクトダウンロード(無料)
mooograph.com/walk-cycle/
▶︎create nulls from paths extended スクリプト
lesterbanks.com/2017/10/creat...
▶︎アニメーターズサバイバルキット
amzn.to/36iyRBg
▶︎リンク
web: mooograph.com/
Twitter: / mooograph
Instagram: / mooograph
▶︎Music
Who Likes to Party - Kevin MacLeod (incompetech.com)
Manor - Kevin MacLeod (incompetech.com)
Electrodoodle Kevin MacLeod (incompetech.com)
Licensed under Creative Commons: By Attribution 3.0 License
creativecommons.org/licenses/b...
#アフターエフェクト #チュートリアル #ウォークサイクル

Пікірлер: 79
@rantarotime5951
@rantarotime5951 3 жыл бұрын
01:20 セットアップ(アンカーポイントの位置、腕と脚シェイプレイヤーへ変更、親子づけ) 03:11 動きとキーフレームの確認 04:24 体の動き 05:05 頭の動き 06:01 髪の毛の動き 06:50 腕の動き 08:37 袖を作る 10:06 左腕を作る 10:48 足の動き 14:38 footのパスアニメーションで着地と蹴り上げを表現する 16:57 legのカーブを調整 18:00 ズボンを作る(袖と同じ) 18:22 右足を作る
@aiura6180
@aiura6180 4 жыл бұрын
とてもわかりやすいです!引き続きいろんな動画を楽しみにしています。
@mooograph
@mooograph 4 жыл бұрын
ありがとうございます!励みになります〜😊
@Dai-nv6ce
@Dai-nv6ce 3 жыл бұрын
声のトーンが聞きやすくてありがたいです。
@ninninnin
@ninninnin 4 жыл бұрын
うわ~!めちゃキャラがすごくかわいいです😆 めちゃ解説分かりやすいし、かわいいので作りたくなりました! これからも動画楽しみにしてます😃
@mooograph
@mooograph 4 жыл бұрын
ニン☻ニン ありがとうございます、、🥺大変励みになります!!
@ReKg
@ReKg 4 жыл бұрын
moograph さんいつもたいへん参考になる動画ありがとうございます! 2月に仕事を辞めて、今は自分がいちばん夢中になれる仕事をしようと 色々な動画クリエイターさんから毎日勉強させていただいてます。 moograph さんの動画はわかりやすくて なによりもボクがいちばん勉強したいジャンルの動画が多い! 前にmoograph さんがTony BabelさんやBen Marriottさんといった方も紹介されていて そのおかげで世界が広がって毎日のワクワクが増えました。本当に感謝しかないです。 今はコロナで大変な時期ですが、くれぐれもお体にはお気をつけてくださいね。 これからも楽しみにしてます!
@channel-jb7ve
@channel-jb7ve 10 ай бұрын
ありがとうございます!参考にします!
@user-co5qg7ns1t
@user-co5qg7ns1t 4 жыл бұрын
キャラクターのアニメーションはループの処理が大事そうに見えました!今までタイムリマップ敬遠してたんで勉強になりました〜
@mooograph
@mooograph 4 жыл бұрын
ループ大事ですよね!タイムリマップは最初難しいんですが、慣れるとすごーく活躍するのでどんどん使ってみてください!
@cima6961
@cima6961 4 жыл бұрын
先生こんばんわ。わたしにはまだまだ難しいですが、先生の話し方は、スムーズで聞きやすいです。
@mooograph
@mooograph 4 жыл бұрын
cima6961 ありがとうございます!話すのは苦手なのでもっと精進していきます…!
@aominh6753
@aominh6753 2 жыл бұрын
The video sound is pretty good, beyond my imagination
@mooograph
@mooograph 4 жыл бұрын
※18:30〜 足の複製ですが、ctrl+dで複製でも問題ありませんでした。 複製したLegのレイヤーのエフェクトパネルで、Leg Lパスのレイヤーと書いてある右側、参照するところをそれぞれ複製したレイヤーに置き換えればOKです。
@user-zt6uu9bl5n
@user-zt6uu9bl5n 2 жыл бұрын
数回視聴して理解しました! 片足だけループ設定してないのに、なぜ止まらないのか疑問でしたが、 プレビュー再生している箇所は短く指定していたのですね✍️
@candrapota
@candrapota 4 жыл бұрын
Nice tutorial, even tho i only know a bit of japanese language, i still understand
@mooograph
@mooograph 4 жыл бұрын
Thanks🧡
@chrstinatakahashi9863
@chrstinatakahashi9863 3 жыл бұрын
イラストの書き方みたいです!!
@YT-ep5bm
@YT-ep5bm 3 жыл бұрын
チュートリアルありがとうございます! 説明めっちゃ分かりやすかったです。 キャラと動きがかわいい(・∀・)!! 自分でも作ってみたいと思います!
@kankun-sy4ln
@kankun-sy4ln 4 жыл бұрын
とてもわかりやすいから失敗しても何度でもやり直す気が起きます😭
@momotamago812
@momotamago812 4 жыл бұрын
教職持ってますか??めちゃくちゃわかりやすいです・・・ヌルをうまく使うんですね 参考になります!
@mooograph
@mooograph 4 жыл бұрын
教職は全然もってません!笑 わかりやすいと言っていただけるのが1番嬉しいです!!
@gomibako128
@gomibako128 4 жыл бұрын
無料でこの動画が見れてしまうのか。ありがたい( ;∀;) めちゃめちゃわかりやすいです!
@Taro.Takeda
@Taro.Takeda 4 жыл бұрын
女性のチュートリアル、初めてみた。 いいですねぇ
@sshimokubo9768
@sshimokubo9768 4 жыл бұрын
いつも動画で勉強させて頂いてます。 Aeのシェイプでマークなど作ることはあるのですがイラストレーターなどで素材を作ったことがないので教えて戴けると嬉しいです。 イラストレーターで動画素材用のイラストをチュートリアルで見たことがないので、すごく参考になると思います!
@mooograph
@mooograph 4 жыл бұрын
ありがとうございます😊今度イラレからデザインしてAEで動かす動画つくります!!
@sshimokubo9768
@sshimokubo9768 4 жыл бұрын
mooograph おお!返信ありがとうございます! 楽しみにしてます!
@user-is7vh2tf6d
@user-is7vh2tf6d 4 жыл бұрын
とてもわかりやすく為になりました!ありがとうございます! 別作品の中で使用する場合は 32フレームのコンポジションを作って それをループさせればよいのですか?
@mooograph
@mooograph 4 жыл бұрын
32Fというのは今回のような歩きのスピード感なので、場合によっては調整していただければと思いますが、 ループの仕方は同じです!
@user-is7vh2tf6d
@user-is7vh2tf6d 4 жыл бұрын
mooograph なるほど!ありがとうございます! 今後も動画投稿楽しみにしています😊
@user-fz4sf6xr6f
@user-fz4sf6xr6f 4 жыл бұрын
イラストレーターでどうやって作ってるかみてみたいです!
@user-pm6dq9ho7p
@user-pm6dq9ho7p 2 жыл бұрын
アフターエフェクト作業中にイラレで作ったデータを更新する際はどうやってその更新したデータをアフターエフェクトに持ってこれるのでしょうか?
@aranboowy
@aranboowy 4 жыл бұрын
動画参考にさせていただいてます! すごく分かりやすくて尊敬してます! 突然で申し訳ないのですが、 動画の冒頭でおっしゃっている、イラストをイラレでどうやって制作しているかを知りたいです。 レイヤーをどのようなに分けているかとかも教えて頂きたいです! お忙しい中ではあると思いますが、 よろしくお願い申し上げます。
@mooograph
@mooograph 4 жыл бұрын
過去の動画でイラレでデザインしてaeに持っていく動画をあげてます!
@tsutsuchannel5585
@tsutsuchannel5585 4 жыл бұрын
質問です><!パスはloopさせないのでしょうか(>_
@user-nz2qi3bv8k
@user-nz2qi3bv8k 3 жыл бұрын
足のレイヤーをプリコンポーズすると、footとlegが何故かバラバラになってしまい上手くいきませんでした汗
@neko8606neko
@neko8606neko 2 жыл бұрын
わかりやすいチュートリアルをありがとうございます!! 1点質問なのですが、Create Null From Path Extendedを使ってNullとハンドルを生成しようとすると、動画のようにポイントに対して作られるのではなく、Leg Lの真ん中あたりでできてしまいうまく行きません…. パスの両端にしかポイントはなく、また、生成時にLeg Lのpathは選択している状態ですがうまく行きません…。環境の設定など見直すべきところがありましたら、教えていただけると幸いです。。m(__)m
@neko8606neko
@neko8606neko 2 жыл бұрын
すみません、コメント直後に解決しました…! (Figmaからアセットを取り込んでいたのをやめて、AE上でパスを生成してもう一度試したところ、動画通りにNullを生成できました) わかりやすくて、作ってみたいと思うチュートリアルがたくさんで助かります。ありがとうございます。
@user-ke9so9im5u
@user-ke9so9im5u 4 жыл бұрын
イラレの作り方是非見たいです!!
@ai-ic8kt
@ai-ic8kt 4 жыл бұрын
手までは上手くいきました。初心者なものでcreate nulls from paths extended スクリプトをどうやってダウンロードしていいのかがわかりません。教えていただけないでしょうか?
@mooograph
@mooograph 4 жыл бұрын
リンクを開いたら、文章冒頭の水色で書かれたcreate nulls from path extended というところをクリックするとダウンロードできます!
@ketyappu22
@ketyappu22 3 жыл бұрын
たまによくわからない単語が出てきて知識の無さを突きつけられる
@user-if5oc3mg3c
@user-if5oc3mg3c 4 жыл бұрын
コメント失礼します。7:45くらいの腕を後ろに反らせる動作をつける時にパスを選択するとイラレのダイレクト選択ツールのように変形させれるのは何故でしょうか…何度やってもできないので教えてもらえるとありがたいです。
@uwood3904
@uwood3904 4 жыл бұрын
おそらくアニメーションさせようとしているレイヤーを図形ツールなどで作っていませんか?もしそうならば以下の方法を試してみてください。 Aiでの作業 1.ペンツールでパスを作る 2.線幅を増やして任意のサイズにする おそらくこの方法で作ったレイヤーならば動画のようにできると思います。お試しください。(もしできなかったら申し訳ない)
@user-zt6uu9bl5n
@user-zt6uu9bl5n 2 жыл бұрын
恐らく同じようになってしまったのですが、解決したのでシェアします (前の質問なので他の方の役に立てば幸いです) 動画で選択されている物と自分の画面で選択されている物を比べてみてください。 私の場合、「コンテンツ」のみが白く選択されている場合、上手く行きませんでした。
@obasandarake1
@obasandarake1 4 жыл бұрын
初めまして、 7:30 腕をパスアニメーションで反らせるところですが、腕の中心に黄色いパスが表示されず変形できません、解決策教えて頂けますでしょうか?
@obasandarake1
@obasandarake1 4 жыл бұрын
すみません、配布していただいたaepを覗いて自己解決できました、失礼しました。
@mooograph
@mooograph 4 жыл бұрын
よかったです!
@ReKg
@ReKg 4 жыл бұрын
質問なのですがCreateNullsFromPathsExtendのハンドルの位置が (パスを選択してアンカーポイントも伸ばして作ったのですが) パスの位置とは全く違う位置にできてしまうのは何が原因なのでしょうか?
@mooograph
@mooograph 4 жыл бұрын
イラレからもってくるとそういうエラーが起きることがあります>< AEのパスでもう一度書き直してみるとうまくいくかもしれません!
@ReKg
@ReKg 4 жыл бұрын
mooograph ありがとうございます!
@ponchannel7409
@ponchannel7409 3 жыл бұрын
腕にパスを加えて回転をループさせるところで、パスの方がループされないのはなぜでしょうか...まだまだ初心者なのですみません(´・ω・`)
@mooograph
@mooograph 3 жыл бұрын
aeの仕様です…。パス用のループのエクスプレッションもあるので調べてみてください!
@tokyochiro8198
@tokyochiro8198 4 жыл бұрын
大変為になりました。ありがとうございます。イラレも勉強中ですので動かしてみます! 最後まで動画やった後に足の複製のコメント見まして。。足の複製の件で質問なのですが、回答いただけると嬉しいです。 複製してエフェクトコントロールでそれぞれ複製したレイヤーに参照するところを変えてみました。 そのあとに動画内の説明でもあるプリコンポーズをして、タイムリマップをすれば良いのでしょうか?なにが不要な作業わからず躓いてしまいました。 まだまだ勉強不足なので今後も頑張ります。
@mooograph
@mooograph 4 жыл бұрын
遅くなりすみません!! 上記のやり方でしたらプリコンポーズは必要ありません!
@tokyochiro8198
@tokyochiro8198 4 жыл бұрын
@@mooograph ご返信ありがとうございました。
@user-ed5em8kf1v
@user-ed5em8kf1v 4 жыл бұрын
こんにちわ。 初歩的な質問何ですけどイラレ素材をアフターエフェクトに読み込む方法がわかりません。どのようにして読み込んでいるんですか?
@mooograph
@mooograph 4 жыл бұрын
Illustratorでキャラクターデザインという動画の最後の方で解説していますので、 そちらをご覧ください。
@user-ed5em8kf1v
@user-ed5em8kf1v 4 жыл бұрын
@@mooograph ありがとうございます!
@kurapon2010
@kurapon2010 2 жыл бұрын
この動画を理解するために、もっと基礎から解説してる動画とかありますかー?
@user-pf8rn5vb8e
@user-pf8rn5vb8e 4 жыл бұрын
すでに質問されている方もいらっしゃいますが「 7:30 腕をパスアニメーションで反らせるところですが、腕の中心に黄色いパスが表示されず変形できません」、この質問と同様、私も表示がうまくいきません。見本も見たのですがやっぱりわかりません 解決策をお手数ですが教えてください
@mooograph
@mooograph 4 жыл бұрын
Ctrl+Shift+H でバウンディングボックスを表示を試してみるとどうでしょうか?
@user-pf8rn5vb8e
@user-pf8rn5vb8e 4 жыл бұрын
mooograph ありがとうございます😊 一度試してみます!
@user-es5fe9zf6w
@user-es5fe9zf6w 3 жыл бұрын
こんにちは! 何年ぐらい映像制作をされていらっしゃいますか?
@kankun-sy4ln
@kankun-sy4ln 4 жыл бұрын
全て完成した後で歩く動きを止めることってできるのでしょうか?
@mooograph
@mooograph 4 жыл бұрын
タイムリマップで出来ると思います!
@kankun-sy4ln
@kankun-sy4ln 4 жыл бұрын
mooograph ありがとうございます!試してみます!
@yand201
@yand201 4 жыл бұрын
腕のパスの部分だけloopin できないのはなぜですかね?
@yand201
@yand201 4 жыл бұрын
回転はできるのですが
@mooograph
@mooograph 4 жыл бұрын
パスはloopin/outのエクスプレッションが使えないのです〜。。
@yand201
@yand201 4 жыл бұрын
@@mooograph 足と同じように作ればいいってことですかね?
@summermagic81
@summermagic81 Жыл бұрын
11:40
@summermagic81
@summermagic81 Жыл бұрын
18:30
@ZEN-fb7xi
@ZEN-fb7xi 2 жыл бұрын
create nulls from paths extended スクリプト をダウンロードしました。 でも、After Effectsに反映されません。 どうすればAfter Effectsに読み込むことができるのか教えてください。
@user-ok8qj7bv3x
@user-ok8qj7bv3x 3 жыл бұрын
こんにちは。バッドカッパーのプラグインのやり方がわかりません。プラグインやった事ないです。知りたいです。
@user-me7zw7rj2i
@user-me7zw7rj2i 2 жыл бұрын
さかか
@user-gp9vn1tt3b
@user-gp9vn1tt3b 4 ай бұрын
すみません、08:16なぜループアウトではないのですか?
@user-ok8qj7bv3x
@user-ok8qj7bv3x 3 жыл бұрын
こんにちは。バッドカッパーのプラグインのやり方がわかりません。プラグインやった事ないです。知りたいです。
The "12 Principles of Animation" for creating engaging movement.
13:51
Putti Monkey Wrench
Рет қаралды 32 М.
THEY made a RAINBOW M&M 🤩😳 LeoNata family #shorts
00:49
LeoNata Family
Рет қаралды 43 МЛН
Cool Items! New Gadgets, Smart Appliances 🌟 By 123 GO! House
00:18
123 GO! HOUSE
Рет қаралды 17 МЛН
A clash of kindness and indifference #shorts
00:17
Fabiosa Best Lifehacks
Рет қаралды 114 МЛН
80 Year Olds Share Advice for Younger Self
12:22
Sprouht
Рет қаралды 1,4 МЛН
おすすめプラグイン9選【After Effects】
15:19
mooograph
Рет қаралды 137 М.
歩行アニメーションの作り方。How to create a walking animation.
5:52
モーション工房 Animation Craftsman
Рет қаралды 12 М.
How to make infographic animation with After Effects [Beginner]
25:54
TORAERA DOUGA
Рет қаралды 304 М.
Cartoon Animations using Only Capcut: Step by step Tutorial
14:00
Incyte Feedbacks
Рет қаралды 191 М.
illumination 3 a.m. 【After effect】
2:21
Aonisai Takada
Рет қаралды 116 М.
フラットデザインを動かすアニメーション動画 / After Effects CC2020 使い方講座
10:01
Action Planetあくしょんプラネット
Рет қаралды 57 М.
how to make an object show animation!
15:38
booksketball
Рет қаралды 288 М.
smart appliances! new gadgets, versatile utensils, tool items #shorts #gadget
0:10
Pretty Balloon Family
Рет қаралды 55 МЛН
Машина Жириновского.  #shorts Лиса рулит
0:52
Лиса рулит shorts
Рет қаралды 5 МЛН
Gym belt !! 😂😂  @kauermtt
0:10
Tibo InShape
Рет қаралды 12 МЛН
Quantas vezes os ratinhos caíram?
0:18
F L U S C O M A N I A
Рет қаралды 59 МЛН
Good-natured poor girl. Helping others
1:00
Son Hero
Рет қаралды 3,5 МЛН