How to add eye animation, even if you're a beginner and have given up on animation!




Clip Studio Paint is a painting tool used by professionals.


Because of its many functions, the animation functions are complicated.

Many people have given up on making animations because of its many functions.


At first, I struggled because I couldn't move the animation at all, even though I could draw illustrations with Clip Studio Paint.


In this tip, I aimed to make it possible for people who have given up on making animations to make simple animations and to make it more applicable.

Since it is designed to allow you to create animations with vector layers, it is easy to make corrections.


Point: When making a video, be careful not to skip any of the steps written.

If you skip one step or insert a different step, it will not work.


Point: The production environment is iPad.

If you use an environment other than iPad, there may be differences in how to operate the timeline.



Create New

First, check the Window > Timeline item.

Next, click File > New.

Next, click the video icon.

Set the frame rate to 10 and the playback time to 120. (Note: If you are using Clip Studio Paint Pro, there is a playback time limit, so a playback time of 60 is fine.)

The basic size is the same as a YouTube short video, 1080 x 1920.

Editing the Timeline

You have now created a new animation file.

Next, press the folder button repeatedly. Let's create 14 folders.

Delete the "1" layer that was created by default.

Click on the three lines on the timeline

Select Track Edit > Bulk Select Cells.

Select "Specify from existing animation cells".

You can confirm that the folder has been added to the timeline.

If it is not, then there is something wrong with the process.

Please review the process again.

You cannot move on to the next step unless you have completed this step.

Editing the Playback Time

Next, try sliding the timeline to the right.

You can do this by grabbing the seek bar at the bottom or swiping with your finger.

Keep sliding until you see the blue flag, as shown in the image below.

Now grab this blue flag (it will turn red when you grab it) and keep dragging it to the left.

Drag the flag to the same location as shown in the image below.

The area surrounded by the blue flags is the playback area of the video.

Adding image material

Select the folder at the bottom of the Layers window.

Put the picture you want to move in this folder.

Then the picture should appear on the canvas.


*If the picture does not appear on the canvas, make sure that the position of the red cursor on the timeline is as shown in the image below.

Make sure that the layer folder containing the picture you want to move has the same number as the timeline.

Make sure that the picture you drew is properly placed in the relevant folder. The picture will not be displayed if it is not in a layer folder. In the example below, if there is no picture in layer folder "2", it will not be displayed.

Click the Create Folder button on the timeline. There are many similar buttons, so be careful not to make a mistake.

If "Folder 2" is created on the timeline, the process was successful.

Adding a Timeline

Now we will create a timeline that blinks.


Repeat the same steps as in the previous step to create a timeline.


Pay close attention to the layer window.


With "Layer Folder 2" selected, tap the Layer Folder button repeatedly to create about 15 folders. Be careful not to select the wrong folder by mistake.


Click once around the area shown in the image below.


Click the three lines on the timeline, go to Track Edit > Bulk Specify Cells, and click "Specify from existing animation cells."

The timeline will look something like this.

Adding eyes

Now we will start adding eyes.


Please keep your eye on the Layer window.

Put the image of eyes you have drawn into the "1" folder inside the "Animation Folder 2" in the Layer window.

The eyes will be displayed as shown below.

Press the play button and check it out

The image will appear for just a second and then it will be completely white.

Now we'll fix the white part.

Drag the part shown below to the left. It's very small and difficult to drag, but please try your best to drag it to the left.

Stop dragging when it looks like the image below.

Next, try dragging the part shown in the image below to the right.

If the timeline looks like the one below, you've succeeded.

Let's play the video

The blank screen issue has been resolved.

Creating an eye blink

Next we'll create the eye blinking.


Look closely at the Layer window.

Duplicate the blink layer we just created and put it in the "2" folder in "Animation Folder 2".

*Please be careful to always place the picture inside the "2" folder. If there is no picture in the folder, it will not be reflected in the video.

Using the copied image, create an image with the eyes closed.

An eye blink was created.

Adjust the display time of the eyes.

Drag the part shown in the image below to adjust the display time of the eyes.

Grab the part outlined in red and drag it to the right.

This is a process that is very easy to make mistakes in. Work carefully.

If you drag even slightly beyond the red line, the process will fail.

Carefully drag the part outlined in red to the right.

The result is a timeline that looks like this.

(One thing to keep in mind when doing the above is that some of the folders on the timeline will disappear when you drag them.

It is difficult for beginners to recover folders that have disappeared, so please work carefully and avoid making mistakes.)

Next, shorten the video playback range.

Drag the blue flag shown below to the left.

Adjust the blue flag so that it looks like the image below.

Press the play button to play the video.

An eye blink was created.

By applying what we learned in this article to improve your video, you can create a blink like the one shown below.




New Official Articles