Animation With Krita - Krita Manual Version 4.1 [PDF]

Citation preview

Docs » User Manual » Anima on with Krita



Animation with Krita Thanks to the 2015 Kickstarter, Krita 3.0 now has anima on. In specific, Krita has frame-byframe raster anima on. There’s s ll a lot of elements missing from it, like tweening, but the basic workflow is there. To access the anima on features, the easiest way is to change your workspace to Anima on. This will make the anima on dockers and workflow appear.



Animation curves To create an anima on curve (currently only for opacity) expand the New Frame bu on in the Anima on dock and click Add Opacity Keyframe . You can now edit the keyframed value for opacity directly in the “Layers” dock, adding more keyframes will by default fade from the last to the next upcoming keyframe in the meline over the frames between them. See anima on curves for details



Workflow In tradi onal anima on workflow, what you do is that you make key frames, which contain the important poses, and then draw frames in between (tweening in highly sophis cated animator’s jargon). For this workflow, there are three important dockers: 1. The Timeline Docker. View and control all of the frames in your anima on. The meline docker also contains func ons to manage your layers. The layer that are created in the meline docker also appear on the normal Layer docker. 2. The Anima on Docker. This docker contains the play bu ons as the ability to change the frame-rate, playback speed and useful li le op ons like auto-key framing . 3. The Onion Skin Docker. This docker controls the look of the onion skin, which in turn is useful for seeing the previous frame.



Introduction to animation: How to make a walkcycle The best way to get to understand all these different parts is to actually use them. Walk cycles are considered the most basic form of a full anima on, because of all the different parts involved with them. Therefore, going over how one makes a walkcycle should serve as a good introduc on.



Setup First, we make a new file:



On the first tab, we type in a nice ra o like 1280x1024, set the dpi to 72 (we’re making this for screens a er all) and tle the document ‘walkcycle’. In the second tab, we choose a nice background color, and set the background to canvas-color. This means that Krita will automa cally fill in any transparent bits with the background color. You can change this in Image ‣ Image Proper es. This seems to be most useful to people doing anima on, as the layer you do anima on on MUST be semi-transparent to get onion skinning working.  Note



Krita has a bunch of func onality for meta-data, star ng at the Create Document screen. The tle will be automa cally used as a sugges on for saving and the descrip on can be used by databases, or for you to leave comments behind. Not many people use it individually, but it can be useful for working in larger groups.



Then hit



Create !



Then, to get all the necessary tools for anima on, select the workspace switcher:



The red arrow points at the workspace switcher. And select the anima on workspace. Which should result in this:



The anima on workspace adds the meline, anima on and onion skin dockers at the bo om.



Animating We have two transparent layers set up. Let’s name the bo om one ‘environment’ and the top ‘walkcycle’ by double clicking their names in the layer docker.



Use the straight line tool to draw a single horizontal line. This is the ground.



Then, select the ‘walkcycle’ layer and draw a head and torso (you can use any brush for this). Now, selec ng a new frame will not make a new frame automa cally. Krita doesn’t actually see the ‘walkcycle’ layer as an animated layer at all!



We can make it animatable by adding a frame to the meline. a context menu. Choose



New Frame .



a frame in the meline to get



You can see it has become an animated layer because of the onion skin icon showing up in the meline docker.



Use the Copy Frame bu on to copy the first frame onto the second. Then, use the with Shift + ↑ to move the frame contents up. We can see the difference by turning on the onionskinning:



Now, you should see the previous frame as red.  Warning Krita sees white as a color, not as transparent, so make sure the anima on layer you are working on is transparent in the bits where there’s no drawing. You can fix the situa on by use the Color to Alpha filter, but preven on is best.



Future frames are drawn in green, and both colors can be configured in the onion skin docker.



Now, we’re gonna draw the two extremes of the walkcycle. These are the pose where both legs are as far apart as possible, and the pose where one leg is full stretched and the other pulled in, ready to take the next step. Now, let’s copy these two… We could do that with Ctrl + drag, but here comes a tricky bit:



Ctrl +



also selects and deselects frames, so to copy…



Ctrl +



to select all the frames you want to select.



Ctrl + drag. You need to make sure the first frame is ‘orange’, otherwise it won’t be copied along. Now then…



squashed the meline docker a bit to save space 1. Copy frame 0 to frame 2 2. Copy frame 1 to frame 3 3. In the anima on docker, set the frame-rate to 4 4. select all frames in the meline docker by dragging-selec ng them. 5. press play in the anima on docker. 6. Enjoy your first anima on!



Expanding upon your rough walkcycle



You can quickly make some space by Alt+dragging any frame. This’ll move that frame and all others a er it in one go. Then draw inbetweens on each frame that you add



You’ll find that the more frames you add, the more difficult it becomes to keep track of the onion skins. You can modify the onion skin by using the onion skin docker, where you can change how many frames are visible at once, by toggling them on the top row. The bo om row is for controlling transparency, while below there you can modify the colors and extremity of the coloring.



Animating with multiple layers Okay, our walkcycle is missing some hands, let’s add them on a separate layer. So we make a new layer, and name it hands and…



Our walkcycle is gone from the meline docker! This is a feature actually. A full anima on can have so many li le parts that an animator might want to remove the layers they’re not working on from the meline docker. So you manually have to add them.



You can show any given layer in the meline by doing toggling



Show in Timeline .



on the layer in the layer docker, and



Exporting When you are done, select File ‣ Render Anima on



It’s recommended to save out your file as a png, and preferably in its own folder. Krita can currently only export png sequences.



When pressing done, you can see the status of the export in the status bar below.



The images should be saved out as filenameXXX.png, giving their frame number. Then use something like Gimp (Linux, OSX, Windows), ImageMagick (Linux, OSX, Windows), or any other gif creator to make a gif out of your image sequence:



For example, you can use VirtualDub(Windows) and open all the frames and then go to File ‣ Export ‣ GIF.



Enjoy your walkcycle!  Note Krita 3.1 has a render anima on feature. If you’re using the 3.1 beta, check out the Render Anima on page for more informa on!



Importing animation frames You can import anima on frames in Krita 3.0. First let us take a sprite sheet from Open Game Art. (This is the Libre Pixel Cup male walkcycle) And we’ll use Image ‣ Split Image to split up the sprite sheet.



The slices are even, so for a sprite sheet of 9 sprites, use 8 ver cal slices and 0 horizontal slices. Give it a proper name and save it as png. Then, make a new canvas, and select File ‣ Import Anima on Frames. This will give you a li le window. Select Add images . This should get you a file browser where you can select your images.



You can select mul ple images at once.



The frames are currently automa cally ordered. You can set the ordering with the top-le two drop-down boxes. Start



Indicates at which point the anima on should be imported. Step



Indicates the difference between the imported anima on and the document frame rate. This anima on is 8 frames big, and the fps of the document is 24 frames, so there should be a step of 3 to keep it even. As you can see, the window gives feedback on how much fps the imported anima on would be with the currently given step. Press



OK , and your anima on should be imported as a new layer.



Reference h ps://community.kde.org/Krita/Docs/Anima onGuiFeaturesList The source for the libre pixel cup male walkmediawiki cycle