After Effects Tutorial - Mouth Rig | Joysticks n Sliders | Easy to animate mouth for lip sync
Вставка
- Опубліковано 12 жов 2018
- Animated by: Jared Freitag
Backwoods Animation Studio
This tutorial walks you through building a mouth rig in after effects using aescripts Joysticks n Sliders. This rig isn't perfect but it's a pretty good start at making an easy to use custom mouth rig. Please feel free to ask questions or give better techniques.
Don't forget to tag me on / backwoodsanimation to show off your mad skillz!
Thanks for watching! - Фільми й анімація
Great tutorial, thank you!! Hearing your kid is actually soothing haha
For the matte you can use the effect SET MATTE, that way you can use ONE layer for ALL mattes
Awesome ! This looks super easy and helped me get more advanced with the j&s. Great tutorial man! Thanks!
the secondary action of character is really nice!
Oh my goodness you deserve so much more views in subscribers this is beautiful I kid you not the field be very helpful for people who are struggling with learning how to make similar stuff like this!! You are amazing!!
r322c videos thank you very much for the compliment! I’m glad you appreciate the video. Keep watching!
Thanks for this Jared, these tutorials are amazing. As someone trying to learn 2D animation from a filmmaking and AE background your videos have been great.
This was a good tutorial after such a long time. Love the way you break things down and incorporate two separate third party plugins.
Haider Ali thanks for watching! I’m glad you enjoyed the video.
i dunno if you realize, this is one of the best AE / joystick'n'sliders lip syncing implementations anyone has talked about on the internet. awesome stuff, thanks
Amazing work and such a big help! I haven't come across any other tutorial better for fluid mouth shape morphs in after effects.
Thanks, I appreciate the compliment!
Love this mouth! Great tutorial
Absolutely amazing your awesome!
I think this is one of the easiest lip sync rigs I've seen so far! Thanks for sharing!
Are you limited to 5 positions with Joysticks?
Wait a minute, I was in class with a 2.5 year old? Thanks online learning, now u can officially learn new skills with babies and toddlers😎😎😎. On a lighter note, nice tutorial sir. The baby made it even more interesting👊🏽
I want more tutorial for Joystick. your Instagram is just AWESOM. Good Work
Im here for the cute baby
Oh no, this is a PERFECT right! Thank you man!
Thank you 😊
Hats off to someone
Thanks for sharing! :)
Thanks so much!
Great tutorial, The baby approves! :D
this is very helpful
Good job
Very helpful, thanks for sharing! Did you roto add the tongue for every "L" after?
Thank you !
Awxome man... tanks
nice job
Nice tutorial sir. May God bless you child.
100th comment
First cutest editing tutorial
Hi Jared, this is cool! Thanks for the amazing tutorial. But I am facing some problem while following this tutorial.
I am creating a shape layer and at every key frame I changing its path (mouth shape style) accordingly, but when i try to bind its path keyframes to joystick cntroller, it doesn't work at all. How can I fix that?
It just binds, position, scale, rotation,anchor point, and opacity with joystick but doesn't bind any path property.
Would appreciate your help a lot.
Holy cool....😮
thank you for the helpful information!
But I got one question, where can I download the joystick? and if it comes with the after effect where can I find it?
I'm new to the after effect world so I still got so much to learn, thank you in advance
Nice tut young dad
how to make the arms moving around the body? also using 3D layer technique like your previous tutorial?
We are just recreating Rocky Horro Picture Show in school and thanks god I FOUND YOUR VIDEO Thank you !!!! Do more tutorials you are amzing :)
Philipp Schuhai thanks I’m glad this was helpful! More tutorials are on the way.
Hey! thank you fo rthe tutorial
i would like to understand how do i combine this head rig and mouth rig?
Video : "How to rig mouth..."
Comments : "THE BABYYYYY!!!!!!!"
hello , i have already seen your video a few times. i really need to know how to make it connect with the joystick. do you have video for that?
thank you just solve my problem :)
not work for cc 2019
him:*explaning the tutorial*
the baby in the background: 😭
Someone can help me?
I don't what is the parameters I need move to make the form to I need, please help me...
Can you please tell me how to make sure that the stroke thickness does not change when the size is changed?
Before I realized you had your kid with you in the room I was sitting there like why tf did this guy add baby noises in post
You are soo pure....... You heard it as a baby voice...... 🤣🤣🤣....I heard it like...👌👈
@@yashtribhuvan7204 No haha it just sounds exactly like a baby and nothing like that.
Hi can joysticks and sliders and rubberhose v2 work with each other thanks
Please answer me, how to match lip animation and sound file automaticly?
I have one question, please help me. My Joystick can't update path shape. I have also 5 keyframe with 5 path shape different. And then click Creat new joystick but, nothing happen! Can you show me how to fix it? Thank you so much BTW i have 1.7 version
ahh i love ur child i even got me sticked onn
does it have to be shapes or can i use images
0:14 seconds later. Okay, I am fucken subscribing to this guy!
Great tutorial, thank you so much!!
Ps. You said 2,5 year old but it sounded more like 2,5 months old :-P
how you created tangue for one of the actions?
Thanks man!
Great course!
Make more!
👍🤘✋
Артём Васильев thanks! I’ll be working on a new one soon 🤙
Hello there, thank you for your great tutorials. unfortunately, I don't understand how and when you made a joystick. when you select them all and hit the "Bind" button. when I select my layers and hit the joystick, the path keys doesn't work. just standard parameters like position and rotation are working. many thanks again for your teaching.
farhad lamei hmm do you have a total of 5 key frames on your shape layer paths? That would be my guess that you don’t have the right amount of key frames but correct me if I’m wrong.
@@backwoodsanimation i have the same question and i have five key frames,how can i solve it ?please help me!
Thanks for this tutorial. I´m struggling with one thing, I create keyframes in the path of a shape layer, (5 keyframes different paths, then i apply the joystic) and it doesnt make the animation of that path. What am i doing wrong? In the video you create the mouth with paths of a shape layer and it works...
If you can help me... thanks in advance
Tiago Nery hmm... you’ll want to make sure your version of joysticks n sliders is up to date. Next make sure you have the shape layer selected when creating the joystick. Other then that I’m not sure what could be going wrong. Best of luck!
I have a question. How do you do to rig the different elements together? I mean, you make the mouth rig and you can move it in those four positions, then you make the eyes and do the same, but how do i rig those controllers into the head, to make it turn both mouth and eyes with the head.
I tryed doing a precomposition but the eyes controller got stuck inside the precomp, so if i wanted to animate it i would have to open the precomp to make the changes.
Im pretty sure he has another couple of videos in his channel about this character, it has a full breakdown of how to rig the mouth on the head
There some very important steps missing here. Did you parent the mouth paths of the masks to the original mouth shape? If not how did you do it? I did that and the lips don't move in sync with the other mouth parts.
I think you have to individually adjust the 3-4 other mask layers to those 5 keyframes. But I'm only halfway so I'm about to find out.
I have one question, please help me. My Joystick can't update path shape. I have also 5 keyframe with 5 path shape different. And then click Creat new joystick but, nothing happen! Can you show me how to fix it? Thank you so much
You have an older version of Joysticks and Sliders
You need after effect 2018 or greater
The tongue problem could be mayybe solved if the tongue you have is already included in the joystick and slider and added opacity expression that's linked to on/off button? might work, not sure tho :D
so the question is linking opacity to slider really. i'm trying to figure that out now.
God bless your baby bro... Love from indonesia 🇮🇩
Thanks for posting. However, joysticks only allow for 5 expressions. What if I want to create 9 mouth expressions? Should I use Sliders instead?
hi, not an expert here, but my advice would be to create and rig 2 separate mouth rigs with the same attachment to the head but with different mouth positions and switch them on and off.
when it came to masking out the teeth, instead of finishing all the positions then duplicating the mouth path multiple times to turn it into a alpha matte, i duplicated the mouth path into mattes first and then set the duplicated paths parent to be the main mouth path, which allowed me to keyframe each extremity with the teeth already hidden by their mattes
that way, later on if you need to tweak the extremity positions for any reason you dont need to re set up your teeth mattes every time, because the matte paths will follow the main path without needing their own keyframes :)
Cai Strickland you are very wise! Good job and thanks for sharing!
@@backwoodsanimation thank you for the video! im probably gonna use variations of this rig for like everything from now on lol
Hi Cai, I guess this is very close to your tip, but anyway, this is how I do it: Even before animation, I copy the lips with all properties linked: (CMD + ALT + C), and paste with CMD + V. The now new layer I turn into a matte for the upper teeth and then I duplicate this matte layer for the lower teeth and the back of mouth. All three matte layers will update along with the visible lips as you change it's path. So no need to set keyframes for any of the matte layers in the whole process. Hope this helps someone out there! Happy rigging! :)
@@Vademan now this is a useful shortcut
At 0:41 i heard some moan
I hope your 2 comments are contradictory
I can't seem to make a smooth line with a lip illustration i made from after effects. So jagged. I know how to use pen tool but shiyet. So hard
You shoulda matched the animation while your baby was crying 😂😂
What did happen at 5:10 exactly?
The top mouth layer that I'd need to reshape to make my mouths doesn't do anything because the tutorial doesn't explain that. It only shows how to create the mouth and not how to rig it properly. Could you please help?
Thanks for your question. The purpose of this tutorial wasn't to show you how to use "Joysticks n sliders" but more about the key poses I used to rig a mouth with "Joysticks n sliders". There are 5 key poses used to create a rig with "Joysticks n sliders" and you need to keyframe the path/position/rotation ect... of each moving part in order for the joystick to work. So I would suggest making sure you have a keyframe for every moving value in every one of your 5 frames. Or you can check out this tutorial and see how to rig and then come back and see if this video makes a little more sense. Sorry for any confusion, best of luck!
@@backwoodsanimation which video should I check out for the mouth rigging?
@@GabsMarcoMusic I haven't seen a video that rigs the mouth in the way that I have, so what I would suggest is getting a little bit more familiar with how Joysticks n sliders works then come back to this video and see if it makes more sense. Let me know if you're able to create a rig similar to the one I've made in this video. Good luck!
Can I get the source file :)
I made the stroke with a Vegas effect (so that the thickness does not change). I made a mouth rig the same as yours. But when I move the values on the joystick, the teeth do not move (although on frames they should move along the position). Please tell me what could be wrong?
ik thats late. jus to help anyone else having the same problem make sure you selected the teeth keyframes with the mouth's while making the joystick
that fixed it for me
@@doxybusiness Спасибо! Надеюсь, наступит время, когда мне это пригодится.
Привет вам из Киева...)
I've spent nearly four hours trying to get my mouth path to move with my joystick and it just doesn't work.. How do I transfer the path keyframes to the position of the object so the joystick is able to manipulate the keyframes in turn allowing the character to speak! Any help is appreciated I need this for a project I'm working on
Update on this: It turns out it was because I was using Adobe 2017 rather than 2018. Turns out that 2017 doesn't allow joysticks to use paths as a manipulation tool. Hopefully for others that come to this, this will help them. Sorry for the rude comment I was just so tired
Glitchfish thanks for the update. Sorry it wasn’t working, I know how frustrating that is, but I’m glad you figured it out!
OMG how you turn the body? You use 3D?
Luiz Fernando I used a plug-in called “joysticks n sliders”. It’s an amazing tool that takes 2D elements in after effects and gives you the ability to fake 3D. I highly recommend it!
download link?
lol i thought the sound are coming from ur animation hahaha
dude but how to atach my mouth to my rigged head ??
comp please
Probably you can use a slider for a tongue where it's needed? Well I think you solved that one long time ago, haha
Hi, can you show us how make the character turning on himself?
Sébastien Kohler hey there. Here’s a link to part one of a tutorial I did showing how to build this rig.
ua-cam.com/video/qzFsGD1AkHg/v-deo.html
Hope this helps!
@@backwoodsanimation hello! Thank you, I didn't seen the rest of your tuts!!! ;) 👍
Sorry Dude, I do all what you do but the shape layer of the mouth doesn't follow the rig... Could you tell me why Joy&Slider and Shape keying doesn 't work properly ?... please?
me too.. the path of the shape layer doesn't animate.. only position and rotation.
@@alizulfaqqar I now understand why! It s because the plugins not rendering in real time. You have to do your differents shapes path poses, then use josticknsliders's "create a new joystick button". That allows you to link your joystick to your poses. THEN add your key frames animation on the joystick position, and THEN clic on the refresh button. It will keying every frame of the shape layer path you've created before. So now when you launch your previsualisation it will be animated! ;) Understand?
@@sebastienkohler5425 thanks dude! Its work! ;)
@@alizulfaqqar You're Welcome Dude ;)
Here's what I create with :
ua-cam.com/video/R23nHdD9M_Y/v-deo.html
@@sebastienkohler5425 Where is the "refresh button"? i also checked the built in reccomendation, but still dont know what or wehre this "update patshapes" is...? any clue? Thank you in advance!
IF YOU HAVE THE PATHS MANIPULATION TROUBLE, PLEASE READ THIS....
-
-
- It turns out it was because I was using Adobe 2017 rather than 2018. Turns out that 2017 doesn't allow joysticks to use paths as a manipulation tool.
yo thanks i was having the same problem lol
I have Adobe 2018 and it doesn't work either...! Nothing happens to my shape when I create the joystick. I don't understand if there's any other setting to apply..?
I think you wrong write down that instagram in description..
Is this your's?
instagram.com/backwoodsanimation
Thanks
okay i have a Problem... i drawed 3 positions of a thumb, i want him to slide up and down on the phone screen... how do i manage this one? i mean there are 3 png files of one object -> how to make the positions invisable and still have the Animation?
Antworten
Hi, from what I can understand about your question it seems your hand movement is very minimal. If this is the case I would suggest NOT doing the complete rig, like I have in this tutorial, but simply animating the rotation of each joint in the thumb. Make sense?
@@backwoodsanimation yes makes sense, but i have png files of the hand and the 3 pngs of different thumb positions. my problem is that i dont understand how to let the other positions disappear but also have a smooth transition between the positions.. sry for the bad english i hope you understand what im trying to say
I sub You....
Emilia thanks for following!
can't understand
It's very unclear how you actually make Joysticks work after you finished the 5 keyframes...
1) на 1-м кадре выделить все ключи. Нажать "Origin".
2) на 2-ом кадре нажимаем "Origin" и должны появится все ключи. меняем форму рта. И так же на остальных кадрах.
3) Выделяем все 5 кадры и жмем "создать новый джойстик" (под джойстик инструменты).
В теории должно получится, но на моей конструкции зубы не двигаются. Напишите, если у вас получится))
@@user-sn2iv6oh3u Thanks :-)
Would be more helpful if there were no jump in the video, did everything you did and nothing happened. Maybe we are missing something because of the jump
How tf is this a tutorial lol. You should've shown exactly how you rigged the paths. All I know is using position with the plugin. *sigh* This doesn't show how to animate the mouth
there's the main joysticks and sliders tut for that one, that's what i did but i wish it was a bit more thorough too.
tut is not 100%
ua-cam.com/video/XX2SkLMtgR0/v-deo.html جووووون:((((
Always remember to repent of your sins (sin is transgression of YAHUAH’S LAW: Genesis, Exodus, Leviticus, Numbers, & Deuteronomy) And Have Belief On YAHUSHA HAMASHYACH. HE Died and Rose Again On The Third Day So that you can be forgiven of your sins!
HE Loves you! Come to HIM!🙂🙂
Are u a baby
Lost me on the masking you didnt show how you did that..come on man