How To Draw Hair Blowing In The Wind

In this tutorial, you'll acquire how to animate your grapheme'due south hair frame past frame. Using Toon Nail, y'all'll meet how you can requite a wind-blown effect to your artwork!

1.How Pilus Moves

Imagine hair beingness diddled in the air current. You lot can't see the wind, only you lot are able to tell how strong information technology is and which management it is blowing past the movement of the hair.

In animative hair, imagine that the wind forces are circles moving forth either side of the hair. Imagine that the circles on opposite sides are taking turns to push down at the hair.

You can attempt this simple do. Breathing ii lines of circles moving from 1 position to another, and so draw a streak of hair wedged in between the moving circles, as shown beneath.

Animative hair with circle guides is very useful practice, simply they're but preparation wheels to help you get acquainted with the skill.

Earlier proceeding to experiment, it's very helpful to master animating hair in a unmarried, consistent direction without guides. So be sure to familiarize yourself well with the dynamics of the effigy higher up!

When you've gotten a better grasp of imagining the current of air forces every bit you breathing pilus, yous tin offset exploring with air current going in different directions at different speeds.

Information technology might be overwhelming to imagine several dissimilar wind forces coming one correct after the other. So be sure to comprehend the most basic movements start!

The figure below is just a breakdown of the different forces that push at the hair in the example we'll be studying.

Notation: I, personally, don't strictly program out the specific paths and speeds of each unique air current strength. My procedure is difficult to put in words, merely at the start, I just give free rein to the wind that I'm imagining. And then towards the finish, I calculate the direction, and then that the hair resumes its original shape, resulting in a loop.

2.How to Create the Scene and Guides

Step one

Open your Toon Boom programme and create a new scene by clicking Control-Due north or going to File > New. Make full in the necessary data.Project Directory is where yous would like to salvage your project in your personal files.Project Name is, as it indicates, the proper noun of your projection.

For the scene details, I normally use a custom setting, which you can create past clicking the (+) button on the lesser left.

You may decide for yourself on the Width and Height on your scene, only for this tutorial, the Frame Rate should be 12.

When everything is filled out, click the Create button, and so we may begin.

Pace 2

On the timeline, rename your cartoon layer to hair.

Using the Castor Tool, draw the beginning frame of the hair blitheness. In this case, I went for a ponytail, which will exist attached to a portrait of a girl later on.

When drawing the first frame, you imagine that the hair is already in motility, and you're only capturing a single moment of information technology.

Stride three

Duplicate the pilus layer by Right-Clicking it and selecting Duplicate Selected Layers.

Rename the new layer to first_frame.Make sure the new layer is underneath the hair layer. Extend the frame exposure by clicking frame 21 on your timeline and pressing F5.

Change the colour of the cartoon in the first_frame layer by clicking the select tool, selecting the drawing but in that layer, and clicking the color blue from your default palette.

Step iv

Enable the onion skin feature by clicking the bottom-nearly icon on the left toolbar. This enables yous to meet your previous and next drawings on the timeline.

Go to frame 3 on the hair layer, which is where nosotros will be animating.

Now we're pretty much gear up to get-go! But first, understand what y'all're looking at.

When you await at your cartoon infinite, you only see 1 drawing. In actuality, you're looking at two split drawings, which are just duplicates of each other. These drawings consist of:

• The previous cartoon on the same layer (which, have note, will always appear red).
  
• The cartoon on the first_frame layer directly below (which nosotros turned blue in the previous stride).

The previous drawing is simply your guide for the pilus movement equally y'all animate.

On the other hand, the first_frame layer serves as a guide with two purposes:

• To serve as a reference for maintaining consistency in shape book and length.
  
• To serve as your "last frame" or your end goal as y'all button your animation along. That means that as your drawings change shape later each frame, you want the hair to resume this original position when the end of the animation is near. That way, information technology can transition into a seamless loop, where this set of drawings tin can exist played over over again without a glitch.

3.How to Brainstorm Animating

Step 1

The first frame has already been drawn on frame ane. At present, we imagine wind forces pushing at the pilus as we draw the frames.

The 2d frame starts on frame 3; the third on frame 5. Keep animative on the odd-numbered frames.

The reason for skipping frames is to create infinite for the in-betweens.

You lot have the freedom to breathing every bit many frames as you like. For this particular animation, I chose to end subsequently 10 drawings.

Basically, what I practice is breathing freely later on the get-go frame. I just go with the direction I feel in my gut. When I think information technology's fourth dimension to tie things up, I push the pilus back into its original position, which is the get-go frame.

Step ii

Next, make sure to copy and paste the first frame onto frame 21.

Pace iii

Nosotros won't be needing the first_frame layer anymore, so delete it by selecting the layer and clicking the minus (-) button, located on the ready of buttons on superlative of the layers.

Pace iv

Play your animation. To do and so:

1. Click the small black triangle in line with the red bar on your timeline, and and so drag it to frame 21.
2. Enable the Loop Button.
3. Click Play.

And then this is the resulting animation!

iv.How to Create In-Betweens

Step one

Delete the even-numbered frames on the timeline (2, 4, 6, until twenty).

The empty spaces are where nosotros will insert the in-betweens.

Stride 2

And so that you lot'll just see one previous drawing and one side by side drawing, select:

• View > Onion Skin > Previous Cartoon
• View > Onion Skin > Next Drawing

Stride three

An in-between is basically a transition from one drawing to the adjacent.

Note that the reddish drawing is the previous frame, and the green i is the side by side frame. What you want to do is draw the hair in the position and shape between the previous and side by side frames.

Continue doing this until all in-betweens are filled on frames two, four, half-dozen, 8, ten, 12, 14, sixteen, 18, and xx.

v.How to Color Fill

Step 1

When you've finished all the in-betweens, y'all can take your Paint Tool and fill up all the drawings. Besides, make sure that all the gaps in your drawings are closed.

Step 2

Play your animation!

6.How to Get together the Artwork

Step 1

Prepare the artwork separated into different layers.

For this artwork, the layers are as follows:

• the character
• the table
• the solid background
  

Step 2

You may choose to create your character direct in Toon Nail, but if you created it outside of the program, just import your images past clickingFile > Import > Images.

In the popular-upward box, click Scan and select your files.

Bank check the Vectorize Imported Items if yous want your assets converted into vectors, and so select Color .

When everything's all set, click OK.

Step 3

Now, simply assemble your elements!

When arranging elements, the select tool (black pointer) is useful for moving effectually and editing individual drawings.

If y'all want to simultaneously edit all the drawings in an animation layer, you want to utilise the Reposition All Drawings tool

On the left toolbar, long press the black arrow to encounter the options, and and so selectReposition All Drawings .You can so elevate, rotate and resize all the drawings on the pilus layer.

Notation: I renamed the pilus layer to 'ponytail' since more pilus layers will be inserted.

seven.Add More Blithe Pieces

Not satisfied with the single ponytail, I decided to add together bangs and loose streaks of hair on either side of the character'south face.

The same idea procedure and drawing process goes into animative these boosted hair parts. The thing yous want to be meticulous about in making additional animations is making sure that the number of drawings is the same every bit, or divisible by, the number of drawings for the ponytail.

This is so that the whole animation will loop seamlessly without a glitch.

Again, apply the same thought process and technique in animative more hair.

Start by cartoon the first frame, and and then imagine current of air forces blowing down on either side of the hair streak. When it's fourth dimension to tie things upward, calculate the management of the pilus and then it resumes its original class.

Be particularly aware of the frame count. For this sample, the ideal number of frames would be 20 and then that it loops simultaneously with the other animated parts.

8.How to Export the Animation

When everything's positioned and assembled correctly, we're ready to consign!

Become to File > Export > Picture show

Click Browse to select your file destination and type your file name.

Make sure the export range covers only the number of frames included in your animation—in this sample'south instance, frames 1 to 20. Click OK .

Now, you've got a .mov file of your animation! You can use dissimilar programs to convert it into a GIF or other video formats, such equally Photoshop or Premiere Pro.

That's a Wrap! Wonderful Work!

Reading and studying how other animators create their animations tin can only help you go and so far. Applying the techniques you've learned and practicing with your ain bare hands is really the manner to advance!

I hope you picked something up from this tutorial. At present become forth and endeavour for yourself!

Source: https://design.tutsplus.com/tutorials/how-to-animate-hair-on-toon-boom--cms-31138

Posted by: lesherporwhou.blogspot.com

Share this post