Kapi’olani Community College

Macromedia Flash 1

In-class Presentation

Week 1

Macromedia Flash 1 :: Week 1

In-class Presentation

:: Introduction Class Description:

Learn how to animate and make a simple interactive flash web site using Macromedia Flash, the industry standard 2D web animation software package. Beginning with the basics we will discuss and use a variety of animation techniques and methods for adding interactivity using Flash. Applications: Macromedia Flash and Adobe Illustrator. Platform: Both PC and MAC.

What do you want to get out of this class?

Macromedia Flash 1 :: Week 1

In-class Presentation

:: Introduction My vision:

Quick intro to Flash basics & fundamentals Tips & Tricks

How to properly set up a flash document How to design for flash How to create visually smooth tweens How to create masks & animate them How to create motion guides How to create smart graphics, movie clips, & buttons How to publishplace your flash movie onto a web page Intro to actionscripting How to do create a simple flash web site

Flash 2 More actionscripting How to create a more advanced & complex flash web site (tutorial)

Macromedia Flash 1 :: Week 1

In-class Presentation

:: In-class examples Full Interface example:

http://www.2advanced.com

Partial Interface example: http://www.adobe.com/

Flash for film/tv example: http://www.nexuslondon.com

Macromedia Flash 1 :: Week 1

In-class Presentation

:: Intro to Flash Basics & Fundamentals What is Flash?

Application vs. the Flash Player Why do we use Flash? Why not use HTML instead? What are some advantages of using flash?

Visual creativity is unlimited Cross-platform and cross-browser compatible

What are some disadvantages of using flash? Maintenance Accessibility

Macromedia Flash 1 :: Week 1

In-class Presentation

:: Computer Graphics Fundamentals Raster vs. Vector graphics

Does everyone know and understand the difference? Flash is a 2D vector graphics animation program.

Macromedia Flash 1 :: Week 1

In-class Presentation

:: Intro to Macromedia Flash Intro to the Interface

Stage Timeline

Layers

Tools Panel Properties Panel (changes depending upon what is selected) Libraries Panel Actions Panel Info Panel Other Panels

Macromedia Flash 1 :: Week 1

In-class Presentation

:: Intro to Macromedia Flash Notable new features:

Tabbed Panels Gradient Control Filters Effects More Controlled Tweening Many New Video features

Macromedia Flash 1 :: Week 1

In-class Presentation

:: Flash Fundamentals Working with Flash

Clicking on the timeline vs. elements on the stage Keyboard shortcuts

How to set up your workspace layout & save it How to set up your document properties Shapes vs. Symbols Instance vs. Instance Behavior Graphics, Movie clips, and Buttons Keyframes Shape tweens vs. motion tweens (interpolation) The correct way to make an invisible button

Macromedia Flash 1 :: Week 1

In-class Presentation

:: In-class Exercise Tweening

1. Simple Shape Tween Circle to a square Character to a character

2. Simple Motion Tween Graphic symbol to a graphic symbol using:

Rotate Scale Position

Macromedia Flash 1 :: Week 1

In-class Presentation

:: Assignment PLAY AROUND IN FLASH!!

create a few animations for fun. Register at adobe.com to get a username and password Go to the flash dvnet site: http://

www.adobe.com/devnet/flash/ Watch the intro video entitled “Flash Workspace Tour On

Demand presentation”

Macromedia Flash 1 :: Week 1

In-class Presentation

:: Next Week Masking & Animated Masks Motion Guides Nesting Graphics Controlling your tweens Intro to Actionscripting