The Basics of Flash Pro with Mesumeri Shiro

25
HOW TO USE THE BASICS OF ADOBE FLASH PRO CS3 & CS6 A Guide by Valentina Reed, kyun !

Transcript of The Basics of Flash Pro with Mesumeri Shiro

Page 1: The Basics of Flash Pro with Mesumeri Shiro

HOW TO USE THE BASICS OF ADOBE FLASH PRO CS3 & CS6

A Guide by Valentina Reed, kyun!

Page 2: The Basics of Flash Pro with Mesumeri Shiro

Firstly, Open Adobe Flash Pro CS3/CS6.

•The icon should look like this on your

desktop:

CS6 Icon CS3 Icon

•However, other versions look slightly

different.

Page 3: The Basics of Flash Pro with Mesumeri Shiro

Select “Flash File (Actionscript3.0)”

Page 4: The Basics of Flash Pro with Mesumeri Shiro

Associate Yourself With The Tools Learn their shortcuts.

Selection Tool (Press V)Subselection Tool (Press A)Free Transform Tool (Press Q)Lasso Tool (Press L)

Page 5: The Basics of Flash Pro with Mesumeri Shiro

Pen Tool (Press P)Text Tool (Press T)Line Tool (Press N)Rectangle/Circle Tool (Press R/O)Pencil Tool (Y)Brush Tool (B)

Page 6: The Basics of Flash Pro with Mesumeri Shiro

Ink Bottle Tool (Press S)Paint Bucket Tool (Press K)Eyedropper Tool (Press I)Eraser Tool (Press E)

Page 7: The Basics of Flash Pro with Mesumeri Shiro

Associate Yourself With The Tools Learn their shortcuts.

Hand Tool (Press H)Zoom Tool (Press K)Current Pen/Stroke ColourCurrent Paint/Fill Colour

Page 8: The Basics of Flash Pro with Mesumeri Shiro

Now, To Make Something.

• For the sake of convenience, I will show you how to make a

glowing smiley face on Flash Pro.

Click on Stroke Colour, set it to black. Click on Fill Colour,

set it to yellow.

Press “O”

Page 9: The Basics of Flash Pro with Mesumeri Shiro

Smiley Face Step One• After pressing “O”

• Click on the white box (The stage) and drag your desired circle.

• Press “Shift” as you drag, it will keep a perfect circle.

Page 10: The Basics of Flash Pro with Mesumeri Shiro

Smiley Face Step Two• Do as done previously to make two smaller circles

• This time, make the Fill Colour white.

• Now, put two even smaller circles inside the white ones.

• Make the Fill Colour Black.

• It should look something like this:

Page 11: The Basics of Flash Pro with Mesumeri Shiro

Smiley Face Step Three• Now, press “N”

• Click and drag, while pressing “Shift”

• You will want to drag the line across the face.

Page 12: The Basics of Flash Pro with Mesumeri Shiro

Smiley Face Step Four• Using the Line Tool (N), click on one of the ends of your first

line, and drag on an angle.

• DO NOT PRESS SHIFT

Page 13: The Basics of Flash Pro with Mesumeri Shiro

Smiley Face Step Five• Using the Line Tool (N), click on one of the ends of your new line, and drag

on an angle to the start of the first line.

• This should look like a triangle.

• Don’t press shift, and make sure the magnet is clicked beforehand.

Page 14: The Basics of Flash Pro with Mesumeri Shiro

Smiley Face Step Six• Press “V”

• Now, using the Selection Tool (V) click and drag each line.

• The end result you are looking for is similar to this.

Page 15: The Basics of Flash Pro with Mesumeri Shiro

Smiley Face Step Seven• Press “K”

• Now, using the Fill Tool (K) Fill in the gaping smile.

• Make the fill colour pink or red, like previously done for the

circle.

• The end result you are looking for is similar to this.

Page 16: The Basics of Flash Pro with Mesumeri Shiro

Smiley Face Step Eight• This is optional.

• If you wish, add touch ups like shading on size changes etc.

• This can be done with tools used in earlier steps.

Page 17: The Basics of Flash Pro with Mesumeri Shiro

Now, To Add Glow

• To add “Glow” to an object, you are adding a filter.

• Filters are basically special effects, applied to symbols.

• The next steps explain how to add any filter you wish.

Page 18: The Basics of Flash Pro with Mesumeri Shiro

Glow, Step One• We’ll be using the smiley face out of convenience.

• Press “V”

• Left click and drag over the entire smiley face

• Right click on the smiley face, and press “Convert to Symbol” in

the pop up menu.

Page 19: The Basics of Flash Pro with Mesumeri Shiro

Glow, Step Two• Name the symbol “Smiley”

• Next, click Smiley and open the “Properties” tab.

• This can be done by either Ctrl + F3, or pressing the following

icon:

Page 20: The Basics of Flash Pro with Mesumeri Shiro

Glow, Step Three• In “Properties” click the “Filters” tab.

• Click the small, Blue “+” in CS3

• In CS6, Press the little square with the fold on the corner.

Page 21: The Basics of Flash Pro with Mesumeri Shiro

Glow, Step Four• After clicking the +/Square,

• Scroll to “Glow” and click.

Page 22: The Basics of Flash Pro with Mesumeri Shiro

Glow, Step Five• Adjust the Blur X and Blur Y to 15 (Double click, insert 15)

• Set Strength to 75.

• Click and change from Low Quality, to High Quality.

• Make the colour yellow, click the red square, and change to

yellow.

Page 23: The Basics of Flash Pro with Mesumeri Shiro

Congratulations! You Know The Basics Of Flash

Pro CS3/CS6!• You can now:

• Make lines

• Make shapes

• Warp shapes

• Shade

• Make symbols

• Add filters

The Next Step:Discover on your own!Play around with the tools we didn’t use!Experiment, and have fun!

Page 25: The Basics of Flash Pro with Mesumeri Shiro

Many Thanks To:

• The Flash Explained Website Site

• Polistar, Former Herosmash Dev Site

• My Alter-Ego Mesumeri Shiro Site

• Shaister (Original Glow Guru) Site

• Steven Griffin, AdventureQuest Dev Site

• PelleK (Music) Site