Automated Lip Sync in Adobe Animate | Tutorial

2024 ж. 22 Мам.
280 459 Рет қаралды

In this video we walk through the process of setting up an automated lip sync animation inside Adobe Animate. I'll also show an example of how this can be applied to a character for cartoons and KZhead videos.
Subscribe! ► / chitchadshowsub_confir...
ChitChadPlays: My Let's Play Channel ► / @chitchadplays
Social Media:
Like me on Facebook ► / itschitchad
Follow me on Twitter ► / itschitchad
Follow me on Instagram ► / itschitchad
Twitch ► / itschitchad
#AdobeAnimate #LipSync #AutoLipSync #AnimationTutorial
Disclaimer ►
Any artwork or animations created in this video has been created by myself unless otherwise stated. Any creations utilizing official art, characters, or content is copyright/registered to their original creators (more info below). Any work featuring copyrighted content is subject to non-commercial use. Any original content or creations is registered to myself and this channel.
If you would like to utilize any aspect of the art or animation created in this video please reach out to me via this channel, email or my social contacts.

Пікірлер
  • 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.

    @Chitchadshow@Chitchadshow2 жыл бұрын
    • Hey Is There Any Plugin Or Preset Or Method Like This In After Effects? Please Answer

      @AlphaKHILADI@AlphaKHILADI2 жыл бұрын
    • Hello chitchad , why during lip sync , another body parts that i animate them dont move when i test

      @user-oz4zx8nr9d@user-oz4zx8nr9d Жыл бұрын
    • I have 2021 version of adobe animate and I can't see the lyp sinc section!

      @AntonBildziuk@AntonBildziuk Жыл бұрын
    • Are you able to do an animation lip sync for me ?

      @sheabutterempowerment@sheabutterempowerment10 ай бұрын
    • Hello can I create this using cellphone only

      @bernardodordas9434@bernardodordas943410 ай бұрын
  • 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

    @JimMathewK@JimMathewK2 жыл бұрын
    • AAAAA thank you so much!!! Wish this got pinned or added somewhere

      @gebbygeb3547@gebbygeb35472 жыл бұрын
  • 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

    @AtomLeCat@AtomLeCat2 жыл бұрын
  • 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!

    @KaliCoriaCMWSOT@KaliCoriaCMWSOT24 күн бұрын
  • Great tutorial. I've been working with animate/flash since the early 2000s and have been synching mouths by ear and never got around to learning to do it automatically. You still need to tweak a few things on your own to get the perfect lip synch but this method makes things so much easier and saves so much time!!!!

    @laotorrr1253@laotorrr12532 жыл бұрын
    • Glad this helped! I also go back and modify the automated lip sync as it doesn't always match the VO, but having most of the visemes already keframed is such a fantastic starting point that saves so much time!

      @Chitchadshow@Chitchadshow2 жыл бұрын
  • 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.

    @PrinceVince28@PrinceVince286 ай бұрын
  • 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!

    @BrettWarniers@BrettWarniers Жыл бұрын
  • 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!

    @TamilMediaTV@TamilMediaTV Жыл бұрын
  • 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.

    @DigitalDrew92@DigitalDrew923 жыл бұрын
    • 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!

      @Chitchadshow@Chitchadshow3 жыл бұрын
  • Outstanding tutorial. Very simple and clear instructions....great voice too. I'm subscribing!

    @terrijohnson459@terrijohnson459 Жыл бұрын
  • Just used this for my finals project along with other things and got a 100.. Appreciate it man

    @JustMamba@JustMamba2 жыл бұрын
    • Congrats on the finals project! 👏

      @Chitchadshow@Chitchadshow2 жыл бұрын
    • What school do you go to for this ?

      @Realinktoons@Realinktoons Жыл бұрын
    • @@Realinktoons Of course Chit Chad school

      @journeyforyou5600@journeyforyou5600Ай бұрын
  • Wow, thankyou very much for the help. Hope your channel prosper!

    @AGhere@AGhere2 жыл бұрын
  • 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.

    @Leo-gl4lb@Leo-gl4lb3 жыл бұрын
    • I appreciate the kind words and support!

      @Chitchadshow@Chitchadshow3 жыл бұрын
  • Fantastic, this is a massive time saver for me and a project I'm working on. Thank you.

    @dynastus@dynastus Жыл бұрын
  • Thank you so much for this, this made my assignment so much clearer.

    @user-qg2xj4ch2r@user-qg2xj4ch2r2 жыл бұрын
  • Thanks a lot man , very helpful

    @AhmedAli-zy1pk@AhmedAli-zy1pk16 күн бұрын
  • Wow this video really helps me a lot, Thanks man !!

    @kevinarce4232@kevinarce4232 Жыл бұрын
  • subscribed because i was procrastinating my animation project even after I finished all the lip syncs just because of this

    @eshnd.@eshnd. Жыл бұрын
  • You deserved a million subs for this !

    @nguyenvinh2407@nguyenvinh2407 Жыл бұрын
  • Thank you for existing man) Brilliant

    @aslanov2001@aslanov2001 Жыл бұрын
  • 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.

    @SigmaChad010@SigmaChad010 Жыл бұрын
  • Very helpful tutorials thanks 🌟

    @ArtyDc600@ArtyDc60010 ай бұрын
  • BROTHER, YOU ARE THE BEST!!! You oooh really helped me!! THANK YOU VERY MUCH!

    @vincentriamon7457@vincentriamon7457 Жыл бұрын
  • Dude, thank you so much for this tutorial, I really needed it dude, you are very good at this subject

    @KDUDU176@KDUDU1762 жыл бұрын
    • Glad it helped!

      @Chitchadshow@Chitchadshow2 жыл бұрын
  • Great job. Love your videos and hope to learn to animate like a pro :)

    @jelenazujovic7445@jelenazujovic7445 Жыл бұрын
  • Cool Tutorial. Really understandable. Big Thanks!

    @azwaryoga@azwaryoga3 жыл бұрын
    • Glad you enjoyed it!

      @Chitchadshow@Chitchadshow3 жыл бұрын
  • OMG it's so useful! Thank you!

    @fedora7142@fedora7142 Жыл бұрын
  • Very helpful tutorial, thank you!

    @ChazzRavenelle@ChazzRavenelle3 жыл бұрын
    • You're welcome! Thanks for watching.

      @Chitchadshow@Chitchadshow3 жыл бұрын
  • this is super helpful thank you!

    @spencerlarson9357@spencerlarson9357 Жыл бұрын
  • It's amazing how far Flash has come. I first used it when Macromedia used to sell it.

    @rommix0@rommix0 Жыл бұрын
  • Thanks a lot, man, for this great content! Greetings.

    @adrian831226@adrian83122611 ай бұрын
  • I just found this now. And wow Thakyou for sharing ❤️❤️

    @Jeffdraws19@Jeffdraws192 жыл бұрын
  • LOOOL YESSSSSSSS TNice tutorialS COMNT IS FELTTTTT

    @luizschallenberger3220@luizschallenberger3220 Жыл бұрын
  • These are great!

    @themysteriousunknownrevealed@themysteriousunknownrevealed2 жыл бұрын
  • Superb ♥️🔥 thanks for it...

    @Bunty27@Bunty27 Жыл бұрын
  • Ok Its the Quality Content 🔥✌🏻

    @crookyguy@crookyguy7 ай бұрын
  • 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.

    @donaldlewis2689@donaldlewis2689 Жыл бұрын
  • You are my new legend

    @abeera7338@abeera73382 жыл бұрын
  • Works well!! DANKEEE

    @javierlopezzv@javierlopezzv Жыл бұрын
  • You have just made me save a lot I mean a lot of time THANK YOU

    @anasawameh4824@anasawameh48243 жыл бұрын
    • Thanks for watching!

      @Chitchadshow@Chitchadshow3 жыл бұрын
  • Dude, thank you.

    @RedHawk25@RedHawk25Ай бұрын
  • Great tutorial for my

    @perekadangrafik@perekadangrafik Жыл бұрын
  • ah here we go, this is what i'm looking for. very easy to understand this one compared to others

    @TheDukeOfZill@TheDukeOfZill3 жыл бұрын
    • Thank you, glad this video was helpful!

      @Chitchadshow@Chitchadshow3 жыл бұрын
  • Great tutorial! Thanks

    @osobtusos-animacoes8291@osobtusos-animacoes82913 жыл бұрын
    • Glad it was helpful!

      @Chitchadshow@Chitchadshow3 жыл бұрын
  • Thanks man, so clear!

    @alexnicolas7@alexnicolas73 жыл бұрын
    • Thanks for checking out the video.

      @Chitchadshow@Chitchadshow3 жыл бұрын
  • 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.

    @rejathramannair5837@rejathramannair58372 ай бұрын
  • nice toturial

    @islamicoicball@islamicoicball Жыл бұрын
  • Thanks for your video, it's really helpful

    @apakatachatgpt181@apakatachatgpt1813 жыл бұрын
    • Glad it was helpful!

      @Chitchadshow@Chitchadshow3 жыл бұрын
  • You are the man!!!!!!

    @dzjamesofficial@dzjamesofficial Жыл бұрын
  • Awesome 👏

    @osoeldorado3149@osoeldorado31492 жыл бұрын
  • soo cool dude

    @himanshuchauhan7538@himanshuchauhan75382 жыл бұрын
  • Superb bro

    @crmpdcpfilmhs@crmpdcpfilmhs2 жыл бұрын
  • Hello, Good way for illustration, have a question: which software can make auto lip sync easy with camera? thanks

    @3ly886@3ly8862 жыл бұрын
  • 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?

    @DaisyPusher@DaisyPusher7 ай бұрын
  • You r better than all in it do more do walk cycle etc

    @netanimation@netanimation7 ай бұрын
  • Thanks ^^

    @dusanmisjak7936@dusanmisjak7936 Жыл бұрын
  • Wow....Love from Bangladesh 🇧🇩🇧🇩🇧🇩🇧🇩

    @jaricartoon8510@jaricartoon8510 Жыл бұрын
  • Oh, nice!

    @DragaoNinja@DragaoNinja Жыл бұрын
  • Tq for teaching

    @NArjunBCC@NArjunBCC2 жыл бұрын
  • I feel you!

    @aashisgurung7393@aashisgurung7393 Жыл бұрын
  • I LOVE YOUR CHANNEL SO MUCH YOU HELPED ME ALOT!!!!!!!!!!!!!!!!!!!!!

    @blueblizzardwolf6751@blueblizzardwolf67512 жыл бұрын
    • Thanks for checking out the channel!

      @Chitchadshow@Chitchadshow2 жыл бұрын
  • 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 🙏

    @ApratimArora@ApratimArora2 жыл бұрын
  • omg . thank you sooooooo mach

    @user-wb6pf5pz9o@user-wb6pf5pz9oАй бұрын
  • 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!

    @spsh4321@spsh43212 жыл бұрын
  • Can you make a course or dedicated playlist for this character's full animation?

    @XamsLyf@XamsLyf2 жыл бұрын
  • thanks bro! subbed

    @PhoenixLondon@PhoenixLondon3 жыл бұрын
    • Thanks for the sub!

      @Chitchadshow@Chitchadshow3 жыл бұрын
  • 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! ❤

    @antoninapilugina3644@antoninapilugina36446 ай бұрын
  • 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?

    @DarkandTwisted@DarkandTwisted3 жыл бұрын
    • 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!

      @Chitchadshow@Chitchadshow3 жыл бұрын
    • @@Chitchadshow Thanks, Chad! I appreciate it!👍

      @DarkandTwisted@DarkandTwisted3 жыл бұрын
    • Happy to help!

      @Chitchadshow@Chitchadshow3 жыл бұрын
    • @@Chitchadshow o

      @drphthalo6868@drphthalo68682 жыл бұрын
    • Sorry, mistyped

      @drphthalo6868@drphthalo68682 жыл бұрын
  • 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 ?

    @mounirachir5644@mounirachir56442 жыл бұрын
  • fantastic. Hopefully adobe can improve this system

    @Kim-by5uy@Kim-by5uy Жыл бұрын
  • thanks a lot, keep it up

    @nathanael138@nathanael1382 жыл бұрын
    • Thank you

      @Chitchadshow@Chitchadshow2 жыл бұрын
  • Thank you! :)

    @_M2art@_M2art3 жыл бұрын
    • You're welcome!

      @Chitchadshow@Chitchadshow3 жыл бұрын
  • Thanks, I feel more confident giving this an attempt now! :) P.S. I think they're probably pronounced "vi"-"zemes" like after "pho"-"nemes"..?

    @julian.kollataj@julian.kollatajАй бұрын
  • i like lip syncing by hand because it looks smoother

    @projectzack@projectzack Жыл бұрын
  • Hey Is There Any Plugin Or Preset Or Method Like This In After Effects? Please Answer

    @AlphaKHILADI@AlphaKHILADI2 жыл бұрын
  • 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.

    @Jsmith0819@Jsmith0819 Жыл бұрын
  • cool

    @usef_kd@usef_kd Жыл бұрын
  • Thanks Chad :)

    @MalesChannel@MalesChannel2 жыл бұрын
    • Thanks for watching!

      @Chitchadshow@Chitchadshow2 жыл бұрын
  • Hi, thank you very much for that. Can you please tell me how much would you charge per minute? I started doing this for someone and I wanted to know how much would a professional like yourself charge a customer for one minute of manual lip sync(without animation of the body, only lips). If you can give me an estimate, it would help me a lot, thank you very much.

    @nm-du8py@nm-du8py2 жыл бұрын
  • THANK YOU SO MUCH THIS HELPED ME ALOT

    @ChuckyVRSucks@ChuckyVRSucks24 күн бұрын
  • CAN I DO THIS FOR MULTI CHATACTER and will it also work for moving characters

    @samruddhparsekar@samruddhparsekar Жыл бұрын
  • 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!

    @paolaanimator@paolaanimator3 жыл бұрын
    • 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!

      @Chitchadshow@Chitchadshow3 жыл бұрын
    • @@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: kzhead.info/sun/eMmtnNOJfnxorIU/bejne.html 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

      @paolaanimator@paolaanimator3 жыл бұрын
  • How could I save this layer, lip synce, for further use in other scence

    @diverse4985@diverse49855 ай бұрын
  • 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?

    @RoseyRose20@RoseyRose202 жыл бұрын
  • I genuinely hope you reply to this ASAP, for some reason my visemes will cover all images in the lip sync window depending on which is selected. Example: If I select the neutral mouth in it's frame, only neutral mouths will cover all options in the lip sync window, same goes for each viseme. Any advice?

    @Dynabtw@Dynabtw2 жыл бұрын
  • 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!

    @simulation_lab@simulation_lab11 ай бұрын
  • How do you animate the jaw along with the mouth?

    @siholgs@siholgs6 күн бұрын
  • Is there a way to automate expressions? Such as eyes and eye brows?

    @LotusGT@LotusGT Жыл бұрын
  • Is there any way to save the lip sync so I can use it for a different scene?

    @parteetvofficial@parteetvofficial Жыл бұрын
  • 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@moonsalt31672 жыл бұрын
    • Also, did you just add the rest of the body layer underneath it?

      @moonsalt3167@moonsalt31672 жыл бұрын
  • Can you do this in after effects as well?

    @urteleszkop@urteleszkop2 жыл бұрын
  • 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

    @stridge6068@stridge6068 Жыл бұрын
    • I was wondering this as well

      @heckcreek5023@heckcreek5023 Жыл бұрын
  • 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?

    @fennekinlovers1964@fennekinlovers19643 жыл бұрын
    • 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.

      @Chitchadshow@Chitchadshow3 жыл бұрын
    • @@Chitchadshow okay thank you! :D

      @fennekinlovers1964@fennekinlovers19643 жыл бұрын
  • 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?

    @davep4357@davep43573 жыл бұрын
    • 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.

      @Chitchadshow@Chitchadshow3 жыл бұрын
  • How you deal with breaks in the speaking? i dont know how to stop the mouth animation

    @sleepyninja303@sleepyninja3036 ай бұрын
  • 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?

    @Victoraninate@Victoraninate2 жыл бұрын
  • when the visemes window pops up it only shows the symbol y selected each individual mouth, they don't all pop up

    @azelmp3@azelmp32 жыл бұрын
  • Is it possible to create automatic lip sync in after effects?

    @user-un6df9bf9j@user-un6df9bf9j11 ай бұрын
  • is there a way to do that in adobe after affects?

    @army7712@army7712 Жыл бұрын
  • 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?

    @Chai-the-Artist@Chai-the-Artist2 жыл бұрын
    • Same here...have you figure it out bro?

      @Victoraninate@Victoraninate2 жыл бұрын
    • @@Victoraninate Nope, gave up.

      @Chai-the-Artist@Chai-the-Artist2 жыл бұрын
KZhead