How to Animate in Clip Studio Paint

PDF download Download Article
PDF download Download Article

In March 2016, Clip Studio Paint(Same as Manga Studio 5) version 1.5.4 released animation functions within the drawing program. This tutorial’s focus is on utilizing those functions to create an animation, not on how to make your own animations . This tutorial will be most useful for those who have some experience with digital art programs.There are two main parts in animating in CSP, cels and the timeline. Cels are special layers used for animation and the timeline is where you piece together the cels for the animation. If you'd like to know more specific functionalities for animation in CSP, please check out the official guide linked below. Note: CSP Pro and Debut only allow up to 24 frames, while Paint Ex gives unlimited frames.

1

Go to File > New and choose the settings.

PDF download Download Article
  1. {"smallUrl":"https:\/\/www.wikihow.com\/images\/thumb\/0\/08\/Cspnew.png\/460px-Cspnew.png","bigUrl":"\/images\/thumb\/0\/08\/Cspnew.png\/640px-Cspnew.png","smallWidth":460,"smallHeight":402,"bigWidth":641,"bigHeight":560,"licensing":"<div class=\"mw-parser-output\"><p>Image from: Uploader<br>\nLicense: <a target=\"_blank\" rel=\"nofollow noreferrer noopener\" class=\"external text\" href=\"http:\/\/en.wikipedia.org\/wiki\/Public_domain\">Public Domain<\/a>\n<\/p><\/div>"}
    Open a new file and click on the red icon that has a play button. Find the red play button in the use of work section. Then, choose the settings.
    • The only settings that really matter are the size, resolution, frame rate, and size of the blue borders. Anything outside of the blue borders does not get exported.
    2. Advertisement
2

Enable “Onion Skin” under “Animation.”

PDF download Download Article
  1. {"smallUrl":"https:\/\/www.wikihow.com\/images\/thumb\/8\/83\/Screen-Shot-2016-10-24-at-11.01.14-AM.png\/460px-Screen-Shot-2016-10-24-at-11.01.14-AM.png","bigUrl":"\/images\/thumb\/8\/83\/Screen-Shot-2016-10-24-at-11.01.14-AM.png\/703px-Screen-Shot-2016-10-24-at-11.01.14-AM.png","smallWidth":460,"smallHeight":366,"bigWidth":703,"bigHeight":560,"licensing":"<div class=\"mw-parser-output\"><p>Image from: Uploader<br>\nLicense: <a target=\"_blank\" rel=\"nofollow noreferrer noopener\" class=\"external text\" href=\"http:\/\/en.wikipedia.org\/wiki\/Public_domain\">Public Domain<\/a>\n<\/p><\/div>"}
    Go to Animation > Show Animation cells > enable Onion Skin. Alternatively, click the "Enable onion skin" icon on the timeline. This will show a translucent version of the frames before and after the one you're working on which makes it much easier to animate.
    • You can change onion skin colors as well as the amount of frames seen by going to "Animation > Show Animation cells > Onion Skin settings..."
3

Draw a ball falling over the sequence of several cels.

PDF download Download Article
  1. {"smallUrl":"https:\/\/www.wikihow.com\/images\/thumb\/9\/99\/Screen-Shot-2016-10-24-at-9.48.18-AM.png\/460px-Screen-Shot-2016-10-24-at-9.48.18-AM.png","bigUrl":"\/images\/thumb\/9\/99\/Screen-Shot-2016-10-24-at-9.48.18-AM.png\/728px-Screen-Shot-2016-10-24-at-9.48.18-AM.png","smallWidth":460,"smallHeight":244,"bigWidth":728,"bigHeight":386,"licensing":"<div class=\"mw-parser-output\"><p>Image from: Uploader<br>\nLicense: <a target=\"_blank\" rel=\"nofollow noreferrer noopener\" class=\"external text\" href=\"http:\/\/en.wikipedia.org\/wiki\/Public_domain\">Public Domain<\/a>\n<\/p><\/div>"}
    Make a new cel by creating a new layer for the next drawing. You must assign each animation cel or folder to a frame before you can draw on it . You can do this by right clicking and selecting the cel or clicking on specific cels and selecting the cel. Alternatively, you can select the frame you want the animation cel to be on and click “new animation cel” and it will create a cel on that frame for you.
    2. Advertisement
4

Go to Window > Animation Cels.

PDF download Download Article
  1. {"smallUrl":"https:\/\/www.wikihow.com\/images\/thumb\/1\/16\/Screen-Shot-2016-10-17-at-1.12.30-AM.png\/460px-Screen-Shot-2016-10-17-at-1.12.30-AM.png","bigUrl":"\/images\/thumb\/1\/16\/Screen-Shot-2016-10-17-at-1.12.30-AM.png\/499px-Screen-Shot-2016-10-17-at-1.12.30-AM.png","smallWidth":460,"smallHeight":504,"bigWidth":499,"bigHeight":547,"licensing":"<div class=\"mw-parser-output\"><p>Image from: Uploader<br>\nLicense: <a target=\"_blank\" rel=\"nofollow noreferrer noopener\" class=\"external text\" href=\"http:\/\/en.wikipedia.org\/wiki\/Public_domain\">Public Domain<\/a>\n<\/p><\/div>"}
    (Optional) Open the animation cels palette. Click on “Enable Light Table” and then choose between common light table(shows for all the cels) and light table specific (only shows up when editing that specific cel). While this isn't needed for a simple animation of a ball falling, it is useful for referring to key frames and references to keep animations consistent
5

Remove cels from the animation as needed.

PDF download Download Article
  1. {"smallUrl":"https:\/\/www.wikihow.com\/images\/thumb\/d\/dd\/Screen-Shot-2016-10-24-at-10.04.28-AM.png\/460px-Screen-Shot-2016-10-24-at-10.04.28-AM.png","bigUrl":"\/images\/thumb\/d\/dd\/Screen-Shot-2016-10-24-at-10.04.28-AM.png\/710px-Screen-Shot-2016-10-24-at-10.04.28-AM.png","smallWidth":460,"smallHeight":279,"bigWidth":710,"bigHeight":430,"licensing":"<div class=\"mw-parser-output\"><p>Image from: Uploader<br>\nLicense: <a target=\"_blank\" rel=\"nofollow noreferrer noopener\" class=\"external text\" href=\"http:\/\/en.wikipedia.org\/wiki\/Public_domain\">Public Domain<\/a>\n<\/p><\/div>"}
    Delete cels from the animation by clicking the “Delete specified cels” icon. This doesn’t actually delete the cel from the file, just removes it from the animation. You have to click at the beginning of the cel in the timeline in order to delete it or else the icon will be grayed out and unclickable.
    2. Advertisement
6

Change the duration of the frame.

PDF download Download Article
  1. {"smallUrl":"https:\/\/www.wikihow.com\/images\/thumb\/7\/73\/Screen-Shot-2016-10-24-at-10.14.48-AM.png\/460px-Screen-Shot-2016-10-24-at-10.14.48-AM.png","bigUrl":"\/images\/thumb\/7\/73\/Screen-Shot-2016-10-24-at-10.14.48-AM.png\/464px-Screen-Shot-2016-10-24-at-10.14.48-AM.png","smallWidth":460,"smallHeight":427,"bigWidth":464,"bigHeight":431,"licensing":"<div class=\"mw-parser-output\"><p>Image from: Uploader<br>\nLicense: <a target=\"_blank\" rel=\"nofollow noreferrer noopener\" class=\"external text\" href=\"http:\/\/en.wikipedia.org\/wiki\/Public_domain\">Public Domain<\/a>\n<\/p><\/div>"}
    Click on the side of the frame and drag it to change the frame duration. Make sure to do this for the paper and background layers when extending the duration or else they will be transparent later on.
    • Adjust the blue lines which show the end and beginning of where you want to play. You can click loop play if you want to watch it over and over .
    • Select specific cels by holding command. You can extend or shorten all at the same time.
7

Create a new animation folder for the final lines and colors.

PDF download Download Article
  1. {"smallUrl":"https:\/\/www.wikihow.com\/images\/thumb\/0\/0d\/Screen-Shot-2016-11-17-at-2.03.15-AM.png\/460px-Screen-Shot-2016-11-17-at-2.03.15-AM.png","bigUrl":"\/images\/thumb\/0\/0d\/Screen-Shot-2016-11-17-at-2.03.15-AM.png\/728px-Screen-Shot-2016-11-17-at-2.03.15-AM.png","smallWidth":460,"smallHeight":281,"bigWidth":728,"bigHeight":444,"licensing":"<div class=\"mw-parser-output\"><p>Image from: Uploader<br>\nLicense: <a target=\"_blank\" rel=\"nofollow noreferrer noopener\" class=\"external text\" href=\"http:\/\/en.wikipedia.org\/wiki\/Public_domain\">Public Domain<\/a>\n<\/p><\/div>"}
    Create a new folder above your rough animation layer. Or, go to "Layer > Create folder and insert layer" for each rough cel—you might want to make a shortcut or auto action to make this much quicker. If you choose the first method, you have to re-assign cels in the timeline to match that of your rough animation. If you choose the second method, make sure to hide or delete the rough animation cel.
    2. Advertisement
8

Export your animation.

PDF download Download Article
  1. Export it as .avi if you’re using Windows and .mov if you’re using Mac. Simply go to "File > Export Animation >Movie... " Note that only the parts between the blue markers will be exported.
    • You can export it as a gif as well, but keep in mind that the colors will be limited to 256 colors per frame. You can check the dithering option for a smoother blending, but it will increase the file size of your gif.
    • You can export your animation cels by going to "File > Export Animation > Export animation cels…" All visible cels within the animation folders will be exported and separated into different folders depending on what animation folder it is.

Community Q&A

Search
Add New Question
  • Question
    I use Manga Studio 5 and don't have the option to make an animation file. Where do I find it?
    Community Answer
    Even though Manga Studio 5 and Clip Studio Paint are the same program, Manga Studio 5 wasn't updated to support animation. Therefore, you can't create animations in Manga Studio. However, you can download Clip Studio Paint for free and validate it with your old Manga Studio serial code, which will give you access to the animation features.
    Thanks! We're glad this was helpful.
    Thank you for your feedback.
    If wikiHow has helped you, please consider a small contribution to support us in helping more readers like you. We’re committed to providing the world with free how-to resources, and even $1 helps us in our mission. Support wikiHow
    Yes No
    Not Helpful 0 Helpful 12
  • Question
    Why can I only make short animations?
    Community Answer
    You likely have Clip Studio Paint Pro or Debut. Unfortunately, these two editions of Clip Studio Paint will cap your animations at 24 frames. Clip Studio Paint EX removes this limit, but it's significantly more expensive than Pro or Debut.
    Thanks! We're glad this was helpful.
    Thank you for your feedback.
    If wikiHow has helped you, please consider a small contribution to support us in helping more readers like you. We’re committed to providing the world with free how-to resources, and even $1 helps us in our mission. Support wikiHow
    Yes No
    Not Helpful 4 Helpful 10
Ask a Question
200 characters left
Include your email address to get a message when this question is answered.
Submit
      Advertisement

      Video

      Tips

      Show More Tips
      Submit a Tip
      All tip submissions are carefully reviewed before being published
      Name
      Please provide your name and last initial
      Submit
      Thanks for submitting a tip for review!
      Advertisement

      You Might Also Like

      10 Best Apps to Create a Deepfake Image or Video
      How to
      Animate
      How to
      Make a Cartoon
      How to
      Create a Stop Motion Animation
      How to
      Make an Animated Short Film
      How to
      Make Your Character Move on Scratch
      All About the Hiyakasudere (Teasedere) Archetype in Anime & Manga
      How to
      Make Anime Movies
      A Comprehensive Guide to the Animation Career: Plus, Insider Tips
      How to
      Be a Cartoonist
      Advertisement

      References

      1. http://www.clip-studio.com/site/gd_en/csp/userguide/table_of_contents.htm?rhtocid=toc3

      About This Article

      Thanks to all authors for creating a page that has been read 167,181 times.

      Did this article help you?

      Advertisement