122 - Draw a Tree in Flash ~

Tree Example

Learn These Tools & Concepts:

checkBrush Tool

checkSelection and Direct Selection Tools

checkColor Palette

check Drop Shadow Filter

  •   For drawing, Flash is very easy to understand & serves as a good introduction to "vector" graphics applications like Adobe Illustrator.

  •   Ambitious Flash users can use the powerful animation features, but it's not required. You can make Flash as complicated or simple as you want.

  •   This tutorial is part of the Aesop's Fables Project and the In Your Face Project.


Other People's Work:

Here are some examples of work inspired by this tutorial.

Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player

examplecommon object example tree exampletree exampleexample

Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player

tree example

Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player

Step 1: Open your Project in Flash ~

x Add a New Layer and call it Tree

Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player

Step 2: Get the Brush ~

xSelect the Brush Tool or just hit the letter (B).

brush

x Lower the Brush size - Start small ~

Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player


Step #3: Smoothing ~

x Open Properties (If you don't see Properties, hit Ctrl+F3 or go to: Window > Properties.)

x Raise the Smoothing level.

Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player

Note: The higher the smoothing number, the smoother your lines will be, the lower, the rougher.

x TRY IT! With the Smoothing set both high, draw another line and compare:

bad => better


Step #4: Change the Color ~

x Change the color to Black.

Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player


Step #5: Object Drawing OFF ~

x Also, make sure Object Drawing mode is UNCLICKED object drawing

Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player

x Again, have Object Drawing un-clicked - object drawing icon


Step #6: Draw a Tree Trunk ~

x Draw a Tree Trunk

Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player


Step #7: Draw the Foliage ~

x Draw the leaves …

Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player


Step #8: The Details ~

x At this point you might want to adjust some of the lines.

x To reshape your lines: Use the Selection . Tool.

x Just click and drag the edges of the lines.

Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player

x Do a GOOD JOB! Be detailed. Make each line as precise as possible with as much detail as you can. Don't get lazy here.


Step #9: The Colors ~

x Click on the Paint Bucket Tool...

paint bucket

x ... pick a Fill Color from the color palette, ...

fill-color-fl-11.png

x ... select Close Large Gaps under Gap Size at the bottom of your Tools palette...

Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player


x ... and fill the leaves green and the trunk brown.

Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player


Step #12: Fruit ~

x Change the Fill to Red or whatever and draw some fruit on the tree with the Brush.

Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player


Step #13: Trunk Lines ~

x Add some details to the trunk:

Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player

 

Step #14: Deco Tool ~

x Try the Deco Tool also …

deco-tool

x Try the vine …

Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player


Step #15: Convert your Shape to a Movie Clip~

x Using the Selection Tool again …

selection tool

x Drag a box around your object to select the whole thing:

clicked box

x You know it's selected when it has the dots.

x Hit (F8) & make it a Movie Clip Symbol

.

Be sure to convert the image to a Movie Clip.

Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player


Step #16: Filters ~

x Go to Filters in the Properties menu

Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player

x Add Bevel

Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player

x … and Drop Shadow to the tree.

Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player

x Lock your Layers when done.


Last Step: Save and Attach ~

x Save your work and attach.