Check Out My YouTube Video For An Easier Explanation!

Opening A New Animation File

To start off any new project we always start with a new file.

Clip Studio provides you with different templates for your projects.

 

Click File --> New --> Animation

Once you click on new, the following window will pop up.

You can use this to adjust the width, hight, resolution and other attributes of your animation.

Its best to decide the frame rate of your animation before hand.

A regular animation has 24 frames per second.

But you can adjust this number according to how smooth or jittery you want your animation to be.

The higher the number the smoother your animation flow is.

Once you have decided with your file specifics, you'll have a new clean canvas you can start animating on.

Clip Studio Paint works with a frame by frame animation system. Like the old Disney movie days.

So you'll have an animation folder along with layers that you use to create your animation on.

You can use the new layer option depending on how many different frames you have for your animations.

GIF

Creating The Still Illustration First

As you can see in the above Gif ^

The animating parts are the butterfly and television screen.

The rest of the screen is still.

So for that I started off by making the Tv illustration first.

This is a quick process of how I made the illustration.

For a more detailed explanation please feel free to check out my Youtube Video.

Animating The Static Screen

So now comes the part of actually animating in ClipStudio

For this we are gonna create a new animation folder.

 

We are gonna select our first frame, go to our timeline and click Specify Cell.

Once we click specify cell, the above window pops up.

In here we have the number of layers our animation in on. As you can see since I only had one layer that was the only option.

Once I selected Layer 1 it became my first frame to animate on.

I used the Selection Tool to select the square size of the screen that I was going to paint on.

I wanted my old 1950's Tv screen to have static noise. So I decided to go with Spray AirBrush to create those millions of tiny black and white dots effect.

I created 11 different layers and did the same to each layer.

Each layer was specified to a seperate frame making 11 frames in total.

I wanted the static screen to go on till the duration on the animation which was going to be 4 seconds.

Each second had 24 frames. which made 120 frames in total.

Instead of making 120 layers of static screen.

I selected the 11 layer, left-click copied them and pasted them till the 120th frame.

Once that was done I had 4 seconds of static Tv screen.

When creating something with little to no change, this technique is much faster instead of creating the same thing over and over again.

Creating The Butterfly

The butterfly was created the same way. I used the same body to make the butterfly move forward towards the TV corner.

Since the body of the insect remained the same I used the duplicate tool, And only used the transform tool to move the body forward.

The only thing that changed were the wings of the butterfly that I made for each frame individually.

Adding Sound

For adding sound to your animation you go to File --> Import --> Audio

You go in the folder where your file is located, click on it and click open.

Your sound comes on the top of your timeline.

Creating Camera Angles Using Keyframes

To add a 2D Camera you fo to Animation --> New Animation Layer --> 2D Camera Folder

Your camera comes on the top of your timeline.

Its best to add all your animation folders and illustrations inside your camera folder.

This way whatever changes you make to your camera automatically applies to you animation.

Once you have moved your files into the camera and you can move forward with adding keyframes.

Once you have enabled keyframes. You can move your camera accordingly to where you want your camera to move from and to where you want to scale your camera in what position.

The camera moves according to the frames that your keys are posted on.

You can also move between the keys to see how your camera moves.

Saving Your Animation

Once you are satisfied with your camera angles and animation you can move towards saving your animation.

File --> Export Animation --> Movies

Once you have selected the name and folder, the following folder will pop up.

This is for you to make any final adjustments you want to your rendering animation.

If you have worked with camera angles, always make sure to check box

Apply 2D Camera Effects.

Thank You

And that's all!

If you have any questions feel free to drop them in the box bellow.

Thank you reading!

Byeee