can you explain how to do animations on csp? or do you know any good tutorials on how it works? im a bit confused
Animation in CSP can be a bit confusing (and daunting) since itās nothing like Animate CC, Photoshop or ToonBoom. Itās pretty much has itās own interface and quirks so itās gonna take a while before you get use to it and start customizing it to your liking.
I donāt really know much about tutorials since Iāve learned everything on my own as well as finding very few books explaining CSP animation. Unfortunately, those books are only in Japanese and my skills arenāt at a level where I could fully translate everything. Though, Iām sure you can easily find some tutorials by a simple Google search.
Since you asked, Iāll just show you how I go about animating in CSP and set up my files such (if thatās okay and helps you).
So, when you open CSP you go to the Animation section and plug-in what dimensions and resolution you want. I normally use 1920x1080 (thatās standard for most video and TV) with 1200dpi. You donāt have these specific numbers though.
Once the document is set and ready you have your canvas and all that jazz. This is my workspace setup for both illustration and animation.Ā
Color sets and auto actions are great to cut down on time for coloring and clean-up. However, Iām still learning Auto Actions myself so I canāt give a full explanation on how to use them. But really, you donāt really need Auto Actions unless youāre doing some serious clean-up and color work. Color Sets can be downloaded ) for free through CLIP Assets. If you search animation on Assets, it should pop up with no issue.Ā
CSP actually updated today, so, the timeline tool bar has changed quite a bit.
Red (from left to right) - New Animation Folder, New Animation Cel, Specify Cel, Delete Specified Cel
Blue - Onion Skin (allows you to see previous and next frame simultaneously while animating)
Green (from left to right) - Edit Timeline, New Timeline
Pink - Brand new Camera feature (Iām learning this one too)
Making Cels in Layers Window
When you create an animation folder (through the Timeline tool bar), you can also add cels by pressing the new layer icon (highlighted in red above). Make sure youāve selected the animation folder beforehand or else it wonāt some up on the timeline.
Animating on the Timeline
One long rectangular box on the timeline represents 1 frame of animation. So, 2 boxes equals 2 frames of animation, 3 boxes equal 3 frames, etc, etc. Personally, I always make my key animation frames on 4s (4 frames) since it just has a steady movement. Once I finish the key frame animation, thatās when I start messing around with the timing like above.
This part comes with a lot of tests, meaning I export a ton of gifs to see which timing I like best. Once you get the hang of it, itāll start to feel like secondhand nature.
Layering Key Frame Animation
I love layers. I love to abuse layers so much. Itās just much easier to organize everything when using layers. In fact, the technique is regularly used in anime to cut production cost and time. You ever wonder how anime characters can talk but only their jaw moves while everything stays? Layers. Thereās one layer where they only animate the jaw moving while thereās a secondary layer thatās essentially a still image. For this section, weāll use my She-Ra animation as reference.
If you look at the upper left corner, youāll see a bunch a circles with scribbles like A1, A2, B5, C3, etc written. These are different layers I made for the animation. A is drawn in black for She-Raās body, B is drawn in yellow for her hair and C is drawn in red for the lighting effect of her sword (another Japanese animation technique). By working in layers, I can make edits faster and easier. Also, this method is really helpful for overlapping action (i.e. She-Raās hair). It would be such a pain to have it all on one layer and trying to avoid finished line work (or worse having to redo it all). Below is how this animation is layer:
Green - C (Lighting Effect)
Pink - Blue shadow (this is a guide for if I ever wanted to bring this piece into color)
Another application of this layered animation is my recent Owl House piece below.Ā
Within the animation folder, you can create a sub folder that can contain multiple layers at once. The cool thing about this is that the sub folder ends up acting like an animation key frame. Take note below how the sub folder has layers that break up the characters into its essential parts (C folder was Eda so it was one for her body, one for hair, one for earrings and one for her skirt). Again, super helpful when you have stationary animation (like a lip sync or eye blink). Or, for looped animations like this where you can reuse frames.Ā
So as Iāve stated before, this camera feature is new so I donāt have much information or notes on it yet. To create a camera in CSP you go to the Animation tab > New Animation Folder > 2D Camera Layer.
To enable the camera function, you need to select the animation folders that youāre going to use and press this icon (highlighted in red) on the Timeline toolbar.Ā
Once thatās done, those animation folders will have a lock icon appear next to them (highlighted in blue). Make sure to put the desired animation folders into the Camera folder (highlighted in red) or else the effect wonāt show up. Hereās the same She-Ra animation but with the camera effect applied:
Thereās so much I still need to learn about this function but overall itās pretty cool so far. Maybe in the future Iāll do a more in depth tutorial about CSP animation since the program is up and coming in the animation industry. But until then, I hope you found this helpful!Ā
ellievsbear
germansingergirl
origamiaround
baratheonpilled
annaxmalina
