Kapiolani Community College Adobe Flash 1 Inclass Presentation

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 2 D 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. 2 advanced. com § Partial Interface example: § http: //www. adobe. com/ § Flash for film/tv example: § http: //touristpictures. com/latinalive. html § http: //homepage. mac. com/stefannadelman/latinalive/latin_alive 320 x 240. 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 2 D 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 & CS 3: § § § 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: § Rotate § Scale § Position In-class Presentation

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