How to animate lip sync (using Symbols and the Frame Picker)

How to animate lip sync (using Symbols and the Frame Picker) - Adobe Animate CC Tutorial

Рет қаралды 51,635

Күн бұрын

In this video, we'll look first at how to set up our mouth shapes in a Graphic Symbol, then I'll show you my approach to animating lip sync. Remember that lip syncing is an art, not a science - so I hope you use the tips and guidelines I lay out here to find your own style of animating lip sync!
This video explains how to set up and use Adobe Animate's Auto Lip Sync feature for automatic lip sync animation. We prepare the audio file, draw the mouth shapes inside a graphic symbol, then set up Auto Lip Sync. I also talk about best practices and why I don't like using Auto Lip Sync.
-------------------------------------------
Download the mouth chart
-------------------------------------------
devonkong.com/resources
-------------------------------
Videos I mentioned
-------------------------------
Introduction to Lip Sync
🎬 • An introduction to lip...
Learn Adobe Animate Basics
🎬 tinyurl.com/animate-tutorials
Working with Audio
🎬 • Importing and working ...
----------------------------------------------------------------------
Get a 30-day free trial of Adobe Animate CC
----------------------------------------------------------------------
🖥 devonkong.com/adobe
--------------------
Timestamps
--------------------
00:00 Overview
01:04 Setting up the mouth shapes in a Symbol
05:14 Preparing the audio and Frame Picker for animation
06:15 Animating Lip Sync
10:49 Main takeaways
11:57 Wrapping up
---------------------
Social media
---------------------
Instagram
📷 / devonkong
My Website
🧑🏻‍💻 devonkong.com/
Etsy
🛒 www.etsy.com/shop/devonkong/
Discord
💬 / discord
-------------------
Disclaimers
-------------------
Links included in this description might be affiliate links. As an Amazon Associate, I may receive a small commission when you purchase a product with the links I've provided. There is no additional charge to you! Thank you for supporting my channel.
#AdobeAnimate #LipSync #Animation

Пікірлер: 102

@zhangdan5290 2 жыл бұрын

I think your tutorials are clearer and more helpful than those from the popular channels, so glad I clicked on one of yours and learned a lot! Thank you!

@devonkong 2 жыл бұрын

Glad you're finding them helpful!

@williamfreedman1812 2 ай бұрын

You were the only tutorial I could find that actually explained how to make a master symbol.

@davidhayford8496 3 жыл бұрын

This is actually amazing you're so detailed in you're tutorials 👌

@devonkong 3 жыл бұрын

Thanks David, details are important!

@ravi_s 2 жыл бұрын

Love these videos on lip sync. My university course includes animation and I have just came off from doing a walk cycle (not the best in the world) but when they assigned us to do lip sync, I am glad I clicked on your videos. Smooth, soft and straight to the point, I feel more confident in completing the task.

@devonkong 2 жыл бұрын

That's great to hear! I'm hoping to do a video on walk cycles too at some point

@quintenmellish4424 Жыл бұрын

Your tutorials are next level, best channel I've found so far for learning to use Animate.

@imani_malik_L7777 7 ай бұрын

thanks for doing this tutorial series, it has been supremely helpful!

@hsulliman 8 ай бұрын

Thank so much Devon Kong for clearing labels in animation.

@sandulmranaweera-dasanyaka1764 3 жыл бұрын

best tutorial on lip sync ever

@idolizetech Жыл бұрын

this course should be paid sooooo muchhhhhhhhh good

@xandyk2944 7 ай бұрын

im not a super experienced animatior and i love ur tutorials very much

@davidhayford8496 3 жыл бұрын

Amazing video as always👍👍👍👍

@gabilish_ART 2 жыл бұрын

Really needed this video, thanks

@piki.mp4 Жыл бұрын

this is so insanely helpful, THANK YOU SO MUCH!

@Kryz4Dayz 3 жыл бұрын

I'm starting a youtube as a hobby! I just want to say thanks because you get right to the point!! ❤❤

@devonkong 3 жыл бұрын

Thanks Krystal, all the best 💪🏼

@renarts2233 2 жыл бұрын

Thanks bro, this tutorial helps me a lot✨

@duaredokan7882 Жыл бұрын

You are a good teacher.

@soamsama Жыл бұрын

bro u rock. i'm a little late to comment here but i think its worth it

@user-om8ds7it3r Жыл бұрын

thank you Devon you are the best

@abdullahyusufazzam9671 3 жыл бұрын

OMG, thanks a lot dude !

@akashislive8466 11 ай бұрын

Thank you 😇

@Calustra.Animation 4 ай бұрын

IT HELPED ME A LOT EXCELLENT

@kirthanarajeenkirthanaraje5627 2 жыл бұрын

Thank you Devon Kong. Best tutorial video. I just refer your video for doing my project. Good job and keep it up.

@devonkong 2 жыл бұрын

Thanks, good luck with your project 💪🏼

@afrasaliha4859 Жыл бұрын

Thank u so much for explaining me brother🔥❤

@KiteoHatto Ай бұрын

Thaaank you

@MINDY736 Жыл бұрын

JUST DONT STOP UPLOADING 😩

@ferlinkrisna7885 2 жыл бұрын

your videos very helping thankss

@bisco__ 2 жыл бұрын

You’ve definitely heard this before but man ur tutorials are so helpful thank you

@devonkong 2 жыл бұрын

Thanks, that's always great to hear 🙏🏼

@ChristyAK47 2 жыл бұрын

wow this is great, thank you bro

@effortlessschool 2 жыл бұрын

GODLIKE!!!

@justpaul899 2 жыл бұрын

Great video! Really cuts to the essentials.

@sleepinpeace6710 2 жыл бұрын

bro i love ur videos u really. u really helpt me thank youuuuuuuuuu

@shrill_pkm Жыл бұрын

Thank you! This video has been helpful to me because it made me realize things about lip sync that I didn't realize before. Specifically, the fact that your lip sync actually kinda looks more natural if you don't animate absolutely every sound. (Wish I could tell my past self that lol.) Thanks once again 💯

@devonkong Жыл бұрын

Glad you found it helpful! And the double benefit besides looking more natural is it requires a little less work 🎉

@shrill_pkm Жыл бұрын

@@devonkong Right on! 🎉

@saumya_draws_ 6 ай бұрын

I never commented on a single KZfaq video but man you’re too good in explaining adobe more power to you 😊

@devonkong 3 ай бұрын

Awww thank you 🥹

@anima_015 2 жыл бұрын

OMG thank youuuu for this! This saved me so much research :')

@devonkong 2 жыл бұрын

Glad I could help ✨

@katniss1968 9 ай бұрын

Thank you. This is exactly what I was looking for. You were to the point and explanation made simple. Thank you again!!🫡

@royalcircus7 Жыл бұрын

heym man really finding your videos so helpful.plz upload new videos.

@rakotoniainanambinina8238 2 жыл бұрын

goood tutorial!!

@Spynex 2 жыл бұрын

Thanks ❤❤boi you are a god in teaching

@devonkong 2 жыл бұрын

Thanks boi you are a good in learning

@ErnestAnimated 3 жыл бұрын

thank uuuuuuuu

@maiunagioia6064 2 жыл бұрын

Cut the last minute of the video. You are a good man thank you

@thebasisofthought9720 3 жыл бұрын

Well done Devon! Someday you might see the results of your tips in one of my videos.

@devonkong 2 жыл бұрын

Looking forward to it!

@sportshousetv Жыл бұрын

I followed along but when I go to animate the lip sync, the Frame Picker does not show up unless I click the very first frame which is the closed mouth. If I select that mouth I can see all the others in the frame picker but if I select any of the other mouths on the timeline the rest do not show up. Also all of my mouth shapes show up in my main timeline just as they were in the timeline when I was making them in a symbol. So all of them show one after another. Please help

@MrNaz Жыл бұрын

❤️

@abdulrendra 3 жыл бұрын

Hai Devon. I like your turtorial. Can you tell me how to animate walking person with blink eye and speaking mouth using classic tween. Thanks.

@devonkong 3 жыл бұрын

Hi Abdul! I go through how to do a blink animation in one of my other videos: Adobe Animate Basics II: Frame by Frame Animation. I might do a walk cycle tutorial at some point in the future 🙂

@davidhayford8496 3 жыл бұрын

602 subs it's increasing

@HatlessChimp1 2 ай бұрын

What if I have drawn each mouth and they are in seperate PNG files. can I just drop them in for each frame?

@ElleeDraws Жыл бұрын

I think this is really helpful for still pics, but is there a way to apply this to moving ones, or is that just a thing you can't do?

@piki.mp4 10 ай бұрын

you can just move the symbol along with the face and transform it if needed

@ElleeDraws 10 ай бұрын

@@piki.mp4 will test that out, ty

@shivaprasad2873 2 жыл бұрын

How do we export it with audio

@akshitthakur2829 3 ай бұрын

main take away

@GeanImation 9 ай бұрын

Dang, I wish you'd have shown yourself setting this up rather than just jumping straight to everything being set up. What does the little icon of what looks like a pick axe mean? It's to the left of the "mouth_chart" layer at 1:05 (most created layers have a little piece of paper icon with bent corner, this looks like a pickaxe). I tried importing your photo in that layer in case that's what it meant since you never showed how you got to this part (the setup), but it didn't change the icon. I also tried creating a graphic symbol to see if that would change that little icon and it didn't. I also tried to google the answer but no luck

@nm-du8py 2 жыл бұрын

Hi, thank you very much for that. Can you please tell me how much would a professional like yourself charge a customer for one minute of manual lip sync(without animation of the body, only lips). Thank you very much.

@devonkong 2 жыл бұрын

Hi, feel free to email me at hello@devonkong.com ✨

@nm-du8py 2 жыл бұрын

@@devonkong Hi again, I sent you an email, If you can check and let me know, thank you.

@MASJYT 3 жыл бұрын

How to use auto lip-sync? I was hoping this tutorial would explain it...

@devonkong 3 жыл бұрын

In my experience, auto lip sync doesn't do a very good job so I did not cover that. However, I'm considering recording a tutorial on how to set it up 🙂

@mageshkumar9980 3 жыл бұрын

Hey bro, you have done a good job, teaching us. Its really good perfect way to learn lip sync, i watched all your videos, you're doing a good job. Please be consistent on uploading videos, i like to watch your videos. Please do storytelling animation like, jaiden, domics, somethingelseyt, gingerpale. I will subscribe now, and thank you for teaching me.

@devonkong 3 жыл бұрын

Thanks Magesh! I'd love to do storytime animations too but maaaan it takes so much time and energy. Maybe one day!

@ankushmaurya5334 2 жыл бұрын

Make a tutorial about how to set up character i mean how to draw a characters

@devonkong 2 жыл бұрын

I'm working on it 💪🏼

@tomatofuel 2 жыл бұрын

Every time you have to click the next frame with your mouse... sound don't appear when usuing the keyboard button.. which is a bit annoying...

@devonkong 2 жыл бұрын

Never bothered me before today, but now that you mention it this would be a nice feature

@user-oz4zx8nr9d 2 жыл бұрын

Hello If i don't add an audio clip, the lip-sync button won't appear?

@devonkong 2 жыл бұрын

Are you trying to use Auto Lipsync?

@user-oz4zx8nr9d 2 жыл бұрын

@@devonkong yes its my first try

@kingbroc596 3 жыл бұрын

My frame picker is all greeted out. Help please

@devonkong 3 жыл бұрын

I'll need more information to be of any help, but here are a couple ideas: Is your layer locked? Perhaps your Symbol is a Movie Clip Symbol?

@kingbroc596 3 жыл бұрын

Thanks for a fast reply Devon! So far I defiantly labeled each mouth shape just like in the video at 5:20 but when I click frame picker... only one shows up

@kingbroc596 3 жыл бұрын

Also it a graphic type and layer isn’t locked, that’s been checked thanks

@devonkong 3 жыл бұрын

@@kingbroc596 Hmm... It should work fine if it is a Graphic Symbol and the mouth shapes are on their own keyframes inside it. Check the bottom left of your Frame Picker too - does it say "All Frames"?

@tom_is_dum 2 жыл бұрын

@@devonkong I also have the same problem and yes, it does says "All Frames"

@akshitthakur2829 2 ай бұрын

8:55

@Niggalodeon323 3 жыл бұрын

not to be racist or anything, but after checking several useless youtube tutorials with wayyyy more views i knew as soon as i saw an asian that i finally found the right vid. haha. thanks a lot!

@devonkong 3 жыл бұрын

Hahaha I almost want to frame this comment and put it up on my wall

@SammPlaysGames 3 жыл бұрын

@@devonkong if you do it I will subscribe

@ChootoBhai 3 жыл бұрын

Op, bro bg tutorials????

@devonkong 3 жыл бұрын

What do you want to know about backgrounds?

@ChootoBhai 3 жыл бұрын

@@devonkong bro every thing, like composition, presepctive and other stuff

@Zurilyl 2 ай бұрын

the mouths just go crazy and cant stay on one frame lol

@swimswum Жыл бұрын

when he says "and labelled" at 4:50 it's accidentally lip synced lol

@YSMALXD 2 жыл бұрын

i am dumb i don't get it

@devonkong 2 жыл бұрын

Don't worry, learning a new software can be confusing Here's my fulll Adobe Animate playlist: kzfaq.info/sun/PL40CCm7kKzr4aL4tPfERT9bI9mTtRjMtW Start from the first video and keep going - you'll get a good understanding of the software and how to use it for animation

@YSMALXD Жыл бұрын

@@devonkong I got it

@YSMALXD Жыл бұрын

Thank you