Outline Drawing in Flash
● Flash can be intimidating - but don't Panic! Flash is actually a very fun and forgiving drawing program.Flash can be as simple or as advanced as you want.
● 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.
✓ Brush Tool ✓ Selection and ✓ Direct Selection Tools
Other People's Work:
Here are examples of work inspired by this tutorial.
Step #1: Find an image you can use in your project ~
✗ Find an image you can use in your project and open it in Flash:
● If you are working on the "Drag and Drop Project" you can scan your sketch (if it's good enough) ...
● Or just trace an image from the internet ...
● If you are working on the "Aesop's Fables" Project you could scan your sketch or find an image of an animal you can use ...
… (Remember: all these tutorials are intended to be applied to YOUR PROJECT)
Step #2: Open your Project in Flash ~
✗ If you're working on a Flash project already, open it and make a New Layer …
✗ OR if you haven't started a project yet, open a New Flash File by selecting Actionscript 3.0 …
✗ … select the document size in the Properties Menu (if you don't see Properties -
- go to: Window » Properties or hit Cmd (⌘) + F3) …
✗ … make the size 800 x 600 pixels.
Step #3: Import the Picture ~
✗ Go to: File » Import » Import to Stage … and place the picture on the stage.
✗ Maybe the picture too big?
✗ Zoom out (if necessary) by getting theZoom Tool or hit the keyboard shortcut letter (z) …
✗ … then get the Free Transform Tool or hit the keyboard shortcut letter (q) …
✗ … hold the Shift key and squeeze the picture to fit inside the white stage area:
✗ Your Flash picture MUST be within the white "Stage" area or it can not be seen when you play your video.
✗ Remember: Anything outside the white box area cannot be seen!
Step #4: Convert to Symbol ~
✗ Make sure the image on the stage is selected.
✗ Hit (or Right-Click and select: ) and select Movie Clip - not Button.
✗ 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 #5: Add a New 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 when you're not using them!
Step #6: Format the Brush ~
✗ Select the Brush Tool or hit the keyboard shortcut letter (B) …
✗ Lower the Brush size - Start small ~
Step #7: Object Drawing UN-CLICKED! ~
✗ Also, make sure Object Drawing mode is UN-CLICKED
✗ Again, have Object Drawing un-clicked -
Step #8: Color & Smoothing ~
✗ Change the Fill Color to Black …
✗ … and raise the smoothing level to around 85.
Note: The higher the smoothing number, the smoother your lines will be, the lower, the rougher.
✗ TRY IT! With the Smoothing set both high, draw another line and compare:
Step #9: Zoom In ~
✗ Zoom in VERY CLOSE on your face by hitting Cmd (⌘) +
Step #10: Begin Tracing ~
✗ Begin tracing the image.
✗ Keep Going! Be Extremely Detailed!
✗ Every line …
✗ Every blemish …
✗ Every hair …
✗ Every eyelash …
✗ The more detailed you are the better the result.
Step #11: Don't Forget ~
✗ Make sure you are drawing on the Outline Layer!
Unused layers SHOULD always BE LOCKED!
Step #12: Also ~
✗ To reshape your lines: Use the Selection Tool.
✗ Just click and drag the edges of the lines.
Last Step: Save your work ~
✗ Save your work as - FIRST_NAME_LAST_NAME_PROJECT_NAME.fla]
• 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.
Other Resources: http://www.freeflash.co.in/flashtext/secondpage.html