Lesson 1 second quarter Office 2007 format

MACROMEDIA FLASH 8 ENVIRONMENT AND DIFFERENT FLASH 8 TERMS(PART 1)

PREPARED BY MS. MARICEL C. MALLARIDPS-HS COMPUTER EDUCATIONACADEMIC YEAR 2011-2012 SECOND QUARTER

Source: http://teacherclick.com/flash8/t_3_1.htm

MACROMEDIA FLASH 8 ENVIRONMENT

MACROMEDIA FLASH 8 ENVIRONMENTThe Timeline is where you control the elements of your movie over time.

The Stage is where text, images, and animations appear. The white area of the Stage is the visible area of your project. You can modify properties of the Stage, such as size, color, and frame rate.

The Workspace is the gray space surrounding the Stage. Nothing in the workspace is visible when you publish your finished movie. However, you can place objects here until you want them to appear on the Stage.

The Tools panel contains tools for creating and editing artwork.

The Property inspector panel / properties panel enables you to see and change properties of objects on the Stage.

On the right side of the Flash workspace are panels you can collapse or expand as you need them.

Source: http://www.visualnectar.com/pdf/activity2_3.pdf

TIMELINEThe Timeline is a key tool for organizing and controlling your animations. Here, graphics are animated over time. You coordinate the timing of an animation and assemble the artwork on separate layers on the Timeline. The Timeline displays each frame in the movie. Your movies can contain frames, keyframes,and empty (blank) keyframes.

Source: http://www.visualnectar.com/pdf/activity2_3.pdf

Source: http://www.visualnectar.com/pdf/activity2_3.pdf

PARTS OF THE TIMELINELayers are a way of organizing the objects on the Stage, much like a stack of transparent sheets for an overhead projector. You must use separate layers to draw overlapping shapes. Each layer has controls for hiding or Showing the layer, locking it (so you won’t accidentally move its contents), and displaying its contents as outlines.

Frames are like the individual frames of a filmstrip. The Timeline in a new Flash project appears to have many frames, but these are actually empty slots you can define as frames or keyframes.

A keyframe contains content and is shown by a solid circle. A keyframe usually indicates that a change is going to occur on the Stage.

An empty keyframe, or blank keyframe, has no visual content on the Stage. The Timeline opens with one empty keyframe when you start a new project.

The playhead indicates which frame of the Timeline is currently shown on the Stage. You can click and drag the playhead to move it to view a specific frame, or scan through the Timeline (scrubbing).

The current frame is the frame on which the playhead is positioned.

Frame rate is the number of frames that will play each second when your movie is viewed.

Elapsed time is the amount of time it will take your movie to play from the first frame to the

currently selected frame. You select a frame by clicking it.

Source: http://www.visualnectar.com/pdf/activity2_3.pdf

SHOW/HIDE LAYER

LOCK/UNLOCK LAYER

SHOW LAYER AS OUTLINE

LAYER NAME(DOUBLE CLICK TO RENAME THE LAYER)

INSERT A NEWLAYER(LONG-CUT TO INSERT A LAYER:CLICK INSERT MENU, TIMELINE, LAYER)

ADD MOTIONGUIDE

INSERT LAYERFOLDER

DELETE LAYER

HANDS-ON GUIDED PRACTICE (HAND-OUT)

(PART 2)

TO MODIFY THE COLOR OF THE STAGE (OR TO SHOW THE DOCUMENT PROPERTY DIALOG BOX)

1. PRESS CTRL+ J on the Keyboard

2. or CLICK MODIFY MENU >>> DOCUMENT

12

3

4

TO INSERT FRAMES, INSERT BLANK KEYFRAME, INSERT KEYFRAME, AND REMOVE FRAMES:

1. RIGHT CLICK ON THE FRAME, CHOOSE AN OPTION ON THE POP-UP MENU

2. OR USE THE KEYBOARD SHORTCUT KEY

1. F5 – INSERT FRAME

2. F6 – INSERT KEYFRAME

3. F7 – INSERT BLANK KEYFRAME

1. Right Click

2. CHOOSE AN OPTION

TO TEST THE MOVIE ON A SEPARATE WINDOW (CREATING AN SWF FILE)

1. CLICK CONTROL >>> TEST MOVIE

2. OR USE THE KEYBOARD SHORTCUT KEY

CTRL + ENTER

TO CLOSE THE SEPARATE WINDOW ( OR THE SWF WINDOW)

1. CLICK THE CLOSE BUTTON

2. OR USE THE KEYBOARD SHORTCUT KEY

CTRL + W

SWF PRONOUNCE AS “SWIF”. The term SWF was used as an abbreviation for ShockWave Flash. This usage was changed to Small Web Format to eliminate confusion with a different technology, Shockwave, from which SWF was derived.

Source: http://en.wikipedia.org/wiki/SWF

1

2

• TO CONTROL THE SIZE OF THE STAGE:

CLICK ON THE ZOOM VIEW THEN CHOOSE THE PERCENTAGE AS SHOWN ON THE PICTURE

• TO MAKE YOUR DRAWINGS / LINES SMOOTHER:

CLICK THE SELECTION TOOL (OR THE ARROW TOOL),

SELECT YOUR DRAWING ON THE STAGE

CHOOSE THE OPTION SMOOTH UNTIL YOU REACH THE DESIRED APPEARANCE

1 2

3

1

2

3

1

2 3

• TO RESTORE THE MACROMEDIA FLASH 8 ENVIRONMENT TO ITS DEFAULT WORKSPACE LAYOUT

UNARRANGED

DEFAULT WORSPACE LAYOUT

1

2

3 4

5

6 7

• TO PUBLISH YOUR WORK ON A MOBILE PHONE

8

9

10

11

12

13

14

15

16 PRESS CTRL+ENTER

• TO PUBLISH YOUR WORK ON A MOBILE PHONE

• TO PUBLISH YOUR WORK ON A MOBILE PHONE

Source: http://www.webwasp.co.uk/tutorials/038/index.php http://www.visualnectar.com/pdf/activity2_3.pdf

THE TOOLS PANELThe Flash Tools panel contains tools for drawing shapes, adding text, modifying objects, and controlling color. The Options section displays any additional options for modifying a selected tool. When you select a tool, the Property inspector changes to present the settings associated with that tool. For example, if you select the Text tool, the Property inspector displays text properties, making it easy to select the text attributes you want.

The letter that appears as you point your mouse represents its keyboard shortcut

Source: http://teacherclick.com/flash8/t_4_1.htm

THE TOOLS PANELThe Tools Panels contains all necessary Tools for the drawing.

Selection (arrow) Tool : It is the most used tool among all. Its main use is to select objects, it allows selecting the borders of the objects, the fillings (with only one click), the borders (with double click), zones on our choice... Moreover, its adequate use can save time of our work.

Line Tool: It allows creating straight lines in a quick way. The lines are created as in any program of drawing. Click and drag to show up a straight line until the desired end point. Once created, the line can be modified just by placing the cursor near the line: above of the extremes for dragging them, and in any other part near the straight line to curve it.

Text Tool: It creates a text in the place where we click. Oval Tool: The Oval Tool enables drawing circles or ellipses in a fast and simple way.

Rectangle Tool: Its handling is identical to the Oval Tool, they only differ in the objects they create.

Pencil Tool: It allows drawing lines, and after being drawn you will be able to edit its shape as you like. The color applied by this Tool can be modified from the Color Mixer Panel or from the subpanel Colors that is in the Tool Bar.

Brush Tool: Its functionality is equivalent to the pencil, but its stroke is much more thicker. It is usually used for fills.

THE TOOLS PANELPaint Bucket Tool: It lets you apply fillings to the created objects. Many other programs of drawing don't allow to apply fillings if a border doesn’t limit the zone, it does. The color applied by this Tool can be modified from the Colors Mixer Panel or from the subpanel Colors that are in the Tool Bar.

Eraser Tool: It works like the Brush Tool. Nevertheless its function is to erase everything what "it draws".

Lasso Tool: Its function is complementary to the Arrow Tool, since it can select any object in a free way (the Arrow Tool can only select objects or rectangular or square zones).

Pen Tool: creates polygons (and moreover straight lines, rectangles...) in a simple way. Many people find this tool to be complicated, although it's one of the most powerful tools that Flash provides.

Subselection Tool: This Tool complements the Pen Tool, as far as it lets us move or adjust the vertices that make up the objects created by the above mentioned tool.

Ink Bottle Tool: It is used to change quickly the color of a stroke. It is applied to objects with borders, changes the color of the boundary with one click in the Colors Mixer Panel.

Eyedroppers Tool: Its mission is to "Capture" colors to use them afterwards.

Source: http://teacherclick.com/flash8/t_4_1.htm

END OF SLIDES

PREPARE FOR A QUIZ

PREPARED BY MS. MARICEL C. MALLARIDPS-HS COMPUTER EDUCATIONACADEMIC YEAR 2011-2012 SECOND QUARTER