How To Make Sure Hand Drawn Animations Line Up

Create hand-fatigued animation

In this twenty-four hours and age with all the whiz-blindside 3D voodoo sloshing onto our televisions I sometimes miss the golden era of hand drawn animation. Everything just seemed and then much simpler, no ambient occlusion, crash-land maps or render farms. When I was asked to animate a monster illustration by Jon MacNair I thought it would be interesting to get back to pens, papers and the imagination.

Luckily, these days we have the benefit of modern software that nosotros can combine with the practices of yesteryear. Animative Jon'southward dragon brute, I'm going to make it do a signature roar motion using a technique that I used when creating a hand animated short for the Bare Bones Gallery. I really want to get across the personality of paw drawn animation, along with the textures which requite the work its await and feel. To achieve this, the Animation feature within Photoshop is a godsend. Within this tutorial I will testify yous the nuts so you can venture forth and create your own throwbacks to a bygone era.

01 Earlier launching into animating you need to setup your shortcuts. Printing Alt+Shift+Ctrl+K. I've used the following settings for this tutorial, just feel costless to apply what's comfy for yous: Duplicate Frame F1, Insert Bare Frame F2, Delete Frame F3, New Blank Video Layer F6, Next Frame Ctrl/Cmd+ fullstop, Previous Frame Ctrl+ comma , Onion Skin Options F5 and Enable Onion Skinning F4.

02 Now we have the keys set upwardly the next stride is to get to the animation way. To show the animation timeline get to Window>Animation, and brand sure there is a lilliputian tick next to information technology. Now a big timeline should appear at the bottom of your Photoshop window.

03 Now open up a new PSD. From the drib-downwards menu select Moving picture & Video and click one of the presets. Here I've used 1920x1080; TV is always 72DPI. If you lot want to change the length or FPS click the menu icon upper right of the timeline window and click Certificate Settings. I've set my timeline to 2 seconds length at 25 FPS.

04 Before yous start going to town it'southward good to make a simple guide blitheness, or a line-test. This involves elementary lines and shapes in a quick-to-depict rendition of what you lot desire to animate. Information technology helps you with timing and getting the movement right so you don't spend an age drawing an animation you aren't happy with. Simple and quick is the central – hither I've just drawn a stick figure to represent my character.

05 Let's animate the line-test. Make a new video layer (F6) and draw your stickman. When set press F1 to insert a new blank frame. To enable Onion Skinning printing F4 and to alter the options printing F5. Onion Skinning allows you to overlay your previous and/or adjacent frame. When happy with the settings redraw your character and press F1 to motion onto the next frame. We've started animative!

06 Keep animating your line-examination by drawing, pressing F1, redrawing, pressing F1. It will be time consuming, just information technology's worth information technology. In the case I breathing a two-second clip, but this may vary depending on what y'all are animating. If looking at the RoarAnim.psd y'all'll likewise notice that I've merely animated every other frame. It'southward quite normal for hand-drawn blitheness to be made at around 12FPS, otherwise it would take even longer.