[Music] hello everyone i'm doing a tutorial for the first time in a very long time and we're looking at clip studio paints animation today sponsored by the lovely people at celsius who made clip studio paint and i was so jazzed because i absolutely love this program i recommend it to everyone and i think you've probably heard that from other people already it's a really good price it's one-time payment you don't have to pay monthly like with adobe software and it has so much stuff it pretty much covers all the bases you'd need with photoshop anyway we're gonna look at how to animate with this today i'm gonna be doing a short little little gift loop so i'm gonna show how we do that so when you've done file new and you're gonna make a new project here you usually start off on this use of work under illustration and what we're going to want to do is click animation you can name your animation here you can select your preset here and i'd recommend 1920x1080 as that sort of the resolution standard for widescreen you can also alter that further here csp automatically gives you a blank space surrounding your workspace which is really nice you can even change the size of your blank space here in case you want more space but we're just going to be doing something simple today so we don't really need it as for the timeline this is what you're going to be working on so it lets you name your timeline as you can have multiple but we're just going to be working with one today i'd recommend a frame rate of 24 frames per second that's just because 24 is the industry standard in america anyway and if you want a slightly choppier animation or you don't want to use you know utilize all those 24 frames that's totally fine you can adjust the kind of length of your frames so don't worry we're not going to be drawing 24 frames today playback time alters how the timeline is labeled this doesn't change anything about your animation it just changes how the actual timeline is labeled in your file we're just gonna go frame number starting from one you don't have to worry about scene numbers and shot numbers those are for big projects and i honestly don't know what division line is so we'll ignore that so all we have to do now is click ok and it will give us our file right here this is our timeline down here now if you don't have this click on window and then timeline like it might pop out like this and then what you can do is you can just drag that anywhere you want onto your interface so i like to have it just down here i have the pro version not the x version so i can only do one second of animation if you want to do longer animations you can go for the x version so we're just going to be doing one second today you can usually extend that by dragging this this blue bar around this shows the end of your animation so you can make it shorter or longer if you want to there you go it stops loops like that on the side here underneath timeline 1 this is the timeline you have selected you have your animation folder which also shows up on your layers menu if you have that open so what that is it's similar to photoshop if you've animated in photoshop every frame that you draw will end up in there i'm gonna quickly switch over to a different file that i played with earlier so that i can show this a bit better so as you can see i've got three frames on the timeline here that i just scribbled down and you can see that they've appeared underneath an animation folder on the time on their layers panel sorry so just think of it as a layer so all of your frames will be contained in this animation folder which represents your layer so as i showed earlier these are my three drawings on the timeline i'm just scrubbing by clicking and dragging on the frame numbers here i can play by clicking the little play button here and it will play at 24 frames per second so you can see i don't need to draw on every frame i can just time things differently and you can also alter the timing by clicking at the beginning of your frame and dragging it around like that so if we go through the buttons here a little bit so edit timeline allows for quick scrubbing and flicking between frames new timeline allows you to make a whole new timeline on here we're not going to be using that so don't worry about that zoom in and zoom out allows you to zoom in and out of your timeline window you can go to start you can go to start of your animation and there's also a button for go to end next to that there's previous frame so you can jump to your previous frames and there's also a go to next frame i've set a shortcut for this which i've set as the comma and the period key so you can quickly do this it's quite good to flick between your drawings to see how it moves and this allows for very quick flicking like that there's also a play button which is very important here you can play the animation to see what it looks like very nice there's the loop play loop play allows you to see it over and over again so you keep that on new animation folder this essentially creates a new layer for your animation so you can see on the layers panel over here it's made a new folder so there you can add new drawings so you can click the button next to it that says new animation cell and that creates a new drawing so now you can draw whatever let's change the color to pink or whatever and now you can see that that's on top of our previous layer when i added that drawing there i clicked new animation cell now different programs call these different things clip studio calls themselves what that essentially means is your drawing i'm used to calling it drawings i use toon boom so say i've got three drawings on here most people are used to calling them frames which is also fine but usually the word frame is used for your individual little sections here on your timeline so you know we have 24 frames that doesn't necessarily mean 24 drawings we add a new cell in between other cells we draw more things and then we have more and more drawings and the more you do that the smoother it gets but we don't need smooth smoothest for losers no it's not but like we don't need things to be smooth if you want to delete a cell you can click on the beginning of it and then click delete specified cells which is right here the one next to that is specify cell now this one allows you to move or insert a current cell to the frame that you've got selected on the timeline so say i'm on frame seven right now if i click on specify cells this window will come up and it will give me um my layer names here so these are my cell names one a and one b were the two green ones that i just did and i deleted them so say i want to bring them back because they still exist in the file they're on the timeline over here they're just not visible on the timeline i can bring it back if i want to so i can click one or i could enter the name of it if i have like hundreds and hundreds of cells i can just search for one here so say i want one a back and i want it on frame seven so okay and he's back and say i want to alter the timing i don't actually want them frame seven i can just move it to frame three or frame five like that you can move this one back to frame nine stuff like that if you want to delete it for good you can go over to the frames here and then just delete one a and one b like that and now they're gone forever for life they're dead now moving on from that we have the enable onion skin which enables the onion skin now if you don't want know what onion skin is it's the name of the tool that allows you to see the frames before and after your current frame the next set of buttons is to do with tweening so you can click on this button enable keyframes on this layer and that will enable keyframes and what those are are these little diamond shapes i've got some on here already as i was playing with this earlier and what you can do is you can click the add keem frame button and it'll add one of those diamond shapes onto your timeline you can click and drag these little diamonds it creates an automatic tween for you when you make a new keyframe so let's say let's add another one here move it way over there and now there's a tween where it moves over there it's very nice and easy if you don't want it to automatically tween you can click this drop down and you can select one of these options hold interpolation means it holds so it doesn't move there we go announce a little green color linear interpolation means it has a tween but it's not smoothed out edit layers with active keyframes temporarily turns off the keyframe movement and this allows you to go back and draw and edit your frames if you need to and then you can just click that button again and it will turn off and your keyframes are back or you can just click on enable keyframes on this layer again and it'll completely remove those when you turn it back on the keyframes will come back if you want to delete a keyframe you just select it there's a delete keyframe button right here and you can get rid of that alright so that's the basics of the timeline we'll jump into actually animating now okay so i'm starting out animating the sketch so i did a drawing beforehand and just traced over that because i i was like oh i want to animate that so that's my starting point then i'm going through and doing my keyframes which are your kind of major poses in the animation so this being a walk cycle the major poses of a walk cycle that you should keyframe are the contact positions that's when the legs are furthest apart and one foot contacts the floor and the pass positions which is where one foot passes the other foot to overtake it if that makes any sense so i'm also being mindful of the tail movements here and also the leaf i do refine this a bit later um [Music] objects like that that have a weight sort of separate from the character sort of stuff like tails and hair and anything with its own kind of momentum that's sort of animated with um overlapping action in mind which means it kind of has its own weight um and i tend to like to animate that straight ahead and what that means is not using keyframes it's just drawing one layer after the other one frame after the other sorry so i'm kind of doing that with the leaf here i wanted it to have more of a weight there so i'm kind of exaggerating that a little bit in the keys there and then i go back later in the in betweens and refine it a little more because my process isn't exactly streamlined the more professional way of doing it is to have a timing chart and you can figure out how things are timed kind of going in and it's handy to do that if you're a keyframer and then you're having like a an assistant in between for you they know exactly what you have in mind but i work on a very like trial and error kind of way which probably isn't the best but yeah hey i like it um yeah here i'm going through and i'm in between my keyframes so i had those four keyframes before and i'm adding a new cell in between each one and then drawing the drawings in between if that makes sense quick little tool i'm gonna show you that we're gonna use with our clean up and lines you can actually use vector layers in csp so you just click on new vector layer draw whatever so let's say some blades of grass or something and if you click y or this button in the bottom left you can edit your lines so if you select the tool in the top right you can say edit your control points you can adjust the line width either narrowing or thickening it you can redraw the line width so similar but you just draw over it instead changing your pressure you can pinch say you want to move that a bit bloat this out a bit or you can redraw so say that one's a bit too wiggly i want to redraw that so this makes cleanup so much easier you can just move them around instead of redrawing them and erasing them each time so now we're on to the lining using vector layers as just mentioned um i'm able to edit the lines really easy which makes cleaning up and lining so much nicer because um i tend to be quite wobbly with my lines i'm not great at being clean so it's really handy for me to go back later and kind of adjust where things are looking a bit wobbly looking a bit shaky um but anyway i get to that later at the moment i'm first lining my key frames um it's my initial four keyframes that i had the past contact poses of the walk cycle i'm cleaning those up first um the blue and green lines that you're seeing are the onion skin i have that on as well as the sketch um just to make sure my sort of clean up frames in between each other and not kind of wobbling around too much if that makes sense they're they're still in between each other and they're still kind of smooth and seamless um you don't have to use the onion skin while you're lining by do just because it helps me keep keep a little tidier but again with the vectors it's a little bit easier to edit those later if you if you need to i also um a handy thing with the vectors is that you see on the strap there the lines are jutting out you can use the vector eraser to erase those lines where they're overlapping it has a kind of smart feature that makes it easier to clean up the lines as well if you've got lines hanging about that you don't want so that was really handy love me some vectors toon boom has vectors too but i haven't seen a sort of drawing or illustration program that has them before well except adobe illustrator but that's a bit more designed anyway um so i was really impressed when clip studio paint had vectors i was a bit baffled actually i only just used them a couple of days ago for the first time and i was like wow what have i been doing this whole time this is definitely going to make animating so much nicer and you can use all your textured brushes like with toon boom if you're animating vectors the brush quality the the textures seem like they look very repeated like the patterns and the textures are very repeated but in clip studio they look barely barely different to the raster or bitmap layers you know like i'm using a textured brush here and it looks exactly the same as if i was using a normal layer so i was very impressed you can see me kind of editing the leaf lines a bit there i was kind of pushing them around a bit because my leaf was very wobbly so i was using those um those vector tools the line corrector tools to shift those about doing some refining here i'm now here using the um the thickening so i'm thickening parts of it just to make the line weights nicer and then later i go back and thin things so i usually never care about line weight in animation because it takes so much time but this was really nice and quick so i was very happy with the vectors now we're on to coloring this is quite a quick one um with clip studio paint it has reference layers so you can set all of your line layers or cells as reference layers or just the whole folder as a reference layer and that enables you to fill bucket color on a whole new layer without it like being attached to your lines in any way so that's what i did here i set the lines as a reference and then with the fill bucket you can select sort of refer multiple and then by reference [Music] and that allows you to fill your lines which is great it's very nice and quick i do some little things here i go back and i sort of add some gradients and textures to the color i go and paint these on every frame individually now usually i don't do this because it looks very messy and it's quite easy for it to look like it's twitching around but i actually kind of wanted that effect this time it kind of looks a bit water coloring and quite handmade so i added quite a lot of textures here like to the leaf to the water to the fur all that stuff i keep doing the eye over and over again because i keep painting back over it um i had a lot of fun with this if you couldn't tell just having a great old time that's the nice thing about doing short animations you can kind of spend the time refining it did a little shout out at the bottom here and used keyframes to kind of animate that one so i just had one drawing and i just had it shift around to look like it was moving based on based on his walking now here i had a bit of shading so here i made a new animation folder and i clipped that like you make a clipping mask to the color layers um so it doesn't go outside of the color and the video stopped now but um that's pretty much it so when you're all done and you want to export your animation you can go to file export animation and then either export it as a movie so that's like an mp4 or an avi an animated gif which is just that kind of moving image which is very handy for little loops and stuff or an image sequence which is the highest resolution you can kind of export and what that does is that it exports every sort of individual frame of your animation as a image which you then import into an editing program you can choose where to export it to so you can export it to a folder just for it you can give it a name so i can just say like leaf cat or something um the separator just separates it from the number of frames that just says how many frames it is so for example this would be called leafcat underscore 000. and choose which kind of image to export as i always go for png tiff is the largest and highest quality you can have but we don't need anything that huge you can change how much of the canvas you export how many frames you export but if you're happy you can click ok and it will give you something like this and it's currently adding the frames because it's exporting them so then you just have an individual image sequence of your animation so that's all there is to it i hope this helped you out um this was actually my first time animating in clip studio and i had a really good time i'm definitely gonna use it again thank you clip studio paint for sponsoring this it was really really nice of you i'm a really big fan of the program and it means a lot to me that you support artists out there using it and always listen to feedback i expect great things out of the future with this program and i highly recommend it thank you for watching you