Detailed Face Rig with Joysticks and Sliders - Tutorial

Detailed Face Rig with Joysticks and Sliders - Tutorial
Hey everyone! In this video we'll be working with the plugin Joysticks and Sliders again. But today, we're going to create multiple joysticks on one face and I'll also show you how to create a slider. Enjoy! :)
Download the project file here:
drive.google.c...
Buy Joysticks 'n Sliders here:
aescripts.com/...
____________________________________
Don't hesitate to ask any questions you have in the comments! I will do my best to answer as many questions as possible.
If you liked the video, please consider hitting that like button! Subscribe to the channel to get even more tutorials (uploaded on a regular basis) and get your After Effects skills to the next level!
Thanks and enjoy :)
Bas
____________________________________
My most used plugins:
Flow:
aescripts.com/...
Rift:
aescripts.com/...
Motion:
www.mtmograph....
Overlord:
www.battleaxe....
Check out my tutorial as well: www.youtube.co....
Textevo:
aescripts.com/...
Buttcapper:
www.battleaxe....
Swatcheroo:
aescripts.com/...

[@engendroemprendedor]

If you are always struggling with the annoying automatic bezier keyframe when creating animation on the position property... go to the preferences panel and activate the "Default Spatial Interpolation to Linear" in the General Tab.

[@CampKeyframetutorials]

Hey Daniel. Yeah haha, I actually just learned this trick yesterday, from an intern of me nonetheless haha. I'll never stop learning! Thanks for your comment and tip :)

[@brightlifeproject3777]

So you know how much time you've just saved me? Thank you!

[@sarahcrawley6181]

omg I've been wanting to know how to do this and kept forgetting to look it up or not knowing what to look up - bless u!!! thank u!

[@matteofeo7501]

Great! I was struggling with how to animate different elements on the same head rig using Joysticks and Sliders at the same time (like the mouth and eyebrows). It was really helpful to see how you parented the facial features to nulls to attach these elements to the joysticks, but then leaving their transform properties free for seperate sliders.

[@CampKeyframetutorials]

Hey! That's awesome to read. Thanks so much for checking out my video and for your kind comment :)

[@pandarhstudios]

Most helpful walkthrough of joysticks and sliders I've seen! Thank you!

[@alexandre4760]

Can your share your .ai file please ?

[@obv_design9310]

Thank you so much, Bas van Gestel! Tutorial is very helpful and easy to follow! 😍

[@CampKeyframetutorials]

Thank you so much!! :)

[@gaston.]

excellent techniques! thanks for sharing. I am here for the brows and mouth techniques.

[@CampKeyframetutorials]

Thanks for watching! :)

[@formxshape]

You might like to learn Moho, super easy and quick to do this sort of rigging, and massively more powerful.

[@poopiecon1489]

Not this flexible

[@abdulrahmanmughrabi7038]

Please I am stuck i need your help i didn't find the answer anywhere Why path keyframes not able to copy with others normal keyframes as origin, I did that manually but unfortunately I can't animate path (glasses) for example

[@malkovich_s]

Me too

[@abdulrahmanmughrabi7038]

@@malkovich_s please inform me if you know how to fix it and I will do the same

[@giosanfilippo]

I felt some ECAbrams vibes and quite like it! Thanks!

[@pauleasther]

Excellent tutorial. Thanks so much!

[@CampKeyframetutorials]

Great to hear! :)

[@Mohammed-zp5sj]

The cat enters the mosque, jumps on the imam's shoulders and kisses his face kzbin.info/www/bejne/d6eVhodjgcytb8k المانية تشكوا: أمّي توقفني من اعتناق الإسلام kzbin.info/www/bejne/nWHGqH5-rJdsn6c

[@jappikohli9333]

best tutorial about joystick and sliders so far ...

[@nikyabodigital]

awee you should've added the adobe illustrator file as well. I can't follow on the video. Because if I download your AEP project file i get to learn nothing.

[@dixieechann]

Hi Bas! I am not able to adjust the Path of the eyebrows after I did the initial Head Movement rigging. I redid and eyeballed your process several times but to no avail...can you advise? Much appreciated!

[@EclipseMall]

Thanks man, very helpful!

[@uncletrick1]

Nice tut! Very well explained. Thanks!

[@CampKeyframetutorials]

Thanks for watching :)

[@malkovich_s]

Please I am stuck i need your help i didn't find the answer anywhere Why path keyframes not able to copy with others normal keyframes as origin, I did that manually but unfortunately I can't animate path (glasses) for example

[@ahmadmiran790]

thanks alot

[@kimq4549]

You are the best!!! Thank you for this ❤️

[@CampKeyframetutorials]

Thank you for watching! :)

[@ejicon3099]

Great Tutorial. Thank you.

[@CampKeyframetutorials]

Thank you for watching :)

[@s.m.4198]

Thank you!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

[@dnch]

btw you can all this with free Duik Bassel using Connectors

[@rimonawad5721]

Hey! Fellow Dutchie here. I was wondering if there is any faster workflow for joystick n sliders to rig characters. In my current project I have to rig a ton of different characters, but rigging each and everyone of them from scratch seems a little cumbersome. Would it be possible to create some kind of skeleton with null layers that would work somewhat universally across same style character? The issue I am running into is that all my characters have different head shapes, so copying the headshape path is not really an option.

[@CampKeyframetutorials]

Hey Rimon! I've got to say that I do think you have to do everything manually and separate unfortunately. Because you are working with specific keyframes on different layers. Anyway, that's how I always do it so maybe I'm wrong (never tried to figure out a universal way to do it) but I think it's not possible. Too bad. Can't help you on this one unfortunately! Thanks for watching my video though! :) Cheers!

[@rimonawad5721]

@@CampKeyframetutorials thanks for your response! Your tutorial was of great use 🙆🏽‍♂️

[@CaptainItalia12]

Just try Moho :) ;) All the pain goes away! :P

[@fdstudios.motion]

thank you for sharing! but i'm wondering why don't you guys use Adobe Character Animator instead ??

[@walingacreations3366]

Hello, Adobe Character Animator is very wonderful and easy to set up but very limited. Its draggers do not have key frames making it usable mainly in simple narrative animations. This is a cocktail of rigging and animation

[@louise-ve6xz]

This is such a great tutorial that I come back to again and again. Thank you for your clear explanations and nice presentation!

[@CampKeyframetutorials]

That's great to hear! Thanks for the kind words and your support :)

[@abdulrahmanmughrabi7038]

How i can edit origin after I am done with all key frames

[@CampKeyframetutorials]

You can select all the layers and then in the Joysticks and Sliders window, you can 'unbind' all the layers. Then you can change things and then select them all and 'bind' them again :)

[@abhijeetingle6486]

Thanks Man...!!

[@BluuKiss]

Thank you for this nice and clear tutorial! :)

[@jonathanlim2129]

This is great! Thank you very much! May I know do you rigged the characters for every animation or sometimes you will just edit the path without rigging? Coz the rigging part seems consume a lot of time too.

[@CampKeyframetutorials]

Thanks! I rig characters like this all the time. It does take a little time for the setup but I always win it back when animating. It's so easy to create nice movements when rigging and you don't have to move every element every time you want the character to do something. I gotta say, in this video it's quite an expansive rig. Mostly I only do the basic head movement rig and animate the 'emotions' with the eyebrows and mouth manually with path edits. Cheers! :)

[@DOTD25]

I have a question I hope you could answer. On my joysticks I added a checkbox expression control. This checkbox is to turn on and of the hair layer of my rig. I then used the move joystick to parent comp. In this new comp the joystick appears and I can use it as usual, however my expression checkbox control doesn't work. It appears in my control panel (ctrl + 0), I can see it and select it, but it does not do what I programed it to do, in this case turn on and off the hair layer. Is there a solution to this? Thank you.

[@krishankachhwaha407]

Hi your website seems like it is down. I was trying to purchase the head rig pack this morning but could not get onto the website.

[@CampKeyframetutorials]

Hey! Yeah that's correct. I'm going to update the website but still working on it so it's down at the moment. Didn't have the time yet to make a placeholder. But here is the link to my Gumroad page where you can buy it: (And I made a special discount code for you to get 50% off :) Discount code is: Krishan campkeyframe.gumroad.com/

[@Sjiggle]

Hi there Camp Keyframe, I like your video’s and learned from it allot. You’re like Mr Miyagi for me :) Thank you SENSEI!

[@CampKeyframetutorials]

Thanks Gijs! Glad I could help you :)

[@personaltomato7131]

Great. Plug-ins.

[@sandragreaney2464]

I wonder if you could help me. Once I apply sticks and sliders to a set, whatever is in that set I can't edit the paths anymore to make other animations. I can only add other sets of sticks and sliders to the same character using the rotation, location and scale but the paths are not editable and convert to Bezier path is grayed out. Could you point me in the right direction?

[@schahzaad84]

Excellent ❤️❤️❤️

[@CampKeyframetutorials]

Thank you :)

[@kurokoru6393]

18:11 I tried this step but it didn't work. can you explain the problem ?

[@omrozsoy]

You are awesome!!! Please don't stop posting

[@Saturninpieces]

thank you for the tutorial! Though, i have a problem. I can't paste the keyframes from the Origin, i just click Origin and nothing happens. Can you help me, please?

[@charliethurs403]

Great tutorial, thank you. for some reason my eye lid masks wont connect to the slider control, do you know why this might be? thanks

[@XxmunchinxX]

How can i duplicate a joystick to reuse for another rig without having the animated keyframes on it?

[@mtdes23]

Hi bro, can I edit 5 Keyframe when I create Joystick?

[@lungproduction368]

i have a problem with eyes brow path, i can't change the path like tut at 19:10 , I can't change the points of path whether I use selection tool or pen tool, please help me

[@rickardbengtsson]

Great

[@mohammadadenbagusprasetio6509]

Hello sir, I really like the character style could you give me some advice for that char? where I can found it. or what kind of type on google that I can search for found that style char (blue man) waiting for your reply, thank you

[@3DAnimationen]

Very cool - everything worked fine! But when I put the face onto my character (in another composition), all joysticks are gone... tried to use "move slider to parent comp" but didn't success. Is there a tutorial on that? Thank you very much!!

[@suryakrishna4662]

Thank you so much!! This is very helpful :)

[@mbarr]

Hello, How do I successfully export with Bodymovin?

[@StudioMickee]

Why is my brows and mouth with stroke path isn't working? i do the exact same way

[@aykayy4407]

Hello, is there any way I can animate eyebrows, when my character is in raster, so I cant move the paths? Maybe using multiple layers or something. Thanks!

[@brightlifeproject3777]

Excellent tutorial, you explained everything so well and it was so so easy to follow. Thanks.

[@CampKeyframetutorials]

Thank you! :)

[@anaskhan2704]

Where can I get graphics of this style

[@bearimo2867]

This is absolutely wonderful, thank-you

[@alexandre4760]

Can your share your .ai file please ?

[@pilarmontagnertudor3827]

I dont know why but i can´t create a joystick for the eyebrows, I followed all of your steps. But nothing happens

[@CampKeyframetutorials]

Hmm that's weird. If you made all the 5 keyframe correctly it should work. Are you working with an old version of After Effects / Joysticks and Sliders? If not, you can email me a screenshot or your AE file or something so I can take a look and maybe help you out! Cheers! [e-mail]

[@videounik7374]

It work fine with position, scale, rotation But why it doesn't work with path?

[@CampKeyframetutorials]

It does work with path! It didn't in older versions but now it does :)

[@rockkiller124]

Can you use duik bassel and this plugin at same time?

[@thatlucidguy]

Just bought the plug-in today, thanks for the awesome walkthrough, I'm hyped!

[@CampKeyframetutorials]

That's awesome! :)

[@alexandre4760]

Can your share your .ai file please ?

[@ArturKiraga]

Super nice, thanks

[@fordspencer5789]

Great tutorial, have used it more than once while I get the hang of this rigging. Thank you.

[@beckyallgeyer9262]

When I select all and click create joystick I get an error message saying "No properties in your selected layers are ready to be connected to a joystick. Each keyframe must be placed one frame apart" I have my keyframes at 0, 1, 2, 3, and 4 seconds. What am I doing wrong here?

[@CampKeyframetutorials]

Hey! You need to put those keyframes at the first 5 frames, not seconds. So those keyframe are all 1 frame apart, at the very beginning of your composition. I think that's the problem perhaps?

[@alexandre4760]

Can you share your .ai files please ? :)

[@martijnrijven8062]

Awesome tut! Dankjewel!

[@salvatoremaniscalco]

Master. I cannot explain how much this help me... thanks. Really thanks to exist.

[@CampKeyframetutorials]

Awesome, thanks for the kind words! :) Maybe you'll also like these: kzbin.info/www/bejne/qJS8gat3oZp2fc0 kzbin.info/www/bejne/o6icYmqoeaaggdE Cheers! :)

[@uglynerd9436]

Please help I can't create a 🕹️ even though I have made all the poses it just says the layer is missing property and just doesn't work

[@thegatewaytoprestige]

The tutorial is FIRE, thanks! A random question; what is the song used in your outro? I subscribe to several libraries and I would love to find that track!

[@CampKeyframetutorials]

Thanks! :) The song is called 'Lil Bitz' by BRASKO. Here is the link to where I bought it: app.soundstripe.com/songs/9923 Cheers! :)

[@thegatewaytoprestige]

@@CampKeyframetutorials THANKS! :)

[@literallyshane4306]

great teacher. thank you

[@epiccentermusic6553]

Question: the animation is not updating for the path shapes without pressing the botton which says "update all rigged pathshape properties" but I see u are seeing the animation in realtime when u move your joystick for eyelids and other shape pathes.. how do I make all path animations play in realtime ?

[@ewindl]

as far as I know, you must use at least CC 2018 for real time update

[@tomino60]

I would like to know this also. I am on Ae 2021 and it's not realtime.

[@jkoolleree]

omg this is super

[@CampKeyframetutorials]

Thanks! :)

[@swankaiguy2]

AMAZING and clear tutorial. I was laughing so hard at your acting as "a bad boy". love it.

[@CampKeyframetutorials]

Haha thanks! :)

[@vanessatanadi8512]

Hi! is it possible to make the joystick and sliders visible after rendering? Because I want to show the process to other people. Thank you!

[@CampKeyframetutorials]

Yes you can! You can see a small green grid icon on the layers. That means that they are guide layers. So you can see them but they won't render. You can right click the layer and then turn off 'Guide Layer'. That way it will be visible when rendering :)

[@vanessatanadi8512]

@@CampKeyframetutorials Thank you! I will try 😊🙏🏻

[@paulsedit9589]

Hey, just a quick question. Where do you find the illustration files? Do you make it or where is the best place to download it? BTW very Informative video.

[@ThESTEPler9]

Thanks! Great tutorial!❤️

[@tishadebpillai]

Is it possible to edit the Joystick once you've hit the create button? If I wanted to change the hair position of the face when it looks up or to the side, for example?

[@CampKeyframetutorials]

Yeah there is an 'unlink' button in the Joysticks and Sliders window. Select all your layers and click that button, then you can change the individual states. Then select the layers and click the 're-link' button and it's done! :)

[@tishadebpillai]

Thankyou!!

[@hugosandsjo]

Thanks a lot! Great tutorial!

[@yicc3342]

benefit a great deal .Thank you

[@Keychaine]

Question, does this restrict your eye movements to the position keyframes you selected? Could you, for example, have the character turn his head right but move the eyes to look left?

[@CampKeyframetutorials]

Yeah you can do whatever you want :) The head movement and the eyes movement are independent so you can give them their own keyframes, position and timing.

[@adeldaryabeygi8242]

this tutorial is so good. thank you very much

[@CampKeyframetutorials]

Thanks for watching! :)

[@Kavouhn]

Thank you so much! This was an excellent tutorial :D

[@alexandre4760]

Can your share your .ai file please ?

[@Siliconpixel]

Excellent tutorial. Thanks 😁

[@CampKeyframetutorials]

Thanks for watching! :)

[@cy1523]

Thank you very much for such useful tutorial!

[@CampKeyframetutorials]

And thank YOU for watching it! :)

[@momolovic3909]

Exactly what I needed, Thank so much for sharing

[@alexandre4760]

Can your share your .ai file please ?

[@MrHarishji]

this helped

[@BoboMedia007]

Download link to project files no longer works. Is it possible to make this available again?

[@CampKeyframetutorials]

Yeah I changed it to a Google Drive folder, here is the right one :) drive.google.com/open?id=1c0bYrxN68E-VZachL3TZQbG5IXvqE7wn

[@BoboMedia007]

@@CampKeyframetutorials Thank you for your content I am learning so much from you.

[@CampKeyframetutorials]

@@BoboMedia007 That's great to hear :) Thanks!

[@kaisar5451]

Is it just me or is the "clean slate" file just the finished version?

[@CampKeyframetutorials]

Oh damn you're right. I've updated the AE file so if you download it again, there is an actual clean slate. Thanks for pointing it out :)

[@kaisar5451]

@@CampKeyframetutorials thanks!

[@MiniMovie100]

Hoezo Nederlands?

[@CampKeyframetutorials]

Wat bedoel je?

[@maditab1257]

love the way u teach

[@CampKeyframetutorials]

Thank you! :)

[@paulooliveira2242]

Amazing tutorial!

[@CampKeyframetutorials]

Thank you Paulo! :)

[@sayedelmarakpy2865]

I can't download the project file !! can you help me plz...

[@CampKeyframetutorials]

Whoops it was the wrong link! Here you go: www.dropbox.com/sh/kufykrds0mtm77e/AADhfb2S2uWmNnn6dq-JBCK4a?dl=0

[@Abrylle07]

@@CampKeyframetutorials It was deleted :( too bad

[@CampKeyframetutorials]

@@Abrylle07 Oh yeah I changed the download link, here you can download it :) drive.google.com/drive/u/1/folders/1c0bYrxN68E-VZachL3TZQbG5IXvqE7wn

[@gaohuan2956]

Your tutorial is really great, looking forward to your new one

[@CampKeyframetutorials]

Thank you! :)

[@bachcharyassine7133]

AMAZING

[@ValerieToumayan]

Hi, i download the project, but it says "The projects contains 29 expression errors", saying expression disabled.. any solution to that? i opened it with After Effect 2020

[@CampKeyframetutorials]

Hey! I just downloaded the file myself to see whats up and saw the expression errors too. They where in the clean slate composition. I took care of it and uploaded a new updated file so now they are gone if you download the file again :)

[@ValerieToumayan]

@@CampKeyframetutorials Thanks! it works now!

[@MrSpecter1369]

thanks , this was a great tut

[@CampKeyframetutorials]

Thanks :)

[@cedricadougba324]

Thanks 👍🏿

[@CampKeyframetutorials]

Thanks for watching :)

[@Jagsgrafico]

cool, thanks bro!

[@CampKeyframetutorials]

Awesome, thanks! :)

[@Jagsgrafico]

@@CampKeyframetutorials I just acquired a joystick and I'll see how the steps of the tutorial are doing, greetings! PS: what else can we do with joystick?

[@birajdutta8515]

I can't download the project file !! can you help me plz...

[@CampKeyframetutorials]

Yeah I changed it to a Google Drive folder, here you go :) drive.google.com/drive/folders/1c0bYrxN68E-VZachL3TZQbG5IXvqE7wn?usp=sharing

[@birajdutta8515]

Thanks a lot... Really appreciate..

[@nikhiljagtap1669]

How do I render UI joystick with the video too?, it doesn't get rendered

[@CampKeyframetutorials]

You can turn off the 'Guide Layer' option when right clicking on the layer :)

[@nikhiljagtap1669]

@@CampKeyframetutorials thank you so much ^^

[@tombartlett1024]

Awesome tutorial really thorough and helpful, thanks!

[@CampKeyframetutorials]

Thank you! :)