in-class presentation :: week1
Download
Report
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