This picture is an image. Not part of the animation.

It ’s a girl flying in a gu-pan!

I'm going to animate this with keyframes

Create an animation using "keyframes"

It is an example that relies on keyframes without drawing almost anything

Most of the explanation is about keyframes

 

The frontispieces and animations are based on works that I remember.

I think it's completely different when compared

I feel like it was shining more brightly

New animation

The movie export is 1280 x 720px

The material is also 1600 x 1600px to create on the same canvas

Set the value obtained by adding the margin to the basic size to be 1600px.

The frame rate is 24 and the animation will be 12 seconds.

"Transform Pixel Interpolation" is set to "High Precision (Color Average)"

"OK"

Canvas, timeline and layer palette

Start work from here

Introduction

Delete the "animation folder" in the layer palette ♡

 

I will not use the "animation folder" this time

"Set grid ruler"

Set "origin of grid ruler" to "center"

Set "Interval" of "Grid setting" to 200px, set "Number of divisions" to (2), and click "OK".

Show grid and ruler

 

Add a "black" "solid" layer

Lock the layer so that it doesn't touch this layer

It's okay to make the "paper" black, but I'm sure there are times when you want to check with a white background.

Representing the contraction of the halo

Add "New Vector Layer"

 

Select the sub tool "Ellipse" of the "Shape" tool

In the tool properties palette

Check "Start from center"

"Brush size" 8px

Set "antialiasing" etc.

 

Create a perfect circle with a radius of 400px (800pc in diameter) from the center on the canvas

In the layer properties palette

Select "Border" of "Boundary effect" of "Effect" and set "Thickness of border" to 2 (px).

 

"Timeline"

Click the "Enable layer keyframes" icon

Select "Keyframe to create: Smooth" for "Keyframe interpolation"

 

Select "Object Tool"

Select the first frame of "Layer 1" in "Timeline"

Enter 240 for both "Horizontal / Vertical" of "Magnification" in the "Tool Property Palette".

 

Next, select the 1 + 7th frame of "Layer 1" in the "Timeline".

Enter 0 for both "Horizontal / Vertical" of "Magnification" of "Tool Property Palette".

 

Click "Function Curve Edit Mode" at the left end of the "Timeline" palette.

Select "Magnification" from the item on the left to display "Y".

Edit the "Y" function curve

In the same way, adjust the function curve so that "X" is displayed and "Y" is hidden.

 

When you're done

Click the "Function curve edit mode" icon again

Rotate the light of the cross

Create a "new vector layer" in the layer palette

Select the sub tool "Straight line" of the "Shape" tool

Set the entry / exit in "Sub tool details"

Create a "vertical" 400px "horizontal" 200px cross in the center of the canvas

 

On the same layer

Select the sub tool "Strong" of the "Airbrush" tool

Brush size 360 (Please turn off the pressure setting. I forgot to turn it because I worked with the mouse)

Set hardness 1 and brush density 50 (same for sub tool details)

Brush one in the center

 

I want to make the center a little darker, so I made it a brush size of 100.

Brush in the center

 

Switch the sub tool to the "object" tool

Click Enable Layer Keyframes on the timeline

Select the (1 + 12) frame on the timeline

Select the display position (1 + 12) on the timeline

Set both "Horizontal / Vertical" of "Magnification" of the Tool Property Palette to 20

 

Select the display position (1 + 18) on the timeline

Set "Magnification" of Tool Property Palette to 100

 

Select the display position (1 + 24) on the timeline

Set "Magnification" of Tool Property Palette to 150

 

Select the display position (2 + 21) on the timeline

Set "Magnification" of the Tool Property Palette to 0

 

Make sure the layer you are working on is selected in the Layers palette

Click the layer palette menu (three-line icon at the top left of the palette) and select "Create Folder and Insert Layer"

I think the layer fits inside the folder

 

Select (1 + 12) in this folder on the timeline

 

Right click and select "Split Clip"

 

Click the thin bar up to (1 + 12) on the timeline and select up to (1 + 12)

Right-click on the selected thin bar and select "Delete" from the menu

 

The selected display range disappears

Select (1 + 12) in the folder on the timeline

Click Enable Layer Keyframes

"Add keyframe"

 

Select (2 + 13) in the folder on the timeline

Set the value of "Rotation angle" on the tool property palette to 450.

 

Add "New Vector Layer" in the Layers palette

Just like "Layer Folder" on the timeline

At (1 + 12), do a "split clip" and "delete" the previous one.

 

Select "Ellipse" in the sub tool of "Shape" tool

Create a perfect circle with a brush thickness of (8) and a radius of 200px (diameter 400PX) from the center.

 

Click Enable Layer Keyframes

Select (1 + 12) on the timeline

Set "Magnification" of Tool Property Palette to 50

 

Select (1 + 18) on the timeline

Set "Magnification" of Tool Property Palette to 100

 

Select (2 + 21) on the timeline

Set "Magnification" of Tool Property Palette to 120

At the same position on the timeline

Set the "opacity" of the layer in the layer palette to 0

 

Select (2 + 7) on the timeline

Set the "opacity" of the layer in the layer palette to 100

 

This is linked to the "Opacity" number on the Tool Properties palette.

This is the animated GIF so far

I was particularly worried, so I fixed the rotation angle of the layer folder

 

Set (1 + 12) in the layer folder to -90 for the "Rotation angle" value.

Changed "Rotation angle" of (2 + 13) to 360

Create an explosion mask

From the result, the result is not so good

In the world ... it's also called "failure"

Add "New Raster Layer" in the Layers palette

 

Click on (3 + 1) on the timeline

 

Right-click and select "Split Clip" from the menu

(3 + 1) Delete the previous part

 

Select the sub tool "Ellipse" of the shape tool

"Drawing color" is (white)

On the tool properties palette

Select "Fill" from the icon to the left of "Line / Fill"

Check "Start from center"

From the center of the canvas, create an ellipse with a radius of 600 horizontal and 300px vertical (1200 horizontal diameter and 600px vertical).

 

Select "Gauss Blur" from "Blur" in the "Filter" menu.

Set the value of "Blur range" to (100)

 

Switch the sub tool to "Object Tool"

Click Enable Layer Keyframes on the timeline

Click (3 + 1)

On the tool properties palette

Uncheck "Fixed aspect ratio" in "Enlargement ratio" and set it to 4.0 horizontal and 8.0 vertical.

 

Click (3 + 7) on the timeline

Set the "magnification ratio" of the tool property palette to 25 horizontal and 50 vertical.

 

Click (3 + 13) on the timeline

Set "Magnification" of the tool property palette to 30 horizontal and 60 vertical.

 

Click (3 + 19) on the timeline

Set "Magnification" of the tool property palette to 100 horizontal and 80 vertical.

 

Click (4 + 13) on the timeline

Set "Magnification" of the tool property palette to 200 horizontal and 200 vertical.

Add "New Raster Layer" in the Layers palette

At (3 + 1) on the timeline

In the same way, "split clip" and "delete" the part before (3 + 1)

 

Select "Perlin Noise" from "Drawing" in the filter menu.

Set "Scale" to (100), "Amplitude" to (2.00), and "Offset X" to (-1000).

 

"Enable layer keyframes" on the timeline

Switch "frame interpolation" to "constant velocity"

 

Click (3 + 1) on the timeline

Set "Rotation angle" of the tool property palette to (0)

 

Click (4 + 13) on the timeline

Set "Rotation angle" of the tool property palette to (45).

 

Set the layer's "Composite Mode" to "Overlay" in the Layers palette

Add "New Raster Layer" in the Layers palette

"Split clip" at (3 + 1) on the timeline

(3 + 1) "Delete" the previous part

 

Add another "Perlin Noise"

Select "Perlin Noise" from "Drawing" in the filter menu.

Set "Scale" to (100), "Amplitude" to (2.00), and "Offset X" to (1000).

 

Press "Enable Layer Keyframes" on the timeline

Select (3 + 1) and set the "Rotation angle" of the tool property palette to (0).

 

Select (4 + 13) on the timeline and set the "Rotation angle" on the Tool Properties palette to (135).

 

Set the layer's "Composite mode" to "Overlay" in the layer palette

In addition, "clipping in the lower layer"

Add a white "solid layer"

Select "Solid color" from "New layer" in the layer menu

Please specify "white"

 

Click Enable Layer Keyframes on the timeline

Select (4 + 1)

Set the "opacity" of the layer in the layer palette to (0)

 

Select (4 + 13) on the timeline

Set the layer "opacity" of the layer palette back to (100).

Put "flame" on the mask of the explosion

I will create an animation of flames swirling in this exploding mask

Add "New Raster Layer" in the Layers palette

 

Select "Perlin Noise" from "Drawing" in the filter menu.

Set "Scale" to 100

Adjust the offset X and Y to set the number so that the white part is in the center of the canvas

In the figure, "X is -860" and "Y is 300".

"OK"

 

Select "Pinch" from "Transform" in the filter menu.

Try to widen the center

"Amount" to -50

Set "Range" to "Apply to whole", set "Radius" to 50, and click "OK".

 

Select "Swirl" from "Transformation" in the filter menu.

"Twist" to 180, "Pull" to 4

Set "Range" to "Specify size (use radius and flattening)"

"OK" with "Radius" set to 100

 

Click Enable Layer Keyframes on the timeline

Set "Keyframe Interpolation" to "Constant Speed"

Click (3 + 13) on the timeline

"Add keyframe"

"Rotation angle" of the tool property palette is 0

 

Show the end of the keyframe

 

Set "Rotation angle" of the tool property palette to 180

 

Display (3 + 13) on the timeline and click

Set the "opacity" of the layer in the layer palette to 0

 

Click (4 + 1) on the timeline

Set the "opacity" of the layer in the layer palette to 100

 

Set the layer's "Composite Mode" to "Multiply"

Create another layer with a similar swirl

Add "New Raster Layer" in Layer Palette

 

Select "Perlin Noise" from "Drawing" in the filter menu.

Set "Scale" to 100

Adjust the offset X and Y to set the number so that the white part is in the center of the canvas

In the figure, "X is 830" and "Y is 300".

"OK"

 

Select "Pinch" from "Transform" in the filter menu.

Try to widen the center

"Amount" to -50

Set "Range" to "Apply to whole", set "Radius" to 50, and click "OK".

There is no change in the numbers here

 

Select "Swirl" from "Transformation" in the filter menu.

"Twist" to 360, "Pull" to 4

Set "Range" to "Specify size (use radius and flattening)"

"OK" with "Radius" set to 100

 

Click Enable Layer Keyframes on the timeline

Click (3 + 13) to add a keyframe

"Rotation angle" on the tool property palette remains 0

 

Show the end of the keyframe

Click on the last frame

Enter 360 for "Rotation Angle" on the Tool Properties palette

 

Set the "Composite Mode" of the layer in the Layer Palette to "Overlay"

"Clipping in the lower layer"

Color this swirl like a "flame" with a gradient map layer

 

Select "Gradient Map" from "New Tonal Correction Layer" in the Layer menu.

 

In the gradient map settings

Create a gradient by changing or adding nodes below the colorbar

 

From the node on the left

Set "Position" to 0 and "Specified color" (H is 350) (S is 30) (V is 30)

Set "Position" to 20 and "Specified color" (H is 350) (S is 60) (V is 50)

Set "Position" to 40 and "Specified color" (H to 5) (S to 90) (V to 90)

Set "Position" to 60 and "Specified color" (H to 25) (S to 90) (V to 100)

Set "Position" to 70 and "Specified color" (H to 50) (S to 80) (V to 100)

Set "Position" to 80 and "Specified color" (H to 60) (S to 30) (V to 100)

Set "Position" to 100 and "Specified color" to (H to 0) (S to 00) (V to 100) and "OK".

The last one is white

 

In the layer palette

"Clipping the created gradient map layer with the layer below"

Now you have something like an explosion

The energy of light overflows from the explosion

Add more effects before the girl's "punch"

Add a "solid" layer to the layer palette

Any color can be used as long as it is bright (the color has almost no meaning)

 

Select "Solid color" from "New layer" in the layer menu

(H is 270) (S is 20) (V is 100) "OK"

 

Click (4 + 1) on the timeline

Set the "opacity" of the layer in the layer palette to 0

 

Click (4 + 13) on the timeline

Set the "opacity" of the layer in the layer palette to 100

 

Next, set the layer's "composite mode" to "addition" in the layer palette.

 

※※※

Here, use the "concentrated line" of the "Shape" tool.

Select "Concentrated line" in the folder tag of the sub tool palette

Select "Sparse concentrated line"

Click the "Spanner Icon" at the bottom right of the "Sparse Concentrated Line" tool property palette to display the "Sub Tool Details" palette.

 

Select the category "Shape Manipulation" on the left

Check "Start from center"

 

Select the category "Brush size"

Set "Brush size" to 50, check "Disturbance" and set to 50

 

Select the category "Drawing interval"

Check "Line spacing (distance)" and set to 60

Check "Disturbance" and set to 100

Uncheck "Cohesion"

 

Select the category "Drawing position"

"Length" to 1560

Uncheck "Disturbance"

Change "Reference Position" to "Midpoint"

Check "Movement of reference position" and set to 10.

 

Select the category "Antialiasing"

Set "Antialiasing" to "Strong" on the far right

 

Select the category "Correction" and check "Snappable"

 

Select the category "Enter / Exit"

"Brush size" for "Enter / Exit" and "Percentage specification" for "Specification method"

Check "Enter" and set it to 50

After setting the "sparse concentrated line", set the "drawing color" to "black".

Drag from the center to the diagonal edge on the canvas

 

I think a "sparse concentrated line" layer has been added to the layer palette

As it is

Select "Rasterize" from the "Layer" menu

 

Select "Swirl" from "Transformation" in the "Filter" menu.

"Twist" to -90, "Pull" to 4

For "Range", set "Specify size (use radius and flattening)", set "Radius" to 100, and click "OK".

 

Make the sub tool an "object" tool

Click the "Enable Layer Keyframes" icon on the timeline

Select (4 + 1) to add a keyframe

 

Go to the last frame of the timeline

Set "Rotation angle" of the tool property palette to 180

 

"Clipping on the lower layer" in the layer palette

Create the same layer using another "sparse concentrated line"

 

Using the "sparse concentrated line" set earlier

Drag from the center of the canvas to the edge to add a "sparse concentrated line" layer

 

Select "Rasterize" from the "Layer" menu

 

Select "Swirl" from "Transformation" in the "Filter" menu.

Set "Twist" to -180 (others are the same)

 

Switch the sub tool to the "Object" tool

Press the "Enable Layer Keyframes" icon on the timeline

Click on the last frame

Set "Rotation angle" of the tool property palette to -180

(There is a difference between + and-from the previous layer)

 

Click (4 + 1) on the timeline

Set "Rotation angle" of the tool property palette to 0

 

Press "Clipping on Layer Below" on the Layers palette

Animated GIF of this part (3 + 12)

I'll fix it a little later

Jumping 👊 Punch

Now!

Paste the material palette "3D drawing doll ver.2 (female)" on the canvas.

 

Click the "Adjust the body shape of the 3D drawing figure" icon at the right end of the "Object Launcher" under the 3D drawing figure.

Make it a little stronger

 

Pose

Jump and create a "goo pan" pose

 

You can remove the thickness of the "contour line" or the "texture"

Change the "method" of "affected by the light source" to "toon"

Determine the position of the camera while using "Manga Perth" etc.

 

Once the position of the 3D drawing figure is decided

Click (4 + 24) on the timeline

Press the "Enable layer keyframes" icon

Make "Keyframe Interpolation" "Smooth"

 

At (4 + 24) on the timeline, the sub tool remains the "Object" tool

Set the "Magnification" of the Tool Property Palette to 0

 

Click (5 + 13) on the timeline

Set the "Magnification" of the Tool Property Palette to 30

 

Click (6 + 1) on the timeline

Set the Magnification on the Tool Properties palette to 33

 

Click (6 + 13) on the timeline

Set the "Magnification" of the Tool Property Palette to 90

 

Click (7 + 1) on the timeline

Set the "Magnification" of the Tool Property Palette to 96

 

Click (7 + 13) on the timeline

Set the "Magnification" of the Tool Property Palette to 500

 

Move to the "last" of the timeline

Set the Magnification on the Tool Properties palette to 720

At the end, make sure that the standard size (1280 x 720px) is filled with a 3D drawing figure.

Add a "Fill" layer under "New Layer" in the Layer menu.

The color is "black"

 

Click the Enable Layer Keyframes icon on the timeline

Click (10 + 1) on the timeline

Set the "opacity" of the layer in the layer palette to 0

 

Click at the end of the timeline (11 + 24)

Set the "opacity" of the layer in the layer palette to 100

 

Finally, in the layer palette, "clip in the lower layer"

 

That's it

 

The opacity of the timeline can be displayed by clicking the [+] to the left of the layer name.

I usually close it

Animated GIF of jumping punch

Since the capacity is heavy, the background is "black" to reduce the weight.

The long road has come to an end

Rendering

As expected it took time to render

 

I tried to "split clip" and "delete" the part that is not displayed

I didn't feel like I was able to reduce the rendering time

I shouldn't have timed it properly (probably an error)

It took about 10 minutes

And "completed!"

The output is at a frame rate of 12 to reduce capacity.

I fixed it a little bit

It's a long tip, but maybe it will be completed in a couple of hours.

Keyframes are funny

If you find something useful, please try to imitate it.

 

The end