Automated Lip Sync in Adobe Animate | Tutorial

Поділитися
Вставка
  • Опубліковано 10 лип 2024
  • 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 UA-cam 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.
  • Фільми й анімація

КОМЕНТАРІ • 298

  • @Chitchadshow
    @Chitchadshow  3 роки тому +47

    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
      @AlphaKHILADI 2 роки тому +2

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

    • @user-oz4zx8nr9d
      @user-oz4zx8nr9d Рік тому

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

    • @AntonBildziuk
      @AntonBildziuk Рік тому

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

    • @sheabutterempowerment
      @sheabutterempowerment Рік тому

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

    • @bernardodordas9434
      @bernardodordas9434 Рік тому

      Hello can I create this using cellphone only

  • @AtomLeCat
    @AtomLeCat 2 роки тому +1

    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

  • @JimMathewK
    @JimMathewK 2 роки тому +32

    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

    • @gebbygeb3547
      @gebbygeb3547 2 роки тому +1

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

  • @KaliCoriaCMWSOT
    @KaliCoriaCMWSOT 2 місяці тому

    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!

  • @laotorrr1253
    @laotorrr1253 2 роки тому +6

    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!!!!

    • @Chitchadshow
      @Chitchadshow  2 роки тому +1

      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!

  • @be.perfect
    @be.perfect Місяць тому

    very nice and clear, thank you 🙏🏼

  • @DigitalDrew92
    @DigitalDrew92 3 роки тому +7

    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
      @Chitchadshow  3 роки тому +3

      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!

  • @BrettWarniers
    @BrettWarniers Рік тому +1

    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!

  • @PrinceVince28
    @PrinceVince28 7 місяців тому

    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.

  • @JustMamba
    @JustMamba 2 роки тому +23

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

    • @Chitchadshow
      @Chitchadshow  2 роки тому +7

      Congrats on the finals project! 👏

    • @Realinktoons
      @Realinktoons Рік тому +1

      What school do you go to for this ?

    • @journeyforyou5600
      @journeyforyou5600 3 місяці тому +1

      @@Realinktoons Of course Chit Chad school

  • @TamilMediaTV
    @TamilMediaTV Рік тому +1

    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!

  • @AGhere
    @AGhere 2 роки тому

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

  • @user-qg2xj4ch2r
    @user-qg2xj4ch2r 2 роки тому

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

  • @aslanov2001
    @aslanov2001 Рік тому

    Thank you for existing man) Brilliant

  • @dynastus
    @dynastus Рік тому

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

  • @kevinarce4232
    @kevinarce4232 Рік тому

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

  • @terrijohnson459
    @terrijohnson459 Рік тому

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

  • @fedora7142
    @fedora7142 Рік тому

    OMG it's so useful! Thank you!

  • @Leo-gl4lb
    @Leo-gl4lb 3 роки тому +4

    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
      @Chitchadshow  3 роки тому +2

      I appreciate the kind words and support!

  • @spencerlarson9357
    @spencerlarson9357 Рік тому

    this is super helpful thank you!

  • @nguyenvinh2407
    @nguyenvinh2407 Рік тому

    You deserved a million subs for this !

  • @javierlopezzv
    @javierlopezzv Рік тому

    Works well!! DANKEEE

  • @ArtyDc600
    @ArtyDc600 Рік тому

    Very helpful tutorials thanks 🌟

  • @themysteriousunknownrevealed
    @themysteriousunknownrevealed 2 роки тому

    These are great!

  • @AhmedAli-zy1pk
    @AhmedAli-zy1pk 2 місяці тому

    Thanks a lot man , very helpful

  • @RedHawk25
    @RedHawk25 3 місяці тому

    Dude, thank you.

  • @ChazzRavenelle
    @ChazzRavenelle 3 роки тому +4

    Very helpful tutorial, thank you!

    • @Chitchadshow
      @Chitchadshow  3 роки тому

      You're welcome! Thanks for watching.

  • @jelenazujovic7445
    @jelenazujovic7445 Рік тому

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

  • @Jeffdraws19
    @Jeffdraws19 2 роки тому

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

  • @vincentriamon7457
    @vincentriamon7457 Рік тому

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

  • @eshnd.
    @eshnd. Рік тому

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

  • @abeera7338
    @abeera7338 2 роки тому

    You are my new legend

  • @azwaryoga
    @azwaryoga 3 роки тому +2

    Cool Tutorial. Really understandable. Big Thanks!

  • @adrian831226
    @adrian831226 Рік тому

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

  • @SigmaChad010
    @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.

  • @dzjamesofficial
    @dzjamesofficial Рік тому

    You are the man!!!!!!

  • @luizschallenberger3220
    @luizschallenberger3220 2 роки тому

    LOOOL YESSSSSSSS TNice tutorialS COMNT IS FELTTTTT

  • @Bunty27
    @Bunty27 2 роки тому

    Superb ♥️🔥
    thanks for it...

  • @crookyguy
    @crookyguy 8 місяців тому

    Ok Its the Quality Content 🔥✌🏻

  • @KDUDU176
    @KDUDU176 3 роки тому +1

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

  • @osoeldorado3149
    @osoeldorado3149 2 роки тому

    Awesome 👏

  • @islamicoicball
    @islamicoicball Рік тому

    nice toturial

  • @himanshuchauhan7538
    @himanshuchauhan7538 2 роки тому +1

    soo cool dude

  • @DragaoNinja
    @DragaoNinja Рік тому

    Oh, nice!

  • @osobtusos-animacoes8291
    @osobtusos-animacoes8291 3 роки тому +1

    Great tutorial! Thanks

  • @rommix0
    @rommix0 Рік тому

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

  • @alexnicolas7
    @alexnicolas7 3 роки тому

    Thanks man, so clear!

    • @Chitchadshow
      @Chitchadshow  3 роки тому

      Thanks for checking out the video.

  • @dusanmisjak7936
    @dusanmisjak7936 Рік тому

    Thanks ^^

  • @crmpdcpfilmhs
    @crmpdcpfilmhs 2 роки тому

    Superb bro

  • @DarkandTwisted
    @DarkandTwisted 3 роки тому +27

    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
      @Chitchadshow  3 роки тому +8

      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
      @DarkandTwisted 3 роки тому +2

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

    • @Chitchadshow
      @Chitchadshow  3 роки тому +2

      Happy to help!

    • @drphthalo6868
      @drphthalo6868 2 роки тому

      @@Chitchadshow o

    • @drphthalo6868
      @drphthalo6868 2 роки тому

      Sorry, mistyped

  • @anasawameh4824
    @anasawameh4824 3 роки тому +1

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

  • @apakatachatgpt181
    @apakatachatgpt181 3 роки тому

    Thanks for your video, it's really helpful

  • @user-wb6pf5pz9o
    @user-wb6pf5pz9o 3 місяці тому

    omg . thank you sooooooo mach

  • @ChuckyVRGT
    @ChuckyVRGT 2 місяці тому

    THANK YOU SO MUCH THIS HELPED ME ALOT

  • @TheDukeOfZill
    @TheDukeOfZill 3 роки тому +1

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

    • @Chitchadshow
      @Chitchadshow  3 роки тому

      Thank you, glad this video was helpful!

  • @aashisgurung7393
    @aashisgurung7393 2 роки тому

    I feel you!

  • @PhoenixLondon
    @PhoenixLondon 3 роки тому

    thanks bro! subbed

  • @donaldlewis2689
    @donaldlewis2689 Рік тому +1

    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.

  • @blueblizzardwolf6751
    @blueblizzardwolf6751 3 роки тому

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

    • @Chitchadshow
      @Chitchadshow  3 роки тому

      Thanks for checking out the channel!

  • @spsh4321
    @spsh4321 2 роки тому +4

    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!

  • @jaricartoon8510
    @jaricartoon8510 2 роки тому

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

  • @NArjunBCC
    @NArjunBCC 2 роки тому +1

    Tq for teaching

  • @DaisyPusher
    @DaisyPusher 8 місяців тому

    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?

  • @XamsLyf
    @XamsLyf 3 роки тому +1

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

  • @netanimation
    @netanimation 8 місяців тому

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

  • @nathanael138
    @nathanael138 3 роки тому

    thanks a lot, keep it up

  • @_M2art
    @_M2art 3 роки тому

    Thank you! :)

  • @3ly886
    @3ly886 2 роки тому +2

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

  • @ApratimArora
    @ApratimArora 2 роки тому +1

    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 🙏

  • @Kim-by5uy
    @Kim-by5uy Рік тому

    fantastic. Hopefully adobe can improve this system

  • @rejathramannair5837
    @rejathramannair5837 4 місяці тому

    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.

  • @MalesChannel
    @MalesChannel 3 роки тому

    Thanks Chad :)

  • @usef_kd
    @usef_kd Рік тому

    cool

  • @antoninapilugina3644
    @antoninapilugina3644 7 місяців тому

    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! ❤

  • @Dynabtw
    @Dynabtw 2 роки тому

    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?

  • @mounirachir5644
    @mounirachir5644 2 роки тому

    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 ?

  • @aNewU
    @aNewU 25 днів тому

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

  • @simulation_lab
    @simulation_lab Рік тому +5

    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!

  • @parteetvofficial
    @parteetvofficial Рік тому

    Is there any way to save the lip sync so I can use it for a different scene?

  • @Jsmith0819
    @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.

  • @diverse4985
    @diverse4985 7 місяців тому

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

  • @mariois5stepsaheadofyousoh667
    @mariois5stepsaheadofyousoh667 3 роки тому

    SUBBED

  • @spacejinkies
    @spacejinkies 23 дні тому

    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

  • @samruddhparsekar
    @samruddhparsekar Рік тому

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

  • @urteleszkop
    @urteleszkop 2 роки тому

    Can you do this in after effects as well?

  • @siholgs
    @siholgs Місяць тому

    How do you animate the jaw along with the mouth?

  • @AlphaKHILADI
    @AlphaKHILADI 2 роки тому +2

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

  • @LotusGT
    @LotusGT Рік тому

    Is there a way to automate expressions? Such as eyes and eye brows?

  • @nm-du8py
    @nm-du8py 2 роки тому

    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.

  • @projectzack
    @projectzack 2 роки тому

    i like lip syncing by hand because it looks smoother

  • @RoseyRose20
    @RoseyRose20 3 роки тому +1

    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?

  • @mrdanai23_
    @mrdanai23_ 2 роки тому

    I wonder if there is a way to make this kinda thing in live2d so I can use this method to talk on livestreams

  • @army7712
    @army7712 Рік тому

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

  • @planesmart75001
    @planesmart75001 11 днів тому

    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?

  • @julian.kollataj
    @julian.kollataj 3 місяці тому

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

  • @user-un6df9bf9j
    @user-un6df9bf9j Рік тому

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

  • @user-dc9gb1nu1p
    @user-dc9gb1nu1p 2 роки тому

    روعة

  • @seanimationsyt2220
    @seanimationsyt2220 3 роки тому

    Thanks a lot!
    where's the 'Th' mouth pose

  • @joachimkjellgren
    @joachimkjellgren 3 роки тому

    Gold.

  • @Victoraninate
    @Victoraninate 2 роки тому

    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?