Transcript in-class presentation :: week1

Kapi’olani Community College
Adobe Flash 1
In-class Presentation
Week 1
Adobe Flash 1 :: Week 1
:: 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?
In-class Presentation
Adobe Flash 1 :: Week 1
:: 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)
In-class Presentation
Adobe Flash 1 :: Week 1
:: 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.html
 http://homepage.mac.com/stefannadelman/latinalive/latin_alive320x240.mov
In-class Presentation
Adobe Flash 1 :: Week 1
:: 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
In-class Presentation
Adobe Flash 1 :: Week 1
:: Computer Graphics Fundamentals
 Raster vs. Vector graphics
 Does everyone know and understand the difference?
 Flash is a 2D vector graphics animation program.
In-class Presentation
Adobe Flash 1 :: Week 1
:: 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
In-class Presentation
Adobe Flash 1 :: Week 1
:: Intro to Macromedia Flash
 Notable new features in Flash 8 & CS3:






Tabbed Panels
Gradient Control
Filters
Effects
More Controlled Tweening
Many New Video features
In-class Presentation
Adobe Flash 1 :: Week 1
:: 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
In-class Presentation
Adobe Flash 1 :: Week 1
:: 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:



In-class Presentation
Rotate
Scale
Position
Adobe Flash 1 :: Week 1
:: 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/
In-class Presentation
Adobe Flash 1 :: Week 1
:: Next Week





Masking & Animated Masks
Motion Guides
Nesting Graphics
Controlling your tweens
Intro to Actionscripting
In-class Presentation