GETTING TO KNOW ADOBE

FLASH
• UNDERSTANDING VECTOR GRAPHICS
• WHAT IS FLASH
• STARTING FLASH IN WINDOWS
• FLASH WORKPLACE
• SELECTING AND SETTING PROPERTIES OF A DRAWING
TWO BASIC TYPES OF GRAPHICS
• Raster Graphics use a set of bits that represent a
graphic image. Each bitmap-based image is
mapped into a grid. The size of the grid is based
on the image’s resolution.
• Example:

TWO BASIC TYPES OF GRAPHICS

TWO BASIC TYPES OF GRAPHICS
• Vector Graphics are computer images that are
stored in memory lines rather than a series of bits,
allowing them to be rotated or proportionally
scaled
• Example:

TWO BASIC TYPES OF GRAPHICS

WHAT IS FLASH?
Flash documents are composed mostly of vector
images.
Is a vector animation software designed to create
animations that can be played on web pages.
It is a multimedia platform used to add animation,
video and interactivity to web pages
WHAT IS FLASH?
It gives the viewers more responsive rich-client-like
experience. It has the ability to manipulate vector
and raster to provide animation text, drawings and
still images.
ADOBE FLASH® FILE TYPE
• The main supported file type of flash used to create

•*.FLA artwork and animations. It is similar to the relation of

*.doc for Microsoft Word and *.xls for Microsoft
Excel.
• It is read as swift. The file associated with movies

•*.SWF created using flash technology, an output of the raw.

This could be a cartoon or an internet application
ADOBE FLASH® FILE TYPE
• The video files for Adobe Flash Player.
•*.FLV These are the actual movie files that are
Flash-based
• Also known as the Action Script file. The
•AS File file that contains Interactive codes used
to control flash application
STARTING FLASH IN
WINDOWS
TO START FLASH IN MICROSOFT WINDOWS, JUST
LOCATE FLASH CS6
IF YOU OPEN FLASH FOR THE FIRST TIME, IT WILL DISPLAY A
WELCOME SCREEN. THERE YOU WILL FIND LINKS TO
TEMPLATES AND EVEN TUTORIALS. OTHERWISE, IT WILL
JUST TAKE YOU TO THE APPLICATION ITSELF.
FLASH WORKPLACE
 Library Panel
Menu Bar Properties Panel

Stage Tool Bar

Motion
Editor

TimeLine
Panel

Layers Panel
 FLASH WORKSPACE
•Stage
The white rectangular area of the adobe
Flash. Objects are drawn and placed on
stage for animating.
•Timeline Panel
Where you control the images and sounds in
your flash document. Objects for animation
are contained into Layers on the timeline
Panel.
 FLASH WORKSPACE
•Panels
Provide easy access controls to help you
work with your content in flash. They are
displayed as tabs that you can easily click.
•Tools Panel
Displays all the tools that allow you to draw,
paint, select and modify artwork, as well as
change the view of the stage.
 FLASH WORKSPACE

•Properties Panels
Provide easy access to most common
settings or attributes of your current selected
object. It can display information about your
current documents, text, symbols, shape,
bitmap, video, group, frame or tool.
SWITCHING BETWEEN
WORKSPACE
1.Start Flash cs6 and choose file > New
(ActionScript 3.0).
2.After an empty flash document opens, click the
essential button near the sear textbook on the
upper right of the flash workspace

Switching between workspace

3.Select a preset workspace in the workspace
switcher. Try selecting each of the preset and see
how they differ.

Switching between workspace

CREATING A CUSTOM
WORKSPACE
1.Start Flash cs6 and choose file > New
(ActionScript 3.0).

Creating a Custom Workspace

2. Let us add a new panel. Click Windows>Other
Panels>History. This will be added to the history
panel but shown floating over the stage
2. Let us add a new panel. Click Windows>Other
Panels>History. This will be added to the history
panel but shown floating over the stage
2. Let us add a new panel. Click Windows>Other
Panels>History. This will be added to the history
panel but shown floating over the stage
3. Click and drag the top of the history panel
beside the Library panel

Click and drag

here
GETTING TO KNOW THE
DRAWING TOOLS
Selection tool – Selects and drags a
selected object to move it

Subselection tool – Selects and moves

point of the selected object
Free Transformation Tool – resizes or rotates
objects
Gradient Transform Tool – transform a
gradient or bitmap fill by adjusting the size,
direction, or center of the fill
3D Rotational tool – rotates movie clip
instances in 3D
3D Translation tool – moves a movie clip
instances in 3D space
Lasso Tool – allows you to drag to a
selected area
Pen tool – creates straight or curved lines. You
can also creates Bezier curves
Add Anchor Point tool – adds new anchor points
to an existing path
Add Anchor Point tool – deletes anchor points
from a path
Convert Anchor Point Tool– converts the point on
a path between corners to smooth point
Text Tool – creates or edits text and
text fields

Line Tool – draws straight lines

Rectangular tool – creates rectangles or
squares composed of fills and stroke, just fills,
or just stroke
Oval tool – creates circles and ovals.
Rectangle Primitive tool and Oval Primitive tool
– individual objects that can be edited in the
Properties panel
PolyStar tool– creates either polygon or star
shapes and you can set how many points both
will shapes have
Pencil Tool – creates lines in any of
three modes: straighten, smooth, or ink
Brush tool – creates shapes with fills only
Spray Brush tool – acts like a particle sprayer,
letting you “brush” a pattern of shoes onto the
stage at one time.
Deco Drawing tool – apply an
effect to a selected object. Choose
effects from the Properties panel
Bone tool – inverse kinematics (IK) is a method
of animating an object or set of objects in
relation to each other using an articulated
structure of bones
Bind Tool – an inverse kinematics tool that
allows you to click a control point or a bone
with this Bind tool and display the connections
between the bones and control points. You can
then change the connection in variety of ways.
Paint Bucket tool – adds fill inside a shape or
change the fill color
Ink Bottle tool – erases parts of an image