Kapiolani Community College

1

• Kapiolani Community College
• Adobe Flash 1
• In-class Presentation
• Week 1

2
Introduction

• Class Description
• Learn how to animate and make a simple
  interactive flash web site using Adobe 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 Adobe Flash and Adobe Illustrator.
  Platform Both PC and MAC.
• What do you want to get out of this class?

3
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 publish/place 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)

4
In-class examples

• Full Interface example
• http//www.2advanced.com
• Partial Interface example
• http//www.adobe.com/
• Flash for film/tv example
• http//touristpictures.com/latinalive/latinalive.h
  tml
• http//homepage.mac.com/stefannadelman/latinalive/
  latin_alive-320x240.mov

5
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

6
Computer Graphics Fundamentals

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

7
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

8
Intro to Macromedia Flash

• Notable new features in Flash 8 CS3
• Tabbed Panels
• Gradient Control
• Filters
• Effects
• More Controlled Tweening
• Many New Video features

9
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

10
In-class Exercise

• Tweening
• Simple Shape Tween
• Circle to a square
• Character to a character
• Simple Motion Tween
• Graphic symbol to a graphic symbol using
• Rotate
• Scale
• Position

11
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 devnet site http//www.adobe.com/
  devnet/flash/

12
Next Week

• Masking Animated Masks
• Motion Guides
• Nesting Graphics
• Controlling your tweens
• Intro to Actionscripting

13
(No Transcript)