Hello! In this article I will teach 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 do
On this occasion we will make a Pixel Art style animation that could perfectly be used for LO-FI musical animations. We will easily animate a character lying on the grass in a sunset by interacting with other elements.
Let's go with the super tutorial and remember that you can activate the subtitles in your language, if you can't 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. Pixel Art Animation Concept
This is the animation idea that I will make in Pixel Art style.
2. Creation of the Project for the 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 to View - Ruler/Grid Settings again:
And in the settings window we leave the following values and we 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 guiding drawing to animate on this basis:
We will use this layer as a sketch, so 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 the 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, we delete the frames that we don't use.
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 half-open eyes.
And we do the same with the background elements, we create a new animation folder and we 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 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.
Obtaining 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 like a frame, where we can add the number of layers we want.
And for the moment we have the following result, it works well right? :)
6. Background Color
We create a new layer called Background, Grass or Lawn and go to Edit - Fill, and paint the background color.
7. Animation highlights and shadows
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 go out of color.
And so far we have the following result:
8. Petal Animation
Next we will create a new animation to enhance our work even more, we will create a new animation folder and we will make 4 drawings for the movement of the petals that will appear on the scene.
9. Border Color
Now so that our animation is even more beautiful we are going to paint the color borders of all the elements of the scene, for this we will select all the layers where the borders of all the elements are and we will activate the option: Block transparent pixels.
Then we go to Edition - Fill, to color the edges, for example, of the leaves:
You see it? It's 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 at the size with which we initially created the project and we give it to accept:
And this is the gif animation of the original size in which we work our project:
11. Export your Full HD .gif animation
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 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 project of 1920 x 1080 pixels without losing quality:
Let's go to File - Export Animation - Animated GIF:
Final animation style PIXEL ART
Music Chill Lofi Beats to Study/Read/Work/Draw/Animate/Relax
And this Animation I used for my new Musical Animations channel :)
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.