Trace a Butterfly in Flash
● This is one of 3 tutorials which end with the butterfly flapping it's wings, flying around in a circle or any path you choose.
✓ Brush Tool✓ Smoothing✓ Color Gradients ✓ Free Transform Tool
Other People's Work:
Here are some examples of work inspired by this tutorial.
Step #1: Open your Project in Flash ~
● If you are working on the Aesops Fables Project open that ...
● OR, the Drag and Drop Project ...
… if you ABSOLUTELY have not project right now, open a new document in Flash …
… (Remember: all these tutorials are intended to be applied to YOUR PROJECT) …
Step #2: Find a Butterfly ~
✗ Go on-line and find an image of a colorful Butterfly and copy it.
✗ Create a New Layer, paste your butterfly and lock your other layers.
Step #3: Free Transform Tool ~
✗ Maybe it's too big? Get the Free Transform Tool or hit the keyboard shortcut letter (Q) …
✗ … hold the shfit key Shift (⇧)and shrink to fit the stage area:
✗ Your image MUST be within the white "Stage" area or it can not be seen when you play your video.
✗ Remember: Everything outside the "Stage" area cannot be seen.
Step #4: Convert to Symbol ~
✗ Whth the image on the stage selected, hit (or Right-Click and select: ) and make a Movie Clip.
Step #5: Lower The Alpha ~
✗ Then, open the Properties panel (if necessary) by hitting Cmd (⌘) +F3, or go to: Window > Properties and click on Color Effect.
✗ Where it says "Color: None" go to: Alpha.
✗ Lower the Alpha using the slider so you can see through the image slightly.
Step #6: Add a Layer & Lock the Background ~
✗ Create a new layer above the picture and call it "Outline:"
✗ Lock the background layer by hitting the icon to keep from accidentally drawing on the wrong layer.
✗ Lock all your layers while you're not using them!
Step #7: Format the Brush ~
✗ Select the Brush Tool or hit the keyboard shortcut letter (B) …
✗ Lower the Brush size - Start small ~
✗ Also, make sure Object Drawing mode is UNCLICKED
✗ Again, have Object Drawing un-clicked -
Step #8: Smoothing ~
✗ Open Properties again, and raise the smoothing level.
Note: The higher the smoothing number, the smoother your lines will be …
✗ Now begin to trace around the outline of your figure.
✗ TRY IT! With the Smoothing set both high, draw another line and compare:
✗ SAVE YOUR WORK FREQUENTLY by hitting the keyboard shortcut Cmd(⌘)+S - Drawing in flash is FUN!
Step #9: Colors & Fill ~
✗ Go to: Window > Color or hit: Shift (⇧) + Cmd (⌘) + F9 and click on Fill Color …
✗ … and select Radial in the Fill Style.
Step #10: Color Selector ~
✗ Double-Click the color selector …
✗ … and select a color for that gradient.
✗ Set the other side too …
✗ If you add too many selectors, just drag them into space to remove …
Step #11: Paint Bucket Tool ~
✗ Get the Paint Bucket Tool or hit the keyboard shortcut letter: (k) …
✗ … pick a Fill Color from the color palette, …
✗ … select Close Large Gaps …
✗ … and then click to fill the area.
✗ Be as creative as possible with colors & lines.
Step #12: Delete the Background ~
✗ Select the layer the background layer is on and delete it.
Step #13: Symbols and Registration points ~
✗ Hit the keyboard shortcut Cmd (⌘) +A to select everything and then hit (or Right-Click and select: ) and make a Movie Clip. , and set the Registration point of the Movie Clip in the direction your butterfly's head is pointing.
✗ For instance, if you butterfly's head is pointed up …
✗ … then set the Registration point: top-center
✗ Or, if your butterfly is facing to the right, set the Registration point accordingly.
Step #14: Filters ~
✗ Then, in Properties, click Filter …
✗ … and add Drop Shadow …
✗ … and maybe add Bevel too …
✗ Experiment with all the settings you see here. Try different things - take a risk!
Last Step: Save and Attach ~
✗ Save your work as - FIRST_NAME_LAST_NAME_PROJECT_NAME.fla]
✗ Attach it!
• ALWAYS save your projects using the following naming convention:
• DO NOT name your project any other way - Improperly named projects will not receive credit and you will be sad.
• NEVER leave your work on the desktop or depend on a flash drive - instead, save your work in a folder you can find later - preferably on a virtual drive where it can be backed up.
✗ When you're ready to make the wings flap, continue with the next tutorial …