Explore the interface

1

Lesson objectives:• To understand the different flash workspaces.• To understand the stage.• Understand the menu.• To learn the use of tools.• To understand the history.• To know the keyboard shortcuts in flash.• To know the library• Understand the timeline.• learn how to add, rename, hide, show, move and remove layers.• Understand the placing of layers.• learn how to organize the layers in folders.• learn what is frame• learn how to add, move and remove key frame.

2

Workspace

The space that we work on, and it contains the stage, tool bar, time line and panels.

3

• There are several examples of workspaces style that you can use, when you change your workspace, the element and its places will change.

• To setup a workspace Go to the top of the screen and choose Essentials. The default workspace is Essentials

4

5

You will see the different workspaces like:

• Classic: The toolbar at the left, the time line at the top, the panels at the right and the stage at the bottom, like the last version of Adobe Flash.

6

• Designer: which helps you design and work more quickly.

7

• Developer: which is made for creating programs and writing codes.

8

• Debug: helps you debug your applications.

9

To get familiar with flash, you should understand the interface and its elements.

Stage

All the work you will be done and displayed on the stage

Stage:

11

Tool bar

Adobe flash provides different tools that make it easy to use the program

Selection tool

Sub selection toolFree transform tool

3D rotation tool

Lasso tool

Pen tool

Drawing tools

Text tool

Line tool

12

Brush tools

Pencil tool

Deco tool

Bone tools

Paint tools

Eyedropper toolEraser tool

Hand toolZoom tool

Stroke color

Fill colorBlack & white

Swap colors

13

Library:

The store of all the materials you use, either its an image, sound or video.

In next lesson you will learn how to import images into the library.

14

Timeline:

We use the timeline to organize and control the flash contents (images, videos and sounds)

It contains two components:• Layers• frames

15

Layers:

The flash system depends on the layers and each layer could have one or more objects.

16

Working with layers:

Add layer Delete layer

Add folder

We use folders to organize and gather the layers in case we have many layers

Lock layer

Locking and hiding layers making it safe to work.

when you work on a layer lock or hide the rest of the layers to prevent it from being changed or edited.

Hide layer

17

The upper layer covers on the underneath layer, in image (1), the layer 1 which contains a circle is above layer 2 which contain a rectangle, so we see the circle cover the half of the rectangle, and the opposite in image (2).

21

18

To rename a layer double click on it and write the name

To move the layer just drag it.

19

Frames:

Frame is the actual time that we display the content on.

Frame number

The content of layer 1 will be displayed in the first frame, then layer 2 then layer 3.

20

A key frame is timing of the object and how long will the object be displayed

In other words, it determines when does it start and when does it end.

Key frame:

21

To insert a key frame, right click on the frame and choose insert key frame.

* To move the key frame drag it.* To delete the key frame just press delete from your keyboard.

22

Here, the circle will be displayed from frame 1 to frame 20

the rectangle will be displayed from frame 1 to frame 25

And the oval will be displayed from frame 1 to frame 30.

23

History

To see the history off all actions you’ve done, go to Window → other panels → history Or press ctrl + F10.

24

Keyboard shortcuts

To see all the keyboard shortcuts go to edit → keyboard shortcuts.