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

แชร์
ฝัง
  • เผยแพร่เมื่อ 22 ส.ค. 2024
  • ※18:30〜 足の複製ですが、ctrl+dでも問題ありませんでした。複製し、元のLegのレイヤーのエフェクトパネルで、Leg Lパスのレイヤーと書いてある右側、参照するところをそれぞれ複製したレイヤーに置き換えればOKです。
    ---------------------------------------------
    今回は、キャラクターのウォークサイクルの作り方について解説しています。
    シェイプのパスアニメーションと、create nulls from paths extendedというスクリプトで作っていますのでかなり動作が軽く、作りやすいです◎
    このスクリプトはAEに標準で入っているcreate nulls from pathsをハンドルをつけてベジェを調整できる仕様にしたものなのですが、、非常に便利です。(これを使うまでは毎フレームキーフレームをうっていました。)
    ウォークサイクルに限らず、キャラクターアニメーション全般に使えるのでとてもオススメです!!
    ▶︎aepプロジェクトダウンロード(無料)
    mooograph.com/w...
    ▶︎create nulls from paths extended スクリプト
    lesterbanks.co...
    ▶︎アニメーターズサバイバルキット
    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...
    #アフターエフェクト #チュートリアル #ウォークサイクル

ความคิดเห็น • 79

  • @rantarotime5951
    @rantarotime5951 3 ปีที่แล้ว +8

    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 右足を作る

  • @mooograph
    @mooograph  4 ปีที่แล้ว +10

    18:30〜 足の複製ですが、ctrl+dで複製でも問題ありませんでした。
    複製したLegのレイヤーのエフェクトパネルで、Leg Lパスのレイヤーと書いてある右側、参照するところをそれぞれ複製したレイヤーに置き換えればOKです。

  • @ReKg
    @ReKg 4 ปีที่แล้ว +1

    moograph さんいつもたいへん参考になる動画ありがとうございます!
    2月に仕事を辞めて、今は自分がいちばん夢中になれる仕事をしようと
    色々な動画クリエイターさんから毎日勉強させていただいてます。
    moograph さんの動画はわかりやすくて
    なによりもボクがいちばん勉強したいジャンルの動画が多い!
    前にmoograph さんがTony BabelさんやBen Marriottさんといった方も紹介されていて
    そのおかげで世界が広がって毎日のワクワクが増えました。本当に感謝しかないです。
    今はコロナで大変な時期ですが、くれぐれもお体にはお気をつけてくださいね。
    これからも楽しみにしてます!

  • @Dai-nv6ce
    @Dai-nv6ce 3 ปีที่แล้ว +1

    声のトーンが聞きやすくてありがたいです。

  • @user-zt6uu9bl5n
    @user-zt6uu9bl5n 2 ปีที่แล้ว +1

    数回視聴して理解しました!
    片足だけループ設定してないのに、なぜ止まらないのか疑問でしたが、
    プレビュー再生している箇所は短く指定していたのですね✍️

  • @cima6961
    @cima6961 4 ปีที่แล้ว +1

    先生こんばんわ。わたしにはまだまだ難しいですが、先生の話し方は、スムーズで聞きやすいです。

    • @mooograph
      @mooograph  4 ปีที่แล้ว

      cima6961 ありがとうございます!話すのは苦手なのでもっと精進していきます…!

  • @ninninnin
    @ninninnin 4 ปีที่แล้ว +3

    うわ~!めちゃキャラがすごくかわいいです😆
    めちゃ解説分かりやすいし、かわいいので作りたくなりました!
    これからも動画楽しみにしてます😃

    • @mooograph
      @mooograph  4 ปีที่แล้ว

      ニン☻ニン ありがとうございます、、🥺大変励みになります!!

  • @aiura6180
    @aiura6180 4 ปีที่แล้ว +2

    とてもわかりやすいです!引き続きいろんな動画を楽しみにしています。

    • @mooograph
      @mooograph  4 ปีที่แล้ว

      ありがとうございます!励みになります〜😊

  • @user-co5qg7ns1t
    @user-co5qg7ns1t 4 ปีที่แล้ว +2

    キャラクターのアニメーションはループの処理が大事そうに見えました!今までタイムリマップ敬遠してたんで勉強になりました〜

    • @mooograph
      @mooograph  4 ปีที่แล้ว

      ループ大事ですよね!タイムリマップは最初難しいんですが、慣れるとすごーく活躍するのでどんどん使ってみてください!

  • @aominh6753
    @aominh6753 2 ปีที่แล้ว +1

    The video sound is pretty good, beyond my imagination

  • @channel-jb7ve
    @channel-jb7ve 11 หลายเดือนก่อน

    ありがとうございます!参考にします!

  • @Taro.Takeda
    @Taro.Takeda 4 ปีที่แล้ว +8

    女性のチュートリアル、初めてみた。
    いいですねぇ

  • @user-ke9so9im5u
    @user-ke9so9im5u 4 ปีที่แล้ว +8

    イラレの作り方是非見たいです!!

  • @gomibako128
    @gomibako128 4 ปีที่แล้ว +7

    無料でこの動画が見れてしまうのか。ありがたい( ;∀;)
    めちゃめちゃわかりやすいです!

  • @momotamago812
    @momotamago812 4 ปีที่แล้ว +4

    教職持ってますか??めちゃくちゃわかりやすいです・・・ヌルをうまく使うんですね
    参考になります!

    • @mooograph
      @mooograph  4 ปีที่แล้ว

      教職は全然もってません!笑
      わかりやすいと言っていただけるのが1番嬉しいです!!

  • @kankun-sy4ln
    @kankun-sy4ln 4 ปีที่แล้ว +1

    とてもわかりやすいから失敗しても何度でもやり直す気が起きます😭

  • @chrstinatakahashi9863
    @chrstinatakahashi9863 3 ปีที่แล้ว +2

    イラストの書き方みたいです!!

  • @ketyappu22
    @ketyappu22 4 ปีที่แล้ว +3

    たまによくわからない単語が出てきて知識の無さを突きつけられる

  • @sshimokubo9768
    @sshimokubo9768 4 ปีที่แล้ว +2

    いつも動画で勉強させて頂いてます。
    Aeのシェイプでマークなど作ることはあるのですがイラストレーターなどで素材を作ったことがないので教えて戴けると嬉しいです。
    イラストレーターで動画素材用のイラストをチュートリアルで見たことがないので、すごく参考になると思います!

    • @mooograph
      @mooograph  4 ปีที่แล้ว +1

      ありがとうございます😊今度イラレからデザインしてAEで動かす動画つくります!!

    • @sshimokubo9768
      @sshimokubo9768 4 ปีที่แล้ว

      mooograph
      おお!返信ありがとうございます!
      楽しみにしてます!

  • @user-fz4sf6xr6f
    @user-fz4sf6xr6f 4 ปีที่แล้ว +5

    イラストレーターでどうやって作ってるかみてみたいです!

  • @YT-ep5bm
    @YT-ep5bm 3 ปีที่แล้ว +2

    チュートリアルありがとうございます!
    説明めっちゃ分かりやすかったです。
    キャラと動きがかわいい(・∀・)!!
    自分でも作ってみたいと思います!

  • @candrapota
    @candrapota 4 ปีที่แล้ว

    Nice tutorial, even tho i only know a bit of japanese language, i still understand

  • @user-is7vh2tf6d
    @user-is7vh2tf6d 4 ปีที่แล้ว

    とてもわかりやすく為になりました!ありがとうございます!
    別作品の中で使用する場合は
    32フレームのコンポジションを作って
    それをループさせればよいのですか?

    • @mooograph
      @mooograph  4 ปีที่แล้ว

      32Fというのは今回のような歩きのスピード感なので、場合によっては調整していただければと思いますが、
      ループの仕方は同じです!

    • @user-is7vh2tf6d
      @user-is7vh2tf6d 4 ปีที่แล้ว

      mooograph
      なるほど!ありがとうございます!
      今後も動画投稿楽しみにしています😊

  • @aranboowy
    @aranboowy 4 ปีที่แล้ว +1

    動画参考にさせていただいてます!
    すごく分かりやすくて尊敬してます!
    突然で申し訳ないのですが、
    動画の冒頭でおっしゃっている、イラストをイラレでどうやって制作しているかを知りたいです。
    レイヤーをどのようなに分けているかとかも教えて頂きたいです!
    お忙しい中ではあると思いますが、
    よろしくお願い申し上げます。

    • @mooograph
      @mooograph  4 ปีที่แล้ว

      過去の動画でイラレでデザインしてaeに持っていく動画をあげてます!

  • @user-pm6dq9ho7p
    @user-pm6dq9ho7p 3 ปีที่แล้ว

    アフターエフェクト作業中にイラレで作ったデータを更新する際はどうやってその更新したデータをアフターエフェクトに持ってこれるのでしょうか?

  • @user-pf8rn5vb8e
    @user-pf8rn5vb8e 4 ปีที่แล้ว +2

    すでに質問されている方もいらっしゃいますが「 7:30 腕をパスアニメーションで反らせるところですが、腕の中心に黄色いパスが表示されず変形できません」、この質問と同様、私も表示がうまくいきません。見本も見たのですがやっぱりわかりません
    解決策をお手数ですが教えてください

    • @mooograph
      @mooograph  4 ปีที่แล้ว

      Ctrl+Shift+H でバウンディングボックスを表示を試してみるとどうでしょうか?

    • @user-pf8rn5vb8e
      @user-pf8rn5vb8e 4 ปีที่แล้ว

      mooograph ありがとうございます😊
      一度試してみます!

  • @user-nz2qi3bv8k
    @user-nz2qi3bv8k 3 ปีที่แล้ว

    足のレイヤーをプリコンポーズすると、footとlegが何故かバラバラになってしまい上手くいきませんでした汗

  • @ai-ic8kt
    @ai-ic8kt 4 ปีที่แล้ว +1

    手までは上手くいきました。初心者なものでcreate nulls from paths extended スクリプトをどうやってダウンロードしていいのかがわかりません。教えていただけないでしょうか?

    • @mooograph
      @mooograph  4 ปีที่แล้ว

      リンクを開いたら、文章冒頭の水色で書かれたcreate nulls from path extended というところをクリックするとダウンロードできます!

  • @tokyochiro8198
    @tokyochiro8198 4 ปีที่แล้ว

    大変為になりました。ありがとうございます。イラレも勉強中ですので動かしてみます!
    最後まで動画やった後に足の複製のコメント見まして。。足の複製の件で質問なのですが、回答いただけると嬉しいです。
    複製してエフェクトコントロールでそれぞれ複製したレイヤーに参照するところを変えてみました。
    そのあとに動画内の説明でもあるプリコンポーズをして、タイムリマップをすれば良いのでしょうか?なにが不要な作業わからず躓いてしまいました。
    まだまだ勉強不足なので今後も頑張ります。

    • @mooograph
      @mooograph  4 ปีที่แล้ว +1

      遅くなりすみません!!
      上記のやり方でしたらプリコンポーズは必要ありません!

    • @tokyochiro8198
      @tokyochiro8198 4 ปีที่แล้ว

      @@mooograph ご返信ありがとうございました。

  • @neko8606neko
    @neko8606neko 2 ปีที่แล้ว

    わかりやすいチュートリアルをありがとうございます!!
    1点質問なのですが、Create Null From Path Extendedを使ってNullとハンドルを生成しようとすると、動画のようにポイントに対して作られるのではなく、Leg Lの真ん中あたりでできてしまいうまく行きません….
    パスの両端にしかポイントはなく、また、生成時にLeg Lのpathは選択している状態ですがうまく行きません…。環境の設定など見直すべきところがありましたら、教えていただけると幸いです。。m(__)m

    • @neko8606neko
      @neko8606neko 2 ปีที่แล้ว

      すみません、コメント直後に解決しました…!
      (Figmaからアセットを取り込んでいたのをやめて、AE上でパスを生成してもう一度試したところ、動画通りにNullを生成できました)
      わかりやすくて、作ってみたいと思うチュートリアルがたくさんで助かります。ありがとうございます。

  • @kurapon2010
    @kurapon2010 2 ปีที่แล้ว

    この動画を理解するために、もっと基礎から解説してる動画とかありますかー?

  • @user-if5oc3mg3c
    @user-if5oc3mg3c 4 ปีที่แล้ว +1

    コメント失礼します。7:45くらいの腕を後ろに反らせる動作をつける時にパスを選択するとイラレのダイレクト選択ツールのように変形させれるのは何故でしょうか…何度やってもできないので教えてもらえるとありがたいです。

    • @uwood3904
      @uwood3904 4 ปีที่แล้ว

      おそらくアニメーションさせようとしているレイヤーを図形ツールなどで作っていませんか?もしそうならば以下の方法を試してみてください。
      Aiでの作業
      1.ペンツールでパスを作る
      2.線幅を増やして任意のサイズにする
      おそらくこの方法で作ったレイヤーならば動画のようにできると思います。お試しください。(もしできなかったら申し訳ない)

    • @user-zt6uu9bl5n
      @user-zt6uu9bl5n 2 ปีที่แล้ว

      恐らく同じようになってしまったのですが、解決したのでシェアします
      (前の質問なので他の方の役に立てば幸いです)
      動画で選択されている物と自分の画面で選択されている物を比べてみてください。
      私の場合、「コンテンツ」のみが白く選択されている場合、上手く行きませんでした。

  • @tsutsuchannel5585
    @tsutsuchannel5585 4 ปีที่แล้ว

    質問です><!パスはloopさせないのでしょうか(>_

  • @V-Meta
    @V-Meta 3 ปีที่แล้ว

    こんにちは!
    何年ぐらい映像制作をされていらっしゃいますか?

  • @obasandarake1
    @obasandarake1 4 ปีที่แล้ว +1

    初めまして、
    7:30 腕をパスアニメーションで反らせるところですが、腕の中心に黄色いパスが表示されず変形できません、解決策教えて頂けますでしょうか?

    • @obasandarake1
      @obasandarake1 4 ปีที่แล้ว

      すみません、配布していただいたaepを覗いて自己解決できました、失礼しました。

    • @mooograph
      @mooograph  4 ปีที่แล้ว

      よかったです!

  • @ReKg
    @ReKg 4 ปีที่แล้ว

    質問なのですがCreateNullsFromPathsExtendのハンドルの位置が
    (パスを選択してアンカーポイントも伸ばして作ったのですが)
    パスの位置とは全く違う位置にできてしまうのは何が原因なのでしょうか?

    • @mooograph
      @mooograph  4 ปีที่แล้ว +1

      イラレからもってくるとそういうエラーが起きることがあります><
      AEのパスでもう一度書き直してみるとうまくいくかもしれません!

    • @ReKg
      @ReKg 4 ปีที่แล้ว

      mooograph ありがとうございます!

  • @user-ed5em8kf1v
    @user-ed5em8kf1v 4 ปีที่แล้ว

    こんにちわ。
    初歩的な質問何ですけどイラレ素材をアフターエフェクトに読み込む方法がわかりません。どのようにして読み込んでいるんですか?

    • @mooograph
      @mooograph  4 ปีที่แล้ว

      Illustratorでキャラクターデザインという動画の最後の方で解説していますので、
      そちらをご覧ください。

    • @user-ed5em8kf1v
      @user-ed5em8kf1v 4 ปีที่แล้ว

      @@mooograph ありがとうございます!

  • @ponchannel7409
    @ponchannel7409 3 ปีที่แล้ว

    腕にパスを加えて回転をループさせるところで、パスの方がループされないのはなぜでしょうか...まだまだ初心者なのですみません(´・ω・`)

    • @mooograph
      @mooograph  3 ปีที่แล้ว +1

      aeの仕様です…。パス用のループのエクスプレッションもあるので調べてみてください!

  • @kankun-sy4ln
    @kankun-sy4ln 4 ปีที่แล้ว

    全て完成した後で歩く動きを止めることってできるのでしょうか?

    • @mooograph
      @mooograph  4 ปีที่แล้ว

      タイムリマップで出来ると思います!

    • @kankun-sy4ln
      @kankun-sy4ln 4 ปีที่แล้ว

      mooograph ありがとうございます!試してみます!

  • @ZEN-fb7xi
    @ZEN-fb7xi 2 ปีที่แล้ว

    create nulls from paths extended スクリプト をダウンロードしました。
    でも、After Effectsに反映されません。
    どうすればAfter Effectsに読み込むことができるのか教えてください。

  • @user-gp9vn1tt3b
    @user-gp9vn1tt3b 5 หลายเดือนก่อน

    すみません、08:16なぜループアウトではないのですか?

  • @yand201
    @yand201 4 ปีที่แล้ว

    腕のパスの部分だけloopin できないのはなぜですかね?

    • @yand201
      @yand201 4 ปีที่แล้ว

      回転はできるのですが

    • @mooograph
      @mooograph  4 ปีที่แล้ว

      パスはloopin/outのエクスプレッションが使えないのです〜。。

    • @yand201
      @yand201 4 ปีที่แล้ว

      @@mooograph 足と同じように作ればいいってことですかね?

  • @user-ok8qj7bv3x
    @user-ok8qj7bv3x 4 ปีที่แล้ว

    こんにちは。バッドカッパーのプラグインのやり方がわかりません。プラグインやった事ないです。知りたいです。

  • @summermagic81
    @summermagic81 ปีที่แล้ว

    11:40

  • @user-me7zw7rj2i
    @user-me7zw7rj2i 3 ปีที่แล้ว

    さかか

  • @user-ok8qj7bv3x
    @user-ok8qj7bv3x 4 ปีที่แล้ว

    こんにちは。バッドカッパーのプラグインのやり方がわかりません。プラグインやった事ないです。知りたいです。