Skip to content
Related Articles
Open in App
Not now

Related Articles

Basic Character Creation in Flash

Improve Article
Save Article
Like Article
  • Last Updated : 14 Feb, 2022
Improve Article
Save Article
Like Article

Flash is a 2D animation software that can be used on different operating systems like macOS, Windows, Linux, etc. It was first launched in 1996 and the latest version is released in 2021. It is capable of different functionalities like masking, character tracing, lip-sync, motion and shape tweening, frame by frame animations, etc. The animations created in Flash are vector-based rather than pixel animations which can only be zoomed to a certain level but this is not the case with vector-based animations so they provide high-quality animations.

Character Creation

Creating characters is an important part of any animation process. In this process characters are created, firstly may be on a piece of paper and then making the same in flash, there is a wide variety of characters from simple to advance. Characters can be made on a single layer, but it becomes difficult to animate such characters so most of the animators make different parts of any character on separate layers like head, body, hands, legs each one of these are placed on separate layers to ease the animation process. 

Steps to create a basic character:

Step 1: Open the new project in Flash.

Open-Flash

Step 2: Select the Oval tool and draw a circle on the stage.

Select-the-Oval-tool-and-draw-a-circle

Step 3: Using the selection tool, select the circle and right-click on it, a drop-down menu will appear, choose to convert to symbol.

Choose-convert-to-symbol

Step 4: Next pop-up window will appear, choose Graphic type for symbol and click OK.

Choose-Graphic-type-for-symbol

Step 5: Now rename this layer as Head.

Rename-the-layer

Step 6: Create a new layer using the New layer button and name it Body.

Creating-a-new-layer

Step 7: Now take the Line tool from the toolbar and draw a straight line on the stage by pressing the shift key. The width of the line can be adjusted using the Stroke option on the Properties bar available on the right-hand side. Convert the body to the graphic symbol as done with the head.

Draw-a-line

Step 8: Create a new layer as Hands. Select line tool and draw a straight line and adjust its width using stroke, also convert it to a graphic symbol.

Creating-a-new-layer-for-hand

Step 9: Now select the hand and press the Alt key which will make the duplicate of hand and then join the hand end to end.

Draw-duplicate-hand

Step 10: In the same way make the second hand and place them in their correct position, use the free transform tool to rotate them a little. 

Place-the-hands-to-their-right-position

Step 11: Create a new layer as Legs. Select the line tool and draw a straight line and adjust its width using stroke, also convert it to a graphic symbol. Now select the leg and press the Alt key which will make the duplicate of the leg and then join the hand end to end.

Creating-leg

Step 12: Now make a duplicate of the leg by pressing Alt key and place both the legs at correct positions.

Placing-legs-to-right-position

So this is how we create a basic stick man character.

Move a character

As we have made our characters on different layers so it is easy to apply animation to them. We will animate it to wave hand like saying “Hi”.

Step 1: Select the free transform tool and click on hand, you will see a pivot point in the middle.

Select-the-free-transform-tool

Step 2: Shift this pivot point to the elbow so that we can turn it from there.

Shift-pivot-point-to-the-elbow

Step 3: Similarly select the above part of the hand and move the pivot point to the shoulder.

Select-the-above-part-of-the-hand

Step 4: Now select frame 40 at each layer and right-click to insert a keyframe.

Insert-a-keyframe

Step 5: Now at frame 20 again select frames at each layer and insert a keyframe.

 At-frame-20-insert-keyframe

Step 6: Now change the position of the hand by using the free transform tool and rotating the hand.

Change-the-position-of-the-hand

Step 7: Now select the frames at each layer to apply classic tween.

Create-a-classic-tween

Step 8: Classic tween has been applied successfully.

Classic-tween-has-been-applied-successfully

Now run the animation, below is the output of the animation.

My Personal Notes arrow_drop_up
Like Article
Save Article
Related Articles

Start Your Coding Journey Now!