Lip sync animation magic in Scratch
Bring your sprites to life by giving them moving lip animations and synchronizing the action to a song or spoken audio. In this short Scratch Hacks tutorial, Mr. T rolls out his lip sync toolkit, a Scratch project that includes all the lip poses you need to accurately simulate speech and a special custom block you can use to fine-tune the timing of your animation.
00:33 The Lip Problem
02:07 Planning our costumes
03:35 Using our custom block
05:40 Lip syncing to music
========TRY OUT OUR LIP SYNC TOOLKIT========
We've created a Lip Sync Toolkit with all the costumes and software you need to create fun lip sync animations in your own projects. Just visit our project page at scratch.mit.edu/projects/8449... and drag the lip sprite into your backpack. Deploy it in any project by removing your sprite's mouth and replacing it with the animated mouth.
There's a different costume for every mouth position, and if you want you can customize the toolkit with your own drawings to create your own unique lip designs. Try googling "mouth animation" to see all kinds of example images online.
To use the custom block, just type the sounds you want to speak into the white input bubble and edit the text by adding the number 5 to add a 0.5-second delay or a 1 to add a 0.1-second delay. See the video for a full tutorial.
=========================================
You'll find more of the Scratch files we used to create our tutorials in this studio: scratch.mit.edu/studios/32681076
Created by Atomec Studios and narrated by veteran tech educator Andrew Tomec, SCRATCH HACKS is a new series of quick and simple Scratch coding tutorials aimed at beginner- to intermediate-level coders. Scratch Hacks aim to take the fear factor out of coding with byte-sized video tutorials that offer tips and advice on the most common questions and problems that arise when youngsters first take up coding in Scratch. In his work as a Canadian elementary school teacher, Mr. T has taught hundreds of introductory coding classes to children from kindergarten up. "I was struck by how often the same simple questions arise in every class I teach. Learning to code is like learning any other language, and these compact lessons will help give learners the vocabulary they need to express themselves in the digital world."
Illustrations by Lynne Anderson
@MissLynne71 on Scratch
Coded by Mr. Tomec, with assistance from co-op student David Cottin
WHAT IS ATOMEC STUDIOS?
Atomec Studios is a non-profit learning initiative that aims to put the A into STEAM with fun and accessible learning that emphasizes creative expression over algorithms. We believe that kids learn best when set free to pursue their own unique passions, a goal that's been aided tremendously by the growth of powerful, kid-friendly software like MIT's Scratch, that unlock the world of animation, storytelling, game production, music composition and digital art.
For more information about our online content and real-world workshops and teacher training, visit our website at atomec.com.
#scratch #coding #lipsync #tutorial
Пікірлер: 48
Back in the day there was this scratch animator named Dhilly, and his projects have insane lip sync. Huge recommendation to anyone willing to study this through scratch projects.
@atomecstudios
Жыл бұрын
I went back and looked at a bunch of his old projects and you're right. He was doing some amazing work! If anyone else is reading this, you can get a good sense of Dhilly's amazing talent in Hot Dog, his most popular project. scratch.mit.edu/projects/376358783/
Another episode of this series, wonderful
@atomecstudios
Жыл бұрын
Thanks Donut! We love our loyal fans!
@МаленькийПузайчик763
7 ай бұрын
@@atomecstudiosdonut who?
This is a really interesting trick!! What I like to do as an animator is create a ref sheet for all the possible mouth shapes, and use it as a basis to draw the lip sync straight on the character, and it’ll also sync to the audio!! It’s a bit easier than the method you used but it’s not very good for beginners lol
@atomecstudios
Жыл бұрын
I'm sure your custom animations look amazing, but we were trying to create a simple system that kids could use in their own projects.
@RatPlaysSBA
6 ай бұрын
NO WAY!!!! INCOGNITO ORANGE!!!!!!!!!!!!!!!!
1:46 AYO I WAS JOKING!
Thanks! You really help me on lypsyncing! (oh yea less goo I dont have to lose my mind again)
@atomecstudios
10 ай бұрын
Glad we could help!
cool, but i wanted to do a lip sync for my oc, and it is basicly a tyrannosaurus rex seideview, i would like you to make a tutorial on how to make lip sync for side view animal characters
@atomecstudios
Жыл бұрын
That's an interesting idea. We're a bit busy, but here's a great image of sideways mouth positions that you can use as a reference if you want to try to draw your own. www.pinterest.com/pin/519884350749179166/ Check out Miss Lynne's video on tracing in Scratch to find out how you can accurately turn these images into sprites. kzread.info/dash/bejne/pI5lvMOvaZPUmbw.html
@DinoZilla_Rex
Жыл бұрын
@@atomecstudios alright, thanks
help me I got the “la la la” song at the beginning stuck in my head
@atomecstudios
Жыл бұрын
LOL. Join the club!
@LuminosityZero
Жыл бұрын
@@atomecstudios by the way what song is that
@atomecstudios
Жыл бұрын
@@LuminosityZero "I've Got No Strings" from Disneyland's Pinocchio
@LuminosityZero
Жыл бұрын
@@atomecstudios alright ty
I wanna know how to install them on android ipad.
Thx so much bro for all your videos that helped me so much and other videos thx sooooo much cool ur lifesaver but .... the lips is very weird like alien 👽..sorry😅
omg
22 * 4 = 66
Im sorry but the mouth is cursed😭😭😭 it looks so weird on him😭😭😭
@atomecstudios
Жыл бұрын
Yeah, we were shooting for a mouth that would work well if transplanted on a lot of different characters. After sweating over this design for a long time, we realize now thta a more cartoonish, less realistic mouth would probably have looked better. Thanks for the feedback!
26th
0:23 pinocho reference?
@atomecstudios
3 ай бұрын
The entire opening sequence is a Pinocchio reference, including the song "I Have No Strings", which is from the original 1940 cartoon.
@ComputerBoyTheEntertainer
3 ай бұрын
@@atomecstudios cool :)
Lip sync is easy just time consuming
@atomecstudios
11 ай бұрын
We haven't seen many examples of it being done well in Scratch, and we think more people will be willing to try it if we give them a fast, simple way to execute it.
6th comment, here before viral again :D
@atomecstudios
Жыл бұрын
We love our loyal watchers!!
@catastic9287
Жыл бұрын
@@atomecstudios thanks, you are my favourate scratch youtuber after all :)
@atomecstudios
Жыл бұрын
Thank you so much! We love what we do, and are so grateful that you do too. Make sure to tell all your friends!
2:24 - 2:42 Backround song began to overlap??
@atomecstudios
Жыл бұрын
Wow you have a sharp ear! The background track is only 2 minutes long, so there are spots where we need to weld it together to make the music continuous.
f
493rd
@atomecstudios
Жыл бұрын
LOL! We wish!
@ksaweryiscool82
Жыл бұрын
I need him to be in 300th grace of 900k subs
L\H
No no no! this is not how you make lip sync you should always make each mouth frame unique and special for example if you add 5 frames for one letter it gives it a smoother and better approach of lip sync but if its 3 or 2 frames then the talking is more faster There are principles of animating and squash and stretch with slow in and slow out is the best way to make mouth movement!
@atomecstudios
10 ай бұрын
Wow, you sound really passionate about this! Our goal here wasn't to create the best lip sync technique, but rather the easiest. As we explain in the video, young scratchers often struggle with lip sync, and end up just using a simple open/closed technique that's not very impressive. Our technique will give them a good starting point and a better sense of what proper lip positions should look like. I'm sure a lot of the kids who go on to become serious Scratch animators will eventually embrace your way of doing things. In the meantime, spare a little sympathy for the noobs!
@Hyperaceblazer
10 ай бұрын
@@atomecstudios Oh wow i'm sorry haha welp keep going!
2nd commenter here
@atomecstudios
Жыл бұрын
Woohoo! :)