Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
2D animation in clip studio paint
Rating: 4.2 out of 5(56 ratings)
570 students

2D animation in clip studio paint

Learn all the secrets
Created byKendrys diaz
Last updated 7/2023
English
English [Auto],

What you'll learn

  • How to animate in clip studio paint
  • keyframe animation
  • frame by frame animation
  • animation tips and tricks

Course content

4 sections40 lectures6h 23m total length
  • Keyframe explanation7:45
    • The video briefly explains keyframes and mentions that more detailed information will be covered in other videos.

    • There are three types of keyframes: hold, linear, and smooth.

    • By enabling keyframes, regular layers can be made to move.

    • The first keyframe type is hold, where an object stays in one position and then jumps to the next.

    • Linear keyframes maintain a consistent speed from the beginning to the end.

    • Smooth keyframes have a slow start, a fast middle section, and a slow ending.

    • Different keyframe types can be combined to create various movement effects.

    • Enabling keyframes can be done individually on each layer or by putting layers in a folder and enabling keyframes for the entire folder.

    • Keyframe options can be found in the timeline.

    • Keyframes are represented by different colored dots: yellow for hold, green for linear, and purple for smooth.

    • Keyframes can be added and adjusted by selecting the desired point and using object operation or other shortcuts.

    • Keyframes allow for creating movement and looping effects.

    • Keyframes can be copied and pasted to duplicate specific movements.

    • The playback may appear different during recording but will be smooth upon export.

    • Keyframes can be switched between different types to change the movement characteristics.

    • The video concludes by mentioning that more advanced topics will be covered in future videos.

  • Keyframes and animation folders8:21


    • Animation folders and keyframes can be used together to create loop animations.

    • Demonstrating a loop animation of a fireball using four frames.

    • Keyframes can be enabled to add more complexity to the animation, such as moving the fireball across the screen while changing frames.

    • The process involves creating a new animation folder, enabling keyframes, and specifying the start and end frames.

    • Keyframes can also be used to resize and reposition elements within the animation.

    • Combining animation folders and keyframes can create more advanced effects.

    • The technique can save time compared to frame-by-frame animation.

    • The speaker hints at the possibility of using the camera and zooming effects with keyframes.

    • More details about animation folders will be covered in future sections.

  • Keyframes and animation folders 212:14
    • The video tutorial discusses keyframes in frame-by-frame animation.

    • The tutorial mentions combining animation folders and keyframes for more advanced animations.

    • Demonstrating a simple animation where a character crouches and flies away using keyframes.

    • Only drew a few frames and used keyframes for in-between movements.

    • The tutorial shows how keyframes are used to squish the character and create the desired animation.

    • Changing the aspect ratio to maintain proportions while squishing.

    • The tutorial shows how to use numbers to control the squishing effect.

    • Explaining the process of adding effects to the animation using separate layers.

    • Switch to smooth animation to achieve a more natural movement.

    • How to edit frames and draw new poses using the keyframes feature.

    • They explain the use of onion skin to help with drawing and referencing previous frames.

    • The tutorial shows how to make the character fly off and switch poses mid-animation.

    • Plan and combine different frames to create desired movements.

  • Image material special transformations with keyframes6:23
    • Using a sample and showing how regular layers have limitations in terms of perspective and size adjustments.

    • Introducing the concept of an image layer allows for more control and additional features.

    • Image material is a term used to describe pictures or images placed within this layer, which creates a border around the image. While drawing on these layers is not possible, they offer more control options.

    • Showing various controls, including rotation, frame adjustments, and perspective transformations.

    • Moving the points before creating keyframes can change how the transformations work.

    • Keyframes provide more precise control over the transformations and allow for complex shape, perspective, and movement changes.

    • Different transformation modes are available, such as scale, rotation, default, transform, and perspective. Differences between these modes and explain how they affect the shape and ratio of the object.

    • Overall, these techniques are useful for image editing, enabling the manipulation of shapes, characters, and perspectives.

  • Spinning wheel9:20
    • Different aspects of creating an animation.

    • Starting with the basics and making an animation of a spinning wheel.

    • Using keyframes and creating circles within circles.

    • The importance of using image materials and grid lines.

    • Using the graph editor to control the rotation of the wheel.

    • Adding keyframes to control the speed and direction of the rotation.

    • How adjusting the graph points affects the rotation speed.

    • How to create smooth and controlled spinning animation.

    • Adjusting the timing and direction of the rotation.

  • Graph editor27:32
    • The video is about the graph editor and its features.

    • The graph editor is used for keyframe animation.

    • Keyframes need to be enabled to use the graph editor.

    • The graph editor has options for position, scale, ratio, rotation, opacity, and more.

    • The X-axis represents left to right, while the Y-axis represents up and down.

    • Opacity is not related to left or right or up and down.

    • Keyframes can be added to both X and Y coordinates.

    • The snap option allows for precise movement along the X and Y axes.

    • Linear movement is constant speed.

    • The graph editor combines movement along the X and Y axes.

    • Moving up on the graph is forward while moving down is backward.

    • Scaling and ratio changes affect the size of the object.

    • Scaling on the X-axis makes the object wider while scaling on the Y-axis does not change the size.

    • Both X and Y can be manipulated together by selecting both lines.

    • The graph editor provides more control over animation.

  • Cameras7:25
    • The video demonstrates the process of manipulating cameras and animations.

    • Starts by creating a new animation layer and adding it to the camera folder.

    • The camera folder contains the camera view and can be renamed for easier identification.

    • The ability to bring in layers and animation folders to the camera.

    • The camera represents the frame and where it is looking. The camera's field of view is discussed as a guide for what the camera captures.

    • Keyframes are introduced as a way to control camera movement.

    • Demonstrating moving the camera by clicking and dragging.

    • There’s an option to create smooth and linear movements with keyframes.

    • The speaker shows an example of moving the camera to focus on a specific object.

    • The concept of multiple cameras and nested cameras is discussed.

    • The process of panning and moving the camera is explained.

    • The speaker demonstrates combining two cameras to create a walking effect.

    • They mention the possibility of making the camera movement more subtle or exaggerated.

  • Making an infinite looping background13:21
    • The video tutorial demonstrates how to create looping backgrounds and animations.

    • Looping backgrounds are useful when you want a repeating background without dragging a long image.

    • The tutorial explains how to create a seamless loop by using keyframes and holding positions.

    • This first video focuses on creating the looping animation, while a second video covers making the background.

    • The tutorial uses examples of a tree and a material as looping elements.

    • Linear keyframes are used for constant speed, and hold keyframes are used to freeze the position.

    • Copying and pasting keyframes can be done to create multiple loops.

    • Rulers and guides can help with aligning and measuring the looping elements.

    • The tutorial shows how to create a seamless loop by teleporting the element back to the starting position.

    • The process involves adding keyframes, making them hold, and copying them for repetition.

  • Making an infinite image material8:26
    • The video is part two of a looping background tutorial.

    • The focus is on making the background loop seamless.

    • Tiling and creating patterns with materials are discussed.

    • Different ways of looping, including horizontal, vertical, and diagonal, are explained.

    • The process involves cutting the image in half, flipping one half, and blending the middle.

    • Tiling settings are adjusted to achieve the desired effect.

    • The tutorial also covers blending foreground elements.

  • Making an infinite looping background 26:41
    • The video tutorial explains how to animate a looping background with animation folders instead of keyframes.

    • The goal is to create the illusion of movement towards or away from the viewer.

    • The tutorial demonstrates creating a grid with perspective to ensure consistent spacing and size.

    • By connecting the lines to a vanishing point, the spacing remains the same, even in perspective.

    • The tutorial shows how to copy and paste the grid into multiple frames to create the animation.

    • The process involves resizing and positioning the grid to give the impression of movement.

    • Additional elements can be added to enhance the effect, such as duplicating and flipping objects.

    • The tutorial also mentions using the grid feature in animation software to automatically create the spacing.

    • This method allows for consistent spacing in a perspective view and is useful for creating animations with depth.

  • Rain effect using keyframes5:00
    • The video tutorial demonstrates how to create a rain effect using a flat image and simple animation.

    • The rain effect can be added to a still image, giving it a cool and realistic look.

    • The tutorial explains how to adjust the rain's parameters, such as its length and angle, to customize the effect.

    • The process involves converting the image into an image material layer and applying transformations like tiling.

    • Keyframes are used to create a looping effect, where the rain animation repeats seamlessly.

    • The tutorial provides step-by-step instructions for setting up the animation and demonstrates the final result.

  • Creating a rig/ puppet basics13:50
    • The video tutorial discusses creating a rig in Clips to paint.

    • Clip studio paint is not primarily designed for rig animation, but rigs can make some animation easier.

    • A rig is like a puppet that allows you to move individual parts.

    • Keyframes are used to animate the rig.

    • The tutorial demonstrates creating a rig for an arm by drawing and converting it into an image.

    • The rig's keyframes are set to control the movement of the arm.

    • The hold keyframe type is used for frame-by-frame animation, while linear or smooth keyframes create different effects.

    • The tutorial shows how to move individual parts of the arm using keyframes.

    • Moving parts with keyframes can save time compared to redrawing frames.

    • The tutorial explains how to group the arm parts in a folder for easy movement.

    • The folder allows moving the entire arm as a single unit.

    • The tutorial also covers adjusting the frame size and moving the entire rig together.

  • Rig/Puppet Character with File objects17:52
    • The video tutorial demonstrates how to create a puppet character in clip studio paint.

    • The character is like a puppet because its parts can be moved and rotated independently.

    • Different parts of the character, such as the head, torso, eyes, and mouth, are separate objects.

    • The tutorial shows how to create and edit these objects in separate files.

    • Objects can be customized, such as changing the color of the character's shirt.

    • Objects can be converted to animation frames to create animations.

    • The tutorial explains how to create blink animations using separate layers.

    • The tutorial mentions the use of a timeline for animation.

    • The video also showcases the process of importing and organizing object files.

    • The tutorial highlights the flexibility and ease of editing that objects provide.

  • Rig/Puppet Character with File objects 212:08
    • The video is about creating a rig and explaining the process.

    • The file object contains frames that can be copied, pasted, and slightly changed for frame-by-frame animation.

    • The animation folder helps control the frames and allows for easy organization and renaming.

    • The play frame property displays one frame at a time, and different frames can be selected.

    • The video shows the process of creating and animating frames for a character.

    • The use of animation folders and frame-by-frame animation is recommended for better control.

    • The video demonstrates how different body parts can be moved and controlled using the rig.

    • Shortcuts and keyframes are used to create different expressions and movements.

    • The video emphasizes the importance of organizing and controlling the different parts of the character.

    • The creator explains how to control and manipulate the character's eyes, arms, and head.

    • The process may seem intimidating, but it involves copying, pasting, and editing frames.

    • The video shows an example of editing an arm frame by moving it.

    • The video concludes by suggesting that the process can be improved by cutting parts and organizing them better.

  • Color change effects5:04
    • The video introduces a more complicated effect. The process involves animating colors.

    • A folder is created to contain the effects that will affect the tree.

    • A correction layer is added, allowing adjustments to saturation and other parameters.

    • The folder is turned into a keyframe, and opacity is adjusted.

    • Additional effects can be added to the folder, such as a grading map.

    • Effects can be combined and adjusted until the desired look is achieved.

    • The background also affects the appearance of the tree. A mask can be used to isolate the effect on the tree.

  • Blur transition effect1:45
    • The process involves blurring and copy-pasting.

    • A filter called "blur" is applied with adjustable levels.

    • The opacity of the material is adjusted using keyframes.

    • The speaker demonstrates slowly fading in one element and fading out another.

    • The blurry element gradually disappears while the sharper one starts fading in. Both effects happen simultaneously.

    • The speaker mentions that combining layers can create disappearing or different effects.

  • Using masks with keyframes13:18
    • The video tutorial demonstrates how to use masks with animation.

    • The speaker shows examples of using masks to create various effects.

    • Masks can be applied to graphics, characters, and different types of animation.

    • The mask hides specific areas, creating a fading effect or revealing certain elements.

    • The speaker explains how to set up masks and keyframes for animation.

    • The tutorial includes examples of using masks to make objects appear or disappear.

    • Different techniques are shown, such as animating the mask itself or using masks to hide specific areas.

    • The tutorial also covers adjusting the opacity and applying blurs to masks.

    • The speaker demonstrates how to create a filling effect by using masks to hide parts of an object.

    • Two methods of applying masks are explained: selecting the inside or the outside of an object.

    • Keyframes are used to control the movement and appearance of the mask.

    • The tutorial concludes by showing the animated results of the mask techniques.

Requirements

  • You'll need Clip studio paint drawing program (I use EX version, but you can use the PRO version. The main difference is that the PRO version is limited to 24 frames)
  • Basic understanding of digital art programs
  • Basic drawing skills
  • Basic computer skills

Description

What to learn how to animate in clip studio paint?

This course contains everything you need to know about 2D animation in clip studio paint. You'll learn to use Keyframes, animation folders, file objects, image materials, 2D camera, graph editor, and many tricks for animating in clip studio paint. We're going to combine all of these tools to create our animations and I'll also share some of my tricks to have a better workflow and make things easier and faster.

This is an intermediate-level course so you should know some basics about the program before you decide to join. Basics like knowing what layers are, how to create a new document, using brushes, and other basic tools.

We're going to start with Keyframes and all the ways you can use them to animate without needing to draw too much. This includes moving objects, backgrounds, foregrounds, characters, or a combination of all. Then we'll take a look at animation folders which is the main way to create frame-by-frame animation.

This course includes videos about lip synch, rotoscoping, moving backgrounds, making puppet/ rigged characters, and much more. Clip studio paint is an amazing tool with many secrets, we'll get the most out of it and its hidden features.

Who this course is for:

  • Digital artist that want to learn animation in clip studio paint
  • Intermediate level digital artists