How to make a PIXEL ART Animation in Clip Studio PAINT


Hello! In this article I will show you how to make a PIXEL ART Animation in Clip Studio Paint, we will make an animation cycle of a LO-FI style scene.

Remember to see my other Clip Studio Paint Tips where you will surely learn a lot.

Pixel Art animation that we will perform

This time we will make a Pixel Art style animation that could perfectly be used for LO-FI musical animations. We will animate in a simple way a character lying on the grass at sunset interacting with other elements.

Let's go with the super tutorial and remember that you can activate the subtitles in your language, if you cannot find it, leave me a comment and I will gladly add new subtitles in your language.

Tutorial: PIXEL ART Animation in Clip Studio Paint

What did you think of the tutorial?
We saw step by step how to make a Pixel art style animation in an easy and simple way.

Step by step of how to make a Pixel Art animation

Now I invite you to review what you have learned, step by step through a guide that will support what you learned in the video tutorial.

1. Concept of Pixel Art Animation

This is the animation idea that I will make in the Pixel Art style.

2. Creation of the Project for Pixel Art animation

File - New and we create an Illustration project with the following characteristics:

And we have created our project:

Then we go to the menu: View - Grid

At first it will look like this:

Let's go back to View - Ruler / Grid Settings:

And in the settings window we leave the following values and we give it to accept:

And we have our project ready to start drawing and animating, don't forget to go to File - Save and save your project.

And we incorporate the guide drawing to animate on this basis:

We will use this layer as a sketch, therefore we activate Layer Color and lower the opacity to 50%

3. Pixel Art style animation

I leave you some great brushes to draw pixel art style.

In my case I will use the Pen tool with the Pen G sub-tool, in smoothing we leave it to a minimum:

We begin to draw the body of the character, everything that will not have movement, in a raster layer outside the created animation folder.

Now we make the animation of the character's hair in the wind, using only 4 drawings from the animation folder, the frames that we do not use we delete.

And this is the animation of the hair we have achieved with only 4 drawings, remember that our animation will be a cycle.

We add the animation of the eyes in another animation folder, making 3 different drawings: open eyes, closed eyes and semi-open eyes.

And we do the same with the background elements, we create a new animation folder and animate 4 drawings.

Achieving the following result:

4. Animation Color

First we are going to paint the body without movement of the character, for this we activate the fill tool, in the sub-tool we activate Refer to other layers and in Tool Properties we deactivate Area scaling.

And we create a new raster layer below the character's body line layer and name it: base color.

Achieving for the moment the following result:

5. Animation color of hair, eyes and animated background

With the same Pen tool we can paint the color of the hair animation, remember to create a folder with the same name of the frame and the layer that has the hairline add it inside this new folder, so the timeline will read this created folder as a frame, where we can add as many layers as we want.

And for the moment we have the following result, it goes well right? :)

6. Background Color

We create a new layer called Background, Grass or Lawn and go to Edit - Fill, and paint the background with color.

7. Brights and shadows of the Animation

We will create new layers on top of the base color layers, we will call them shadow color or highlights and we will activate the option: Adjust to Lower Layer, so as not to worry if we get out of color.

And for the moment we have the following result:

8. Animation of petals

Next we will create a new animation to further enhance our work, we will create a new animation folder and we will make 4 drawings for the movement of the petals that will appear above the scene.

9. Border color

Now to make our animation even more beautiful we are going to paint the colored edges of all the elements of the scene, for this we will select all the layers where the edges of all the elements are and we will activate the option: Block transparent pixels.

Then we go to Edit - Fill, to paint the edges with color, for example, of the leaves:

You see it? It looks even better :)

And this is what we have achieved with this simple but cute animation.

10. Export your animation .gif

Now we will export our pixel art animation as a gif, for this we go to File - Export Animation - Animated GIF:

In the settings we leave it in the size with which we initially created the project and we accept:

And this is the gif animation of the original size in which we work our project:

11. Export your animation .gif Full HD

The first thing we must do is scale our project without losing quality, and you will realize that by doing the project in this way there will be no problem.

Let's go to Edit - Change image resolution:

This is the original size of the project:

And just by adding the number 0 to both the width and the height we can expand the size of the project, the scale automatically changes to 10, the resolution is left at 72 and we accept:

And we have a 1920 x 1080 pixel project without losing quality:

Let's go to File - Export Animation - Animated GIF:

Final animation style PIXEL ART

I hope this article has been useful to you :)
For me it was very entertaining to do it and explain the step by step.

I leave you a greeting, that you are very well and see you in the next TIP.



New Official Articles