How to animate with voice and sound in CLIP STUDIO PAINT

2,077 views

Hello! In this TIP we will learn how to animate voice and sound in Clip Studio Paint, we will import audios to create a simple Animation.

What type of animation? You can see it below:

Animation that we will make

https://www.youtube.com/watch?v=VpGgn8pn7Y8

Do you find it simple or difficult?

Below you will see the super tutorial where I explain all the phases of the process of creating an Animation.

Although the tutorial is in Spanish you can activate the subtitles and choose your language, so you will understand me much better.

For the same reason, I want to invite you to see the super:

Tutorial: How to animate voice and sound in Clip Studio Paint

https://www.youtube.com/watch?v=4oruwGHlbIc

🛎 Activate the subtitles in:
Configuration - Subtitles - Automatic Translation - Choose your language 😉

Important aspects

Now, I would like to show you a review of the most important stages when creating this animation, let's see:

Project Creation:

In File - New
(And you choose the last option which is the Animation) with the following settings:

Add the Audios

Let's go to File - Import - Audios (And choose the audios you will use)

Once you have the audio in the scene, you can take it and move it in the timeline: (If you take it from the top, the pointer turns into a hand, which allows you to move the audio)

In my case I will use 2, a voice and ambient music, but at the beginning I will only import the voice of my character.

Animation Planning

Now is the time to think what kind of Animation we will make, in my case, after listening to the audio I imagined the following scene:

In this Storyboard I show the 3 most important parts of the scene:

- Drawing 1 the girl is pensive looking towards the window.
- Drawing 2 the girl is struck by something saying: Oh !.
- Drawing 3 the girl speaks saying: Who are you?

Finally these drawings will be the Key Drawings or Poses of my Animation, and the position in the Timeline is marked by the audio, therefore it will be as follows:

- Drawing 1 - Frame 1
- Drawing 2 - Frame 60
- Drawing 3 - Frame 75

Anyway, that can vary by one or two frames, we'll see that when we start Animating.

Background Sketch

In another layer we will draw a simple background, just to know where our character will be, in my case, the girl I will draw.

It will be a table in a cafeteria, near the window.

Key Drawings

Next we will make the Key Drawings of our Animation, taking as a guide the planning made previously:

By performing the key poses in a good way, we have a high percentage of success in our animation.

Breakdowns

Now we will make the Breakdowns or Decomposition Drawings, for this animation we will only require 2 of these drawings. These drawings help us to give rhythm to our animation. I will use these 2 drawings to create a blink, so the girl's movement will look more natural.

After having these first 5 drawings we will move on to order the animation.

Naming Drawings

Now in the timeline we will name each of the drawings according to their location in the timeline. You can change the name on the left side of the timeline.

This is very important that you do it because it will be very valuable for when we clean and paint the animation.

Intermediate or Interleaved Drawings

Now, we will be adding drawings to make our animation more and more fluid, here it depends on each artist how many drawings to add.

In this part of the process it is very important to work in order and help us with the Onion Paper, so that the movement looks smooth and there are no cuts.

Lipsync

Now it is the turn to perform the Lipsync and synchronize it with the audio, for this the most important thing is to create a New Animation Folder called "Bocas" where we will animate the Lipsync.

And the Lipsync will be simple, only with the vowels, I remind you that the audio is in Spanish.

Flicker

Now, we are going to add flickers at the beginning and end of the animation, that is, in the first key pose and in the last key pose. And we are going to do the same as with the mouths, we will take the eyes already made and in another Animation Folder called "Eyes" we will animate the blinking.

Lineart

Now we are going to clean our animation, for this we must perform an action in the layer panel, which is essential for the development of our animation.

In the Layers Panel we select a drawing of the animation and we give the option "New Layers Folder", then we will take the drawing layer and put it inside the folder, and we must change the name of the folder to the original drawing, so the drawing of that frame will be visible again.

Do you remember I told you that naming the pictures would be important? Well this is the moment.

Vector layer

And if you want your strokes to be even more perfect you can clean the Animation with the Vector Layer, where you can modify the strokes you are making.

Color palette

Now we must create the colors of our character, this is an easy way to do it, although you can also create color palettes in Clip Studio Paint leaving them saved, in my case I prefer to do it in a simple way, since I am always creating different characters for everyone my tutorials.

Animation Color

Now comes the most entertaining, let's paint our animation.

For this we must create new layers in the folders of each of the drawings, to have the color separately from the line.

Something very important that you should activate is: Refer to other layers, so each stroke that is visible on the screen will be taken when painting (Remember to hide the background and leave only one color or the transparent background)

We will be painting with just one click filling the different areas of our character.

This will be the girl's colors. You like them?

Remember that you must paint all the drawings of the animation, to go to a new phase of the process.

Animation Shadow

Now I will teach you a quick and easy method for you to add shadow to your animated characters.

First, you must create a layer called "Shadow" within each folder of the Animation drawings.

Then with the same black color with which we did the cleaning of the Animation we are going to be painting the places where the shadow should go in our character, it can be with the pen or the brush.

Sounds weird, right? But rest assured that now comes the magic.

With the shadow layer selected we go to the Blend Modes, and where it says "Normal" we change it to "Soft Light".

And look! Now if it looks great just with that change, then now we can calmly paint the shadow without creating more colors.

Although this is one of the many options that we can use to add shadow to our animations.

The other important thing, remember that the color and shadow of the eyes and mouth goes in the corresponding animation folder, be careful with that.

Animation Background

For the background I did not complicate myself and what I did was to use the Clip Studio Paint element library, although the color was added by me.

But I used a sky and 3D elements, achieving the following result:

It looks good doesn't it? Well we have almost reached the end, we only need one thing, to export our animation, we will see that below.

Export Animation as video

The idea of doing 2D Animation is to have fun and be able to share what we do on social networks, for this we will export our animation as a video to share it on Instagram (If you want to follow me you can find me as @kevinfm_art)

File - Export - Movie

Then you must choose to which folder you want to export your Animation, you can also choose the format of the video, I advise you MP4 (.mp4)

And you must click save.

Then the Film Export Settings window appears with the following values:

Which I recommend you change for the following:

You click OK and we can only wait for our Animation to be exported as a video.

Extra tip:

I always recommend after exporting our animations to perform a color touch-up, this process is called Post-Production, here is a sample of what you can achieve:

Clip Studio Paint animation

Color retouching and reframing

Final animation

https://www.youtube.com/watch?v=VpGgn8pn7Y8

I hope this super article is very helpful to you.

I leave you a greeting, that you are very well and until next time!

Comment

Related articles

New

New Official Articles