ToonSquid Tweening/Headbop Tutorial

i tried my best and made the thumbnail by taking a screenshot
tags:
Toonsquid, Toonsquid tween, Toonsquid tutorial, Toonsquid meme, Animation Meme, Animation tutorial, Animation meme tutorial, Tweening, Tweening tutorial

[@ShrimpWave]

EDIT 3/FAQ read if you have a question (btw part two of this tutorial is out!): (all as of 2/29/24) Q: my key frames don’t move/ are staying in the same place, how do i fix this? A: turn OFF rasterizing (the button with the 9 dots in the top right Q:i applied the hierarchy and now it won’t move! A: make sure each the base layer (ie the head layer) has 1 symbol in it; any more and it won’t move Q: how do i copy and paste more than one layer frame? A: you cannot; as of march 2024 you can only copy and paste frames from one layer at a time. you’re able to do this by double tapping and dragging (or double tapping and selecting multiselect) Q: is there a symmetry tool? A: no Q: how do i center? A: enable snapping (magnet tool) and there should be a red line down the ENTIRE half of the canvas EDIT 2!!: you can now copy and paste between projects! just in case you make the wrong type of project :3 this tutorial requires traditional! NOT key framing! (5/27) edit: COMPLETELY FORGOT but make sure that the project is set to traditional before you do anything!! you cannot paste frames into different projects (as of april 20th 2023)!! if you’re looking for more examples, check out my channel!! likes and subscribes are greatly appreciated :3 if you’re looking for more tutorials, look at toonsquid s official tutorial playlist for more info kzbin.info/aero/PLWFjpXGMXyoTgIRDrBL38YTUeuvkW4RM7

[@ShrimpWave]

also ignore every spelling mistake i made i made this during class

[@ShrimpWave]

OH I FROGOT this can be used for any fps!! more difficult tweens can use this tutorial too with some adjustments :3

[@gremlingif]

hii! i followed your tutorial even have the frames and timing but mine is alot slower? would you have any idea why this could be :0 i even have it at 12s / 12 fps

[@ShrimpWave]

i adjusted all the timings (all parts including symbols) at the end to end at frame 7 instead of 12 (not changing fps) so it’s a little bit faster! :3 a lot of this process is just playing around and seeing what works for u, but if ur still having problems feel free to ask or send an example

[@gremlingif]

@@ShrimpWave thank you for the response! i realized actually that i had mine on keyframing and not traditional as well... so i think thats why mine was much slower, though i don't think i can convert it to traditional after i've already started it in keyframing? so i may need to just start over

[@CamMations]

This is definitely a good tutorial, though I prefer mixing tweens with frame by frame animation. It is very time-consuming, but it looks more organic and natural.

[@nova_soda27]

How would mix tweens and frame by frame tho?

[@frankiesien9252]

omg same! I like the look it has to it and you have that pride after youve finished the animation BECAUSE its so time consuming yk?

[@ShrimpWave]

@nova_soda27 transform hierarchy is really good for mixing frame by frame and tweening depending on what you need to do; either that or putting it on a different layer and matching it up with everything else

[@3MB3Rx134]

Symbol layers are good for combining the two :)

[@yippeeyay123]

@@ShrimpWavecan you make a tutorial on how to mix tweening and frame by frame?

[@Azucenary]

OH MY GOSH THIS SOFTWARE HAS BEEN MY DREAM SOFTWARE! Thank you for introducing it to me! Now I have no excuse to procrastinate animating lol

[@Killakamm3]

I hate that all the good animating softwares are locked to iPad bro😭😭😭

[@K0ra_st4r]

real

[@pizzabunk]

guess it’s a good thing I’m always on ipad

[@Frisk_fresco]

Yeah

[@Kat_Pizza_Party_]

BOOK

[@EndytheEnderdragon]

Just bought ToonSquid and this tutorial really helped! Thanks :3 💜

[@erinisZesty33]

you absolute angel thank you so much i was having trouble with grouping for tweening and this video changed me

[@Bluekeko]

Thank you I didn’t know u could do this with ToonSquid 🤩

[@xinsanirex]

I recently started using ToonSquid as well and I was curious how you made the symmetrical drawings since I couldn’t find the symmetry tool anywhere on the program LOL

[@ShrimpWave]

there’s no symmetry tool so i just draw one half then duplicate and flip it 😭

[@xinsanirex]

@@ShrimpWave ima need ToonSquid to get a symmetry tool asap like procreate does cuz I need it for whenever I’m making more aesthetic animations 👹

[@-Yuimie-]

OMG THIS IS SO HELPFUL AND I LOVE UR TWEEN SO SMOTTH

[@SQUIGGLEPHYSICS]

getting toonsquid soon TYSM

[@JumpdeArt]

Thank you! This is SO helpful! Precisely what I needed

[@iilittlegreykittyiigaming2482]

tysm!! I’ve been using toonsquid for so long but only for frame by frame animation so I wanted to learn tweening too! :D

[@bugz-uw8nu]

THANK YOU SO MUCH I WAS SO CONFUSED AAAH 💗💗💗💗💗💗😭😭😭

[@mochisandicecreams8713]

YOOO that animation is so smooth :0000 this was very helpful thank you!!

[@CoffeeMothStudios]

I still don’t understand how you got it so smooth!

[@mccblss]

this is so nice and useful tysm! 😋 may i ask how you added a white outline around the animated oc?

[@ShrimpWave]

the outline is added in my editing program! finished animations have a green screen so that’s it’s transparent when i go to add the outline :3

[@mccblss]

@@ShrimpWave that’s what I do to! i thought you’ve found a way to do it in toonsquid bc ur so good at this lmao 😆 it’s so seamless!

[@Toast22013]

your did it ⭐️

[@MikaCreepz]

I just started using Toonsquid to make my first vid today, This tutorial helped A LOT

[@Brodyoni]

I rlly needed this thank you for making this

[@localsharklover]

Im getting an ipad and toonsquid today, so i cant wait to use these tutorials for animating!

[@SauciestPear303]

wii party music goes hard!!! it's one of my favorites!

[@reggrennn]

tysm for the tutorial this makes toonsquid 10x easier 😭

[@Nanaa237]

AHHHHHH YHANK YOU SO MUCHHHH!!!!! I’m barely starting out and I was struggling sooo hard😿😿 BUT YOU MADE THINGS LOOK SO EASYYYYY!! THANKS FOR THIS POSTED TUTORIAL❤️😭🫶🏽

[@MsPaperpoint]

For some HORRENDOUS reason my keyframes dont work despide doing anything in my power to make it work

[@ShrimpWave]

turn off rasterizing (the button with nine dots in the top left) then try again

[@WisteriaWinds]

I have a question. If you have a layer with something like lipsyncing, how do you tween that to go along with the face movements if its a more dramatic movement? or can you not?

[@ShrimpWave]

put the mouth layer under the head layer in transform hierarchy; it’s the same processes i use for the ears and hair in this video :3

[@Chrachen]

this is a great tutorial. thank you

[@zeeanimatez]

THANAK YOU SO MUCH OH MY GOD YOUVE SAVED MY LIFE

[@Weiya-Zhao]

THANK U SO MUCH U JUST SAVED MY LIFE

[@colin_cute]

THANK YOU. I just god toonsquid by refunding my ten. This is very helpful

[@Y1pperk1p]

I'm so sorry to ask but when I'm animating to a song do I have to manually loop the head bounce or is there a way that it'll duplicate my layers for me so I don't have to go through and do it?

[@ShrimpWave]

the way i normally do it is copy each part one by one, but if you’re not really doing anything else besides just a headbop (no changes) then u can time how long the at is and put it all into a separate symbol (create new frame, create symbol, then work there or paste the bop there). symbols will loop on their own

[@Y1pperk1p]

@@ShrimpWave Tysm!!

[@anuradivergent]

@@ShrimpWavewait i don’t understand this? if i create a symbol it extends the whole layer back to the beginning and if i try to cut it, it stops being a symbol and the tween for the hierarchy doesn’t work. i don’t understand how i’m meant to copy and paste it because of the huge blank bit at the start

[@ShrimpWave]

@anuraaaa sounds like you’re selecting the layer itself and making it a symbol. if you’re tweening, then select the frames/parts individually then try to move or copy it that way. youre also able to edit symbols if you enter the layer viewer and select “edit symbol” to retime everything

[@anuradivergent]

@@ShrimpWave THANK YOU SO MUCH I THINK I FIGURED IT OUT😭😭 SORRY IM DENSE

[@Milezz_]

Would you happen to know how to draw a figure/animation outside the canvas perimeter without being cut off? I keep running into this wall. Ive done it only once but never figured it out again 😅

[@ShrimpWave]

draw it in the middle, make it a symbol, then drag it to where you want it :3

[@kittiilavender]

Every time I try to change the position of the layer in my tween, between keyframes it stays the same, doesn’t show any changes Pls help I have no idea how to fix this this tutorial doesn’t help either

[@ShrimpWave]

turn off rasterizing (the button with the 9 dots) then move it

[@kittiilavender]

@@ShrimpWave thanks

[@deimosstk1999]

This is so helpful thank you!

[@Cobwebee]

It’s very harddd I hate tweening- but it helped a bit!

[@cakewak]

This tutorial makes sense thx 🙏

[@divalea]

Thanks for this! I was wondering how to do bop animation in Ts.

[@lulupon_]

I LOVE YOU THANK YOU SO MUCH. also wdym by "more than one pixel" could u elaborate?

[@ShrimpWave]

“more than one pixel/drawing layer;” toon squid calls drawing layers “pixel layers,” so it’s really “pixel or drawing” :3 hope this clears it up

[@lulupon_]

@@ShrimpWave Ohh thank u so much!!!!

[@Deadchannel681]

This was very helpful, thanks!!!!

[@ducksyquack]

Thanks for helping!

[@hankthetank_7]

Lifesaver omg

[@Itme_vene]

THANF YOY SO MUHC IVE BEEN STRUGGLING ON HOW TO MAKE THE HEAD MOVEMENT BOUNCE LIEK THAF FOR SO LONGGG💔💔💔💔

[@yam_aa]

hi! great tutorial, but is there any reason keyframes couldn’t be added? i tried everything, did it as shown in the tutorial and when i press add keyframe it just… doesn’t add.😭😭

[@ShrimpWave]

if you haven’t already, try restarting your app or clearing cache in actions (i think… i don’t remeber); i’ve never heard of or encountered this problem so i’m not sure how to fix it ☹️ !

[@yam_aa]

@@ShrimpWave already tried💔 i’ve contacted support so maybe they will be able to help! thank you :)

[@RedXDtheblob]

Lmk if u figured it out im having the same issue🙁😭

[@RegularFantaTheBest]

I’m sorry but this track is a BANGGGEGRRRRRR

[@caligulasAquarius]

YOU ARE A GOD SENDD

[@Scarly_dascarl]

I don’t even use toonsquid I but I guess this video just popped up bc I watch things about animation lol

[@Sunsoons]

YOU ARE MY SAVIOR THANK YOU😭😭🙏🙏

[@koinzisstinky]

I’m trying to tween in ToonSquid, and was wondering if you know how to makes it so that after keyframing it doesn’t end of looking rlly choppy? I’m trying to make it look likes it’s a tween but the end result keeps looking like it’s on 8 fps and it’s not smooth :(

[@ShrimpWave]

usually this depends on the app; if it’s choppy when youre just playing it, there’s too much storage being used and it’s slowing it down. despite this, exporting will still be fine and smooth as expected. if it’s choppy when scrubbing through the animation, try adjusting fps or what graphs you’re using

[@koinzisstinky]

@@ShrimpWave Ty for the info!!

[@Rain_water123]

Question, what is that brush? or how do you make it

[@ShrimpWave]

i’m using the stable ink brush for this :) i use it for all my lineart!

[@DumBeee_]

There’s key frames in toon squid?! Wow I need to learn this program lol

[@CherryBlossomzz]

Mine won’t let me set an anchor point for some reason? Is there an extra button you have to press for that?

[@ShrimpWave]

make sure the rasterize (the square with dots) button is not highlighted first; rasterizing has different movement properties than anchoring

[@moowneii]

I’m going to get Toonsquid soon and this helped me sm !! Thanks a lot ( ^ω^ ) !

[@toiletdestroyermarshall]

i tried doing the hierarchy thing but none of them moved together like your drawing did 😭

[@ShrimpWave]

make sure the rasterize (the button with the 9 dots) button is turned off

[@sora_the_tree]

I got ToonSquid today! I’m wondering how to loop an animation (frame by frame) is there a way I can copy/paste multiple frames in the timeline?

[@ShrimpWave]

if you double tap and drag from one frame, you’re able to select multiple frames at once! you’re only able to copy one layer at a time though

[@sora_the_tree]

@@ShrimpWave Thank you!!

[@CavCav_]

I take this back I figured it out

[@ShrimpWave]

GLAD TO HELP BUT I ALMOST CRIED LAUGHING SEEING THE BEFORE AND AFTER

[@CavCav_]

@@ShrimpWave 😭😭😭 i was so confused because i clicked off the key frame and kept yelling at my screen “WHAT IS CURVE????”

[@unicorn8gamer474]

tysm

[@MarioEditzCapcut]

Wait what’s the music btw?

[@Rendoves]

Its the wii party main menu theme

[@Azucenary]

Sorry to come back again! But how are the brushes and the lag on toonsquid? Can it hold up for minute long animations such as amvs?

[@ShrimpWave]

the brushes are incredible and the selection is just as good; several folders and several types of brushes + the ability to make ones yourself! and depending on how much you’ve add it *can* lag, but a lot of the time it fixes itself if you turn off onion skinning :3

[@Azucenary]

@@ShrimpWave tysm!!! I’ll check it out :)

[@smokey_is_high]

Can’t wait to get toon squid

[@mazewingo]

*AGGRESSIVELY EATS YOUR TUTORIAL*

[@-Yuimie-]

This is useful! But I have to ask how do I loop the tween for all the layer?

[@ShrimpWave]

copy and paste the section for each part

[@-Yuimie-]

@@ShrimpWave oh, 🥲

[@-Yuimie-]

@@ShrimpWavehii! Do u know how to export animation with transparent background?

[@ShrimpWave]

if it’s a video, your best bet is to use a green screen and a video editing software to remove it; if it’s a gif, then you can turn off the background and export it transparently there

[@-Yuimie-]

@@ShrimpWave oh thx

[@BSPLASH0]

I’m way too new I have never animated and as a plagiarism user, this it going to turn out bad

[@STARBURSTTVR]

I cant figure out how to get the keyfrmes to move

[@ONTOURIN1984]

Hi!! No idea if you still answer to these, but is it really normal for it to not look TOTALLY smooth? (Like how the animation kind of looks choppy instead of one fluid motion) i just got toonsquid after months of tweening on capcut and its confusing 😭

[@ShrimpWave]

it depends on what fps ur using + how ur ipad is processing it! if you do a test export and everything looks fine it’s just an ipad issue; if u export and it still looks choppy, try messing with the fps

[@bunnyguts26]

THANK YOU SO MUCH IM SO TRASH AG TOINSQUAD YAYAYA

[@joeyjuice583]

I want toonsquid so bad

[@K0ra_st4r]

I wish i had toonsquid:(

[@Weiya-Zhao]

Hey I just have a problem, so basically when I try copy and pasting the ears keyframing, it just doesn't show even tho it moves in the animation. How can I get the keyframes rotation to show?

[@ShrimpWave]

hmm.. if i’m understanding right it sounds like your rasterizing is on. turn off the 9 dots in the top right if you haven’t already

[@anesyx3]

this made me realize how badly i use toonsquid

[@PARTYCITYKORE]

Why won’t the keyframes work it’s not working explain better plsss

[@xalowil]

dis is amazing :D but since I'm new & idk anything, I was wondering how u could copy and paste multiple frames at once. like in flipaclip you can just go to a screen & then it shows all the frames & then you can just select it and copy and paste it right. Can anyonw tell me how to do it too in toonsquid :D

[@ShrimpWave]

you have to paste parts one by one; there’s not an option to copy multiple layers let alone paste them, so pasting each of them until it loops is ur best bet

[@xalowil]

@@ShrimpWave oo thats so time consuming though :'D Thank u for helping me :]

[@milkrxllz]

what graphs did u use

[@cold_fl0wers]

For some reason when i try to do the hierarchy thing it doesnt work for me

[@ShrimpWave]

make sure the layers are symbols and that rasterizing (the button with nine dots in the top right) is turned off

[@Toast22013]

WOOOOOOOO

[@PARTYYSODA]

Do you have any idea how to explain how you moved the position of only one frame and stuff at 2:19 in better detail, because when i try to move one frame and add the tween and stuff, it moves the position of all the frames instead of just the key frame idk how to describe it fully

[@ShrimpWave]

if the keyframe menu isn’t on at all times, then it’ll move the whole image for that duration instead of when you need it to

[@PARTYYSODA]

@@ShrimpWave what exactly is the keyframe menu? I think i know what youre talking about but im still doing something wrong and it continues to happen

[@ShrimpWave]

when you press the keyframe button and all those extra lines come up; just make sure you don’t close it afterward

[@ihaa_]

@@ShrimpWave The little dots don't appear for me when I open the keyframe menu?

[@ShrimpWave]

also remember to not use rasterize when moving the parts too; you can turn this off by pressing the 9x9 box of dots on the top right (if it’s highlighted; if it’s off then you don’t have to worry about it)

[@PawzfullofPixel]

And here i was tweening like im using alight motion 😭 This is def gon make animating alot easier 😭 I got a question tho, is there any option for a symmetry tool in toonsquid?? Ive had it since November and i haven’t seen anything close to one Pls don’t tell me i gotta js flip stuff 💔

[@ShrimpWave]

unfortunately you do have to flip stuff for now 💔

[@PawzfullofPixel]

@@ShrimpWave damn 💔 Atleast i know an easier way of tweening now tho 😭

[@gottafindacoolname]

I don’t know why, but when ever I make keypoints and then move the object it moves it on ALL keyframes! It’s extremely frustrating

[@ShrimpWave]

make sure rasterizing is off (the button with the 9 dots on the top right) and/or that what you’re trying to move is a symbol

[@catsboxesyt]

The anchor thing worked the first time but when I tried to do it again it broke the project and it won’t work

[@ShrimpWave]

make sure the rasterize (the square with dots) button is not highlighted first; rasterizing has different movement properties than anchoring

[@catsboxesyt]

@@ShrimpWave ohh

[@IStoleMyOwnToast]

Why the hail am I watching this even tho I don’t even have toonsquid

[@abbexx4283]

It won’t work! When I extend frame and move the object around, it moves for all frames

[@ShrimpWave]

turn off rasterization (button with 9 squares on the top)

[@yelmereal]

everytime i try to extend the layer/frame the drawing doesnt appear onto the next frame :(

[@ShrimpWave]

odd, i don’t know what may have caused this 😕

[@DazombieAlien]

Are there any other animation programs that I can tween on? I’m a bit of a noob when It comes to animating.. 😅

[@ShrimpWave]

flipaclip is a good start and it’s not as elaborate as toonsquid :3

[@Artisticborzoi]

Everytime i try to make a transform hierarchy it doesnt move all the stuff and only moves one layer, help pls

[@ShrimpWave]

if i recall correctly, if it’s not a symbol then it won’t move properly

[@Mothbvckett]

THIS WAS MY ISSUE TY

[@ofsomeimportance]

For some reason, the 3rd keyframe doesn’t work??? Idk how to describe it but my characters head is just going down. Not head bobbing. Do you have some tips??? Edit: nvm I fixed it

[@smileybits7833]

How did you fix it? Cuz mine is going down so slow and not coming back up

[@apad0ki]

Do yknow where to find a symmetry tool?

[@ShrimpWave]

there’s no symmetry tool currently; you’ll have to copy and paste line art for symmetrical pieces

[@ZEBEANOFURDREAM]

How do you get the frames instead of seconds??? 😭😭

[@M0ppyn]

Zoom in to the timeline; or at least that’s how I do it!

[@pumpkxnz_11]

Im gonna try toonsquid so what device is toonsquid available on?

[@ShrimpWave]

ipad only at the moment

[@mythicalbab7646]

So I have a question how do you make a certain amount of tweened frames loop for the whole video/song?

[@ShrimpWave]

elaborate

[@mythicalbab7646]

@@ShrimpWave uhhhh I’m not sure how to explain it but for instance in FlipaClip I can loop a certain amount of frames but it’s the animation when I tried looping on ToonSquid I just looped the music and I just can’t figure it out I can’t figure out how to loop certain parts of the animation again and again kinda like how you looped the animation in your newest video if that makes sense?

[@ShrimpWave]

oh i think i know what u mean! toonsquid doesn’t have a loop feature like flipaclips, so the best way is to just copy and paste all the parts to match the music

[@mythicalbab7646]

@@ShrimpWave ohhh oki thank you ^^

[@PARTYCITYKORE]

Why won’t it bounceeee the keyframes won’t work it’s not moving

[@ShrimpWave]

make sure that the project is on traditional, not keyframing

[@marijaanimatesOwO]

um.. this may sound stupid but idk how to exit “edit clip” if you can can you help-

[@ShrimpWave]

if ur editing like a symbol then u click the scene button in top left of the workspace

[@marijaanimatesOwO]

@@ShrimpWave ty :)

[@MxkoTsunxmi]

What software is this?? Is this AlightMotion??

[@ShrimpWave]

this is toonsquid!

[@MxkoTsunxmi]

@@ShrimpWave ah ok! Thank you!!

[@abbexx4283]

how do i tween on low res canvas without it heavily pixelating

[@ShrimpWave]

unfortunately there wouldn’t really be a way :( the smaller the canvas the lower the pixels

[@abbexx4283]

@@ShrimpWave yeah cuz I hate it bc at first it looks fine but when I move it with lasso it heavily pixelates

[@_.Fizzy_.]

How do you make the easing curves work? Every time I try to do it, it doesn’t change and still looks choppy. Pls help :(

[@_.Fizzy_.]

I’m on traditional and the keyframe movements won’t be smooth no matter what fps I do. Idk if I’m doing something wrong. Please help.

[@ShrimpWave]

usually this depends on how big ur project is and/or how much ur ipad can handle; if you do a test export and it looks fine then it’s both you can also test by hiding some of the layers then replaying to make sure they’re not too choppy

[@_.Fizzy_.]

@@ShrimpWave when I try to use the curves, they just don’t show up. Like at all. :’( I’ll try what you suggested though, but I still have this other problem. Ty!

[@ShrimpWave]

@_.Fizzy_. interesting.. have you tried using curves while your cursor is in between the keyframes?

[@_.Fizzy_.]

@@ShrimpWave the curves are working now, but it’s still very choppy

[@LJXrot]

Ily

[@irritatingpunk]

for me it’s not working?? it won’t bounce it just goes straight down

[@irritatingpunk]

i’m so fuckinf confused hwlp

[@ShrimpWave]

make sure there is a key frame at the end that’s the same or similar to the starting keyframe

[@Zimsies]

how do you lipsync on top?

[@ShrimpWave]

the official toonsquid account has a really good tutorial on lipsyncing :3

[@TrashyPeachy_]

Dawg i dont toonsquid bc it only on ipad 💔💔💔

[@du5roblox]

whats the brush you use can i have it

[@du5roblox]

is there like a download

[@ShrimpWave]

all my brushes are the default brushes in the program!

[@yippeeyay123]

ay how you filp it😭😭

[@AnimatedDhamal]

Hi sir.. I am Rakesh My toonsquid app all brush is corrupted how to fix this problem please help me sir..

[@ShrimpWave]

Hi there! Unfortunately, this problem is a bit out of my expertise. You may have to contact support to fix this issue.

[@AnimatedDhamal]

@@ShrimpWave ok

[@Kelinista]

imgrnsisllyncryong it’s 3am and every sinfkeititme I try to move it I move it and the key frame doesn’t work for sum re3asom it’s been a whole hour pelase

[@ShrimpWave]

if you haven’t already, turn the square with 9 dots off; if that doesn’t do anything, make the part a symbol (double tap, press make a symbol) and try then if you haven’t