Automated Lip Sync in Adobe Animate | Tutorial

[@Chitchadshow]

Hey everyone, going to add this comment for frequently asked questions. I will continue to add to this as needed. Q: I don't see the auto lip sync button. A: You will a recent edition of Adobe Animate. This feature was added to the 2020 version of the program. Q: I can't hear the audio on the main timeline. A: You will often need to place the audio both in the imbedded timeline AND the main timeline in order to hear it while animating between the different timelines. Q: Can this work with different sets of mouths? A: Yes, one way you can achieve this would be to have each mouth set on it's own layer all being synced to the same audio layer. Once they all have interpreted to the audio you could simply delete the keyframes of the set you don't want visible during that part of the VO. Q: Can I have multiple characters in the scene with lip sync? A: Yes, if your characters are all inside their own symbols you can place the separated audio track inside those for each character. I would recommend using an audio program like Adobe Audition to mix down each characters separate audio, then a master mix of all the characters. The separate audio for each character would be placed inside that characters symbol, and the master mix audio would be placed on the main timeline, so you can preview while you're animating.

[@AlphaKHILADI]

Hey Is There Any Plugin Or Preset Or Method Like This In After Effects? Please Answer

[@ليالسلوم-ذ4ش]

Hello chitchad , why during lip sync , another body parts that i animate them dont move when i test

[@AntonBildziuk]

I have 2021 version of adobe animate and I can't see the lyp sinc section!

[@sheabutterempowerment]

Are you able to do an animation lip sync for me ?

[@bernardodordas9434]

Hello can I create this using cellphone only

[@JustMamba]

Just used this for my finals project along with other things and got a 100.. Appreciate it man

[@Chitchadshow]

Congrats on the finals project! 👏

[@Tattooindustry]

What school do you go to for this ?

[@journeyforyou5600]

@@Tattooindustry Of course Chit Chad school

[@lylevillanueva8624]

@@Tattooindustry anything with Multimedia Art Course

[@JimMathewK]

1:27 - Introduction to visemes 1:52 - Visames or mouth shape library 2:24 - Making and setting up a symbol from your mouth shapes 3:33 - Adding label for each keyframes 4:02 - Assigning visemes to the mouth shapes 4:30 - Adding audio 5:17 - Generating the lip sync

[@gebbygebbers]

AAAAA thank you so much!!! Wish this got pinned or added somewhere

[@TamilMediaTV]

Come back please... You are a Great Teacher and it's not easy to find a Great Teacher. And thank you very much for being such a wonderful teacher who truly helped us to understanding things easily!

[@Leo-gl4lb]

This tutorial is great. You seem like a guy who should have 1 million subscribers. Its hard to see someone this professional at this amount of subscribers.

[@Chitchadshow]

I appreciate the kind words and support!

[@KaliCoriaCMWSOT]

Thank you so much! I was about to legit cry because a vision I had for a lyric video required lips in specific anime style to lip sync and I had no idea how to tackle it. With this video I was able to get it all done! Appreciate you!

[@BrettWarniers]

Wish I could like this video 7 times for the 7 times I've followed this tutorial and it's helped me do exactly what I hope to do! Big ups!

[@kidzvidz72]

The best video for Lips Synk, Thank you

[@AtomLeCat]

I've always just done it manually. It was so time consuming but I can definatly use this to speed things up a bit. Thank you so much

[@eshnd-1]

subscribed because i was procrastinating my animation project even after I finished all the lip syncs just because of this

[@rejathramannair5837]

I've used Adobe Animate CC while studing for Bachelor of Science (BSC) in Animation&VFX course in a university in Bangalore for 3 years. I found the lip-sync of seagull too in this same software. If you couldn't have shared every Animate Tutorial with us, then we might have forgotten it.

[@donaldlewis2689]

I am a super beginner just started 2 days ago and these tutorials are great if you have at least a moderate level of understanding ~ I can not figure out how to just properly import the Lip Sync file into Adobe Animate. I get it I have worked with Illustrator for 30 years and I do the same thing when trying to explain AI to people. Anyway, I will bookmark it and see if I can find another tutorial that starts at the absolute beginning.

[@DigitalDrew92]

Great video Chad, not sure that I’ll ever use this info since I don’t really animate stuff but it was still very informative. Also it was really cool to see cartoon Chad in all his glory. I’m glad you are uploading videos to the main channel again. Keep up the phenomenal work.

[@Chitchadshow]

Thanks for checking it out! Hopefully I can make these tutorials entertaining to watch even if people aren't interested in being animators. I appreciate your support!

[@nguyenvinh2407]

You deserved a million subs for this !

[@TheDukeOfZill]

ah here we go, this is what i'm looking for. very easy to understand this one compared to others

[@Chitchadshow]

Thank you, glad this video was helpful!

[@PrinceVince28]

Thank you so much for the tutorial! I used to draw the lip sync manually every single frame and it would take a long time😅, but this is a real time-saver and looks just as good.

[@rommix0]

It's amazing how far Flash has come. I first used it when Macromedia used to sell it.

[@DarkandTwisted]

Nice tutorial! 👍 Yes, regular lip-syncing is very tedious, especially when you have long animations or multiple characters as I do in many of my animations. I've been using Flash since 2006. Adobe has come a long way. Question. What if there are multiple characters in a scene? How does this automated lip-sync method work?

[@Chitchadshow]

If your characters are all inside their own symbols you can place the separated audio track inside those for each character. I would recommend spacing out the audio in something like Audition so the speaking lines have the necessary gaps as not to have the characters overlap each others audio. If the audio doesn't come through outside those characters symbols you could make another audio file that has all speaking lines in one track on the main timeline, that way you could still hear the audio without it affecting any of the characters. Hope that helps and thanks for watching!

[@DarkandTwisted]

@@Chitchadshow Thanks, Chad! I appreciate it!👍

[@Chitchadshow]

Happy to help!

[@drphthalo6868]

@@Chitchadshow o

[@drphthalo6868]

Sorry, mistyped

[@williamvargas4179]

Amazing video bro, right to the point and clear explanation, thanks a lot, it really helped me a lot!

[@Cyranek]

10/10 tutorial

[@jaricartoon8510]

Wow....Love from Bangladesh 🇧🇩🇧🇩🇧🇩🇧🇩

[@sandradahir4346]

Thank You so much for this tutorial. this has really helped this struggling sessions student.☺

[@vincentriamon7457]

BROTHER, YOU ARE THE BEST!!! You oooh really helped me!! THANK YOU VERY MUCH!

[@AGhere]

Wow, thankyou very much for the help. Hope your channel prosper!

[@spsh4321]

Hi, Thank you very much for this great tutorial. One thing you did not cover that is "JAW" animation with lip sync. Can you please make a tutorial on Jaw animation with lip sync. Thanks again!

[@kevinarce4232]

Wow this video really helps me a lot, Thanks man !!

[@azwaryoga]

Cool Tutorial. Really understandable. Big Thanks!

[@Chitchadshow]

Glad you enjoyed it!

[@3ly886]

Hello, Good way for illustration, have a question: which software can make auto lip sync easy with camera? thanks

[@anasawameh4824]

You have just made me save a lot I mean a lot of time THANK YOU

[@Chitchadshow]

Thanks for watching!

[@SigmaChad010]

Thank you so much I really appreciate your work and this premium quality tutorial you helped me a lot and saved me a lot of time.

[@KDUDU176]

Dude, thank you so much for this tutorial, I really needed it dude, you are very good at this subject

[@Chitchadshow]

Glad it helped!

[@shellyzama548]

Thanks for the great tutorial. Can you show us how to make the auto lip-sync animation to follow the character as they move just like your intro of this video? Thank you

[@luizschallenberger3220]

LOOOL YESSSSSSSS TNice tutorialS COMNT IS FELTTTTT

[@stridge6068]

Hey I have a question, in the part where your making each mouths shape its own keyframe, instead of using add keyframe, can we cut add blank keyframe and then paste to blank keyframe or would that not work, thanks

[@heckcreek5023]

I was wondering this as well

[@TerriFonicDigital]

Outstanding tutorial. Very simple and clear instructions....great voice too. I'm subscribing!

[@be.perfect]

very nice and clear, thank you 🙏🏼

[@abeera7338]

You are my new legend

[@小林雪-o9t]

Thank you so much for this, this made my assignment so much clearer.

[@aslanov2001]

Thank you for existing man) Brilliant

[@Chai-the-Artist]

Having trouble, the tutorial is very helpful but a bit unclear at times and I had to do a fair bit of guessing. I can't find a lip-syncing option anywhere, I followed the steps up to about 4:57ish and got stuck. Any tips out there?

[@Victoraninate]

Same here...have you figure it out bro?

[@Chai-the-Artist]

@@Victoraninate Nope, gave up.

[@Jeffdraws19]

I just found this now. And wow Thakyou for sharing ❤️❤️

[@aquirkyguyy]

Ok Its the Quality Content 🔥✌🏻

[@netanimation]

You r better than all in it do more do walk cycle etc

[@fedora7142]

OMG it's so useful! Thank you!

[@ChuckyVRGT]

THANK YOU SO MUCH THIS HELPED ME ALOT

[@AlphaKHILADI]

Hey Is There Any Plugin Or Preset Or Method Like This In After Effects? Please Answer

[@Bunty27]

Superb ♥️🔥 thanks for it...

[@osobtusos-animacoes8291]

Great tutorial! Thanks

[@Chitchadshow]

Glad it was helpful!

[@ArtyDc600]

Very helpful tutorials thanks 🌟

[@julian.kollataj]

Thanks, I feel more confident giving this an attempt now! :) P.S. I think they're probably pronounced "vi"-"zemes" like after "pho"-"nemes"..?

[@spencerlarson9357]

this is super helpful thank you!

[@adrian831226]

Thanks a lot, man, for this great content! Greetings.

[@adepojuadeife1333]

Please can a full video of how you create this cartoon into real video please 🙏 🙏🙏🙏🙏🙏

[@NekoBoyOfficial]

I can only hear audio if I play from the beginning. Is there a setting so I can play from the middle?

[@dynastus]

Fantastic, this is a massive time saver for me and a project I'm working on. Thank you.

[@jelenazujovic7445]

Great job. Love your videos and hope to learn to animate like a pro :)

[@projectzack]

i like lip syncing by hand because it looks smoother

[@DaisyPusher]

This is awesome! I feel like this is obtainable for my skill level. Thank you! Do you know if it will be ditto incorporate hand drawn art to trace and for backgrounds?

[@mounirachir5644]

Great tutorial thank you, do you think that it will work on something i took a picture of ? for exemple if i took a pic of a teddy bear, will it work on him ?

[@XtremeGamerRPG]

Will this work on an IK rig that uses the bones tool?

[@bethbranchal-contentcreationpo]

When creating the lip sync symbol are you deleting the mouths? Where do they go once added to the timeline?

[@XamsLyf]

Can you make a course or dedicated playlist for this character's full animation?

[@dzjamesofficial]

You are the man!!!!!!

[@AbcjuniorKids]

@chitchadshow how does the chin move with moving lips during lips sync?

[@siholgs]

How do you animate the jaw along with the mouth?

[@blueblizzardwolf6751]

I LOVE YOUR CHANNEL SO MUCH YOU HELPED ME ALOT!!!!!!!!!!!!!!!!!!!!!

[@Chitchadshow]

Thanks for checking out the channel!

[@Jsmith0819]

Hopefully this will be seen and answered. Haha! Is there a way to lock the mouth to a specific object, so if it moves or scales, they will too? Couldn't figure out what to search to find a video for that.

[@themysteriousunknownrevealed]

These are great!

[@RoseyRose20]

i have adobe animate 2021 v21.0.7.42652 but the rest of the visemes don't appear in frame picker. just one symbol. what's going on?

[@crmpdcpfilmhs]

Superb bro

[@himanshuchauhan7538]

soo cool dude

[@mirror_flowers]

Please give me advice, can I make synced lips like that and put it over the slightly animated character (insert the video file in Adobe Animate)? Or I should export the synced lips somehow and put it over the animation in after effects? Thank you for your useful video! ❤

[@fennekinlovers1964]

Can you make a video about how to animate the hands and arms and correct layering of them? Because I can't find information about it, I mean with a simple character for example an animal, that their arms are only one layer, how I do for them to be behind the body but at the same time the character touch their face?

[@Chitchadshow]

I will actually be covering this on a future video! There's a few ways you can do it, one of which has a similar process to the lip sync - where you create all the different variations inside of a graphic.

[@fennekinlovers1964]

@@Chitchadshow okay thank you! :D

[@Kim-by5uy]

fantastic. Hopefully adobe can improve this system

[@samruddhparsekar]

CAN I DO THIS FOR MULTI CHATACTER and will it also work for moving characters

[@islamicoicball]

nice toturial

[@diverse4985]

How could I save this layer, lip synce, for further use in other scence

[@moonsalt3167]

Thank you so much, you are the best, how do I know where to add the frame to show the sound file? If it were say 3 minutes and 30 seconds, what frame number would I pick? So sorry u-u how many frames per second did you use?

[@moonsalt3167]

Also, did you just add the rest of the body layer underneath it?

[@javierlopezzv]

Works well!! DANKEEE

[@alexnicolas7]

Thanks man, so clear!

[@Chitchadshow]

Thanks for checking out the video.

[@osoeldorado]

Awesome 👏

[@davep4357]

How does auto lip sync work with different mouth sets which use the same sounds (Happy Ah verses Sad ‘Ah’.) How do I go between the different expressions?

[@Chitchadshow]

One way you could achieve that would be to have each mouth set on it's own layer all being synced to the same audio layer. Once they all have interpreted the audio you could simply delete the keyframes of the set you don't want visible during that part of the VO.

[@Taskuvesku]

Argh! i was excited to learn this... but i cancelled my subscription of Adobe cloud license (i had that about 10 years).... Is there any alternative way to do automated lip sync?

[@spacejinkies]

Does anyone know if there is a way to do this over a rig? Like where you do auto lip sync, and move the mouth within each frame so it matches up with the head if the head is moving? Hope this makes sense

[@otheos5504]

hey can i ask what tools do i need to do this?? do i need a certain camera that only can be used for this thing or i can use regular camera?? or this is use michropohone??

[@Chitchadshow]

Not sure I understand the question. If you are asking what you need in order to record audio for Adobe Animate, you would just need a microphone.

[@otheos5504]

@@Chitchadshow u answer it corretly bro thanks for the info hahaha, because i think i need some special camera to detect my lip movement

[@Chitchadshow]

Adobe Animate does not have any webcam or camera functionality. There is another Adobe software called Adobe Character Animator that does use camera for tracking character puppets, however that too only uses audio to generate lip syncs.

[@otheos5504]

@@Chitchadshow I want to ask again, if i use adobe character animator do i need special camera or i can use basic camera from the device??

[@RedHawk25]

Dude, thank you.

[@simulation_lab]

When he converts to symbol, the type is not set to Graphic by default, so you have to make sure to set it as Graphic or else Lip Sync wont be an option in the object properties!

[@Piledrivercomix]

Thank you! that was a very crucial step that cost me hours lol.

[@wVirtol]

when the visemes window pops up it only shows the symbol y selected each individual mouth, they don't all pop up

[@Victoraninate]

Hello there 👋 i have one question the lip syncing property panel is not appearing in my window even though i clicked on visemes. What shall i do?

[@NArjunBCC]

Tq for teaching

[@planesmart75001]

I was replacing an audio file which already had lip sync to it. Now, I got the new file to lip sync to a point. The new audio is longer than the old one. the lip sync works until it gets to the length of the old audio file, then stops the lip syncing. How do I get the lip sync to continue the whole new audio file?

[@apakatachatgpt181]

Thanks for your video, it's really helpful

[@Chitchadshow]

Glad it was helpful!

[@technoninja303]

How you deal with breaks in the speaking? i dont know how to stop the mouth animation

[@sundarm2169]

Will it work for all languages 🤔??

[@army7712]

is there a way to do that in adobe after affects?

[@ChristianMwaura]

Is it possible to create automatic lip sync in after effects?

[@ApratimArora]

ChitChad, can we use photoshop characters distributed in layers for animating in animate cc? Or just ones from Adobe illustrate? I am confused a lot regarding same and I don't understand what difference it makes (in working) other than the raster and vector difference.. Please teach the photoshop character animation in animate cc if possible. Thank You 🙏

[@ainanarif5737]

How can I use the symbol for different documents?

[@paolaanimator]

Hello ChitChad, I have a question about automatic lip sync. I have seen tutorials so far (including yours), that it looks like the mouth only moves in a still head, but then when I try to animate the head and mouth together in a puppet rig, the mouth stops moving or the head moves but the mouth stops talking/doesn't move. How can I animate the head moving while the mouth lipsync moves along with the head in a puppet rig? Do I have to actually create head symbols with the mouth and then connect the head to the neck in the puppet rig in Adobe Animate? I want to do it like how you did it in the ending of the video, where the lip sync MOVES with the head. Or did you use Character Animator for the combining the head and lip sync together? I wish you included this important step in your video for moving heads and lipsyncs. Many thanks for your help if you reply!

[@Chitchadshow]

Hi there, without seeing how your character rig is set up I am not 100% sure this will be helpful but I shall try my best. First, yes! - all the character animation in this video was done inside of Adobe Animate. For example, the character I created uses a parenting link from the automated lip sync graphic to the main head graphic. When I apply a classic tween to the head graphic the mouth graphic will then move along with it because it's parented to the head. I would recommend processing the automated lip sync keyframes before applying any animation to the character and make sure each of those symbols (mouth, head, body, ect) are on their own layers. Also, the reason I didn't include rigging as part of this video is because that's a much larger concept with a number of different factors depending on style of animation and character design. It would not necessarily apply to everyone who uses this lip sync technique as it can be utilized both inside Adobe Animate as well as outside of it with programs like Character Animator, After Effects, ect. I hope this has been helpful and wish you luck with your animation project!

[@paolaanimator]

@@Chitchadshow Thank you so much for your response ChitChad! I will follow your parenting trick advice in the comment. How I set up my character rig is by connecting the body parts to the joint in the layers, head to neck, neck to body, hip to legs, etc. I created a character by following this video, "How to rig a simple character" by TipTut. Link: kzbin.info/www/bejne/e5bXnaKHfK9lr68 Thank you for letting me know about the rigging process, I'd love to see your video on rigging, your video on setting up the lip syncing is clear and helpful! I would love to learn other methods of rigging in Adobe Animate or Character Animate. Again, thank you for the reply and your advice, it really helps a lot and your animation is awesome! Have a lovely night/day, ChitChad! :D

[@urteleszkop]

Can you do this in after effects as well?