If it says ‘Create Video Timeline’ instead, click on the drop-down arrow beside the button and select ‘Create Frame Animation’ instead. Simply check the top menu for ‘Window’ and make sure ‘Timeline’ is check-marked! A Timeline window should appear below! Timeline NavigationĬlick on ‘Create Frame Animation’ to do frame-based animation. Activate the Timeline!įirst of all, we want to be able to access our Timeline so that we can start animating. In this tutorial, we’re using Photoshop to create our sprite sheet, but you are free to use any software you’re comfortable with! We hope that our previous tutorial on animation principles can help with the actual content of your sprite sheet (the animation!), but today we are only going to go over the more ‘technical’ side of things.
When you play each image quickly, your animation comes to life! Great! How do we go about making one? All images are the same size and at the same relative position on the frame. Basically, the frames of your animation are spread out into a readable series of images. In short, a sprite sheet is an image that contains smaller images (or sprites) which convey an animation. Today, we will be giving a quick run-down on how to create quick frame animations in Photoshop and make them into a spritesheet readable by Unity! What’s a sprite sheet?
