All The Basics Create Animation for Beginner like a Pro




Did you ever wondering how Anime is made? It takes a lot skills to do that.


In this tips i'm going to explain it all the basics create animation in Clip Studio Paint (EX) AS SIMPLY AS POSSIBLE and I give a example step by step make a animation.

Especially those who are learning animation from zero, this tips is for you.


It's up to you whether you prefer reading or watching. But I suggest you also watch the video below to get the whole detail explainations.

I suggest you open the Clip Studio Paint application so you can practice straight away.


Create New Project

First of all. Go to file, new, animation. On average, film and animation production uses a frame rate of 24. Playback time means how many frames you want in this project file. Playback 140 frames means you want to create an animation of approximately six seconds (140 frame : 24 = 5.8 secs or round it up to 6 secs).

And I suggest you check the "manage files using folders". Because the good thing is, all files here are synchronized. If one of these files is deleted, the file in folder will automatically be deleted too.

Prepare The Layout

Import the image layout. Then we fit it to this line. In this folder you can also add your own logo to make it look professional.

HD image that I have linked this in the description video.

Setting Up Workspace

Keep the window

  • Layers

  • Autoaction

  • Layerproperty

  • Colorsets

  • Navigator

  • Animationcels

  • Tools

  • Timeline

  • Toolproperties

  • Subtools,and

  • Toolbars.


First, we have to create a “new animation folder”. Then, we point to frame "1", after that click new animation cel. Then we can draw on this part.


In video you can know how to move that blue line and move the cell and how to extend.

Here you can change the thumbnail size to small, medium, or whatever you need.

I usually put these cels together in a group folder, because later there will be lots of layers for rough, clean, color lines, etc.


And if you click "new animation cel" it will automatically create the same folder as the previous frame. Therefore, I usually prepare all the layers needed.

Assign Cel to Frame

If you have made a new cels but it can't be drawn, the problem is because this timeline has not been assigned.

This icon is to repeat the cel that we have made without having to remake the same image.

Onion Skins

This icon displays the previous and next frames.

If you want to edit setting of the onion skin, you go to animation, show animation cels, onion skin settings.

Rename in Timeline Order

If you see it's not in order here, you go to animation, edit track, rename in timeline order. This has been sorted again.


I give a example practical in video. You must watch it for other important tips.

Animation Cels

In animation cels we don't need to open these folders one by one. Let's see the example. Detail in video.

Light Tables

Click the inbetween frame, check the cels of the folder you want to use as a reference, then click register. Here it will appear as a reference. You can rotate, change position as you like, without destroying your rough sketch. Don't worry, keep running normally.


The color of this reference also can be changed.

Layer Properties

This steps to make it easier for you to sketch. Your sketch will be the color you chose earlier. Very very easy. Detail it in video.


This is an amazing feature in Clip Studio Paint. You can make your own autoaction and can apply with just one click.


My autoaction "decrease opacity" which makes it really easy to create rough sketches. Because of this, you don't need to decrease the opacity, create a new layer, decrease it again, create another new layer. That is waste of time.

Now you just click it will automatically decrease the opacity and you can draw directly on the same layer. This saves your time.


You can add this autoaction to the toolbars with drag and drop and change the icon.

What Tools are Frequently Used

The G pen and pencil at least have anti-aliasing and stabilization. If you want to know how to bring this up, you can watch my video above. My G Pen uses anti aliasing to make coloring easier later. Then the brush size is between three or four.


Liquify. There are three that I often use, Push for tidy up, Expand for enlarge, and pinch for reduce.


Paint Buckets. I use this tool for coloring. And don't forget to activate this, this, and this. And I usually use this or this mode.

Keyboard Shortcuts

Click P for Pencil and G pen,

E for eraser,

Option and cmd for brush size,

C for alpha color,

X to change color between your sub color,

Cmd for Rotate,

Option for eye drop.

Modifier Key Settings

To change the shortcut, you click on the brush, for my example the G pen brush. Then go to CSP, preferences, change tool temporarily, select rotate, or anything what you want. Then okay.


Rough Animation

I made a rough sketch to create the key animation. You can watch in video for the detail.

Timing Animation

In the first initial part we draw a key animation. After making a rough sketch or key animation, what do we do? We need to know the right animation timing. I do this by using a stopwatch. You can type in Google or anyelse. Then you be actor it yourself.

Example.. We get one second and ten, this is the meaning we estimate the movement to last twenty four twenty six frames, because one second is twenty four frames.

After we get the data, we apply it to our key animation. This method makes the movement duration more natural.

Help Sign

And, in certain cases we need a thing call it by me is a help sign. The concept animation I'm making is him talking while walking. I need help lines. I made these points as a reference when making keyframes animation.

Tie Down

In the tie down section I made a guide line to differentiate between what was shadow and what was light. I used blue for shadow and red for light. Then I colored the inside to make it look clear. The colors are also different, you can follow the colors I chose or see other references.

Clean Up

In the clean up part, I use a G pen and don't forget to this anti aliasing.

Then don't forget to make the red and blue lines clean up too. Here I just keep the 3 colors are black, blue and red. And purple for additional.

Lip Sync

I want to make his lips move along with the voice over. First I created a new animation folder. Change the name to mouth. Then I created assets for the words "a, e, o, and smile".

And don't forget to delete the mouth sketch in folder "A".

Add Sound

First go to animation, new animation layer, audio. Then point to the frame where the sound will be added. Then go to file, import, audio. Audio is support WAV format files, MP3 files, and Ogg files.



Matching with Sound

Then we do the mouth animation that we made to match the voice over.


For example:

"Bro" means you have to add the mouth "o",

"see" for "e", etc.


You can use sub view, because simple for automatic eye drop.

And don't forget to turn off the line shadow and light first. And every time you color, tidy it up again, I use a g pen to tidy up detail coloring.

Once you have all the base color, you activate the line shadow and light again and now coloring that parts.

Add Move with Keyframe

After we created the keyframe before, it turned out that the mouth was not involved. So I made grouping to one new folder "A" of the body and mouth folders, like this. Click keyframe and delete all previous keyframes. Now you create a new keyframe again.

Add Camera

Go to animation, new animation layer, 2d Camera.

Then insert folder A into the camera.

Then click the keyframe again.

Background and Effects

In this part, you can add backgrounds and other effects like this. Don't forget to keep it in the camera folder.


Go to file, export animation, movie.


How to Animate a Blink

This is a bonus part. You learn detail in video above.

I hope this has been useful to you. Thanks 🌿



New Official Articles