Bringing Animation to Your Websites

introducing

ADOBE FLASH

On the road to a good website

Introducing Flash

1Dreamweaver 2Fireworks

3Flash

Web Design Principles (C.R.A.P.)

Flash adds a dynamic aspect to your website based on motion and interactivity.

Flash is a vector animation software, originally designed to create animations for display on web pages. Vector graphics are ideal for the web because they are so lightweight.

What is Flash?

FLAS

H M

OVI

ESWhere can you use Flash?

You can create:• Introduction to a website

• Example

• Animation within the website• Example 1• Example 2

• Whole website• Example

- Flash document: .fla- Shockwave file: .swf- Other possible file types: .html, .gif

File Types

Flash Environment

toolbox

timeline

panels

stage

TIMELINE: a closer look

Layers Frames and Keyframes

LAYERS

- Vehicles for the objects of your movie - Like transparent acetate sheets of content stacked on top of one another

LAYERS

• Layers are like transparencies?

FRAMES AND KEYFRAMES

- The timeline is made up of individual units called frames.- The keyframes are the most important frames that shape the motion.

FRAMES AND KEYFRAMES

• From the concept of flip book to modern computerized animations