1. Kapi’olani Community College Adobe Flash 1 In-class Presentation Week 1

2. Adobe Flash 1 :: Week 1 In-class Presentation :: 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. Adobe 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 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. Adobe Flash 1 :: Week 1 In-class Presentation :: In-class examples  Full Interface example:  http://www.2advanced.com http://www.2advanced.com  Partial Interface example:  http://www.adobe.com/ http://www.adobe.com/  Flash for film/tv example:  http://touristpictures.com/latinalive/latinalive.html http://touristpictures.com/latinalive/latinalive.html  http://homepage.mac.com/stefannadelman/latinalive/latin_alive- 320x240.mov http://homepage.mac.com/stefannadelman/latinalive/latin_alive- 320x240.mov

5. Adobe 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

6. Adobe 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.

7. Adobe 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

8. Adobe Flash 1 :: Week 1 In-class Presentation :: 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. Adobe 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

10. Adobe 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

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

12. Adobe Flash 1 :: Week 1 In-class Presentation :: Next Week  Masking & Animated Masks  Motion Guides  Nesting Graphics  Controlling your tweens  Intro to Actionscripting