bringing animation to your websites introducing adobe flash
TRANSCRIPT
![Page 1: Bringing Animation to Your Websites introducing ADOBE FLASH](https://reader036.vdocuments.us/reader036/viewer/2022070411/56649f415503460f94c60942/html5/thumbnails/1.jpg)
Bringing Animation to Your Websites
introducing
ADOBE FLASH
![Page 2: Bringing Animation to Your Websites introducing ADOBE FLASH](https://reader036.vdocuments.us/reader036/viewer/2022070411/56649f415503460f94c60942/html5/thumbnails/2.jpg)
On the road to a good website
Introducing Flash
1Dreamweaver 2Fireworks
3Flash
Web Design Principles (C.R.A.P.)
![Page 3: Bringing Animation to Your Websites introducing ADOBE FLASH](https://reader036.vdocuments.us/reader036/viewer/2022070411/56649f415503460f94c60942/html5/thumbnails/3.jpg)
Flash adds a dynamic aspect to your website based on motion and interactivity.
Flash is a vector animation software, originally designed to create animations for display on web pages. Vector graphics are ideal for the web because they are so lightweight.
What is Flash?
![Page 4: Bringing Animation to Your Websites introducing ADOBE FLASH](https://reader036.vdocuments.us/reader036/viewer/2022070411/56649f415503460f94c60942/html5/thumbnails/4.jpg)
FLAS
H M
OVI
ESWhere can you use Flash?
You can create:• Introduction to a website
• Example
• Animation within the website• Example 1• Example 2
• Whole website• Example
![Page 5: Bringing Animation to Your Websites introducing ADOBE FLASH](https://reader036.vdocuments.us/reader036/viewer/2022070411/56649f415503460f94c60942/html5/thumbnails/5.jpg)
- Flash document: .fla- Shockwave file: .swf- Other possible file types: .html, .gif
File Types
![Page 6: Bringing Animation to Your Websites introducing ADOBE FLASH](https://reader036.vdocuments.us/reader036/viewer/2022070411/56649f415503460f94c60942/html5/thumbnails/6.jpg)
Flash Environment
toolbox
timeline
panels
stage
![Page 7: Bringing Animation to Your Websites introducing ADOBE FLASH](https://reader036.vdocuments.us/reader036/viewer/2022070411/56649f415503460f94c60942/html5/thumbnails/7.jpg)
TIMELINE: a closer look
Layers Frames and Keyframes
![Page 8: Bringing Animation to Your Websites introducing ADOBE FLASH](https://reader036.vdocuments.us/reader036/viewer/2022070411/56649f415503460f94c60942/html5/thumbnails/8.jpg)
LAYERS
- Vehicles for the objects of your movie - Like transparent acetate sheets of content stacked on top of one another
![Page 9: Bringing Animation to Your Websites introducing ADOBE FLASH](https://reader036.vdocuments.us/reader036/viewer/2022070411/56649f415503460f94c60942/html5/thumbnails/9.jpg)
LAYERS
• Layers are like transparencies?
![Page 10: Bringing Animation to Your Websites introducing ADOBE FLASH](https://reader036.vdocuments.us/reader036/viewer/2022070411/56649f415503460f94c60942/html5/thumbnails/10.jpg)
FRAMES AND KEYFRAMES
- The timeline is made up of individual units called frames.- The keyframes are the most important frames that shape the motion.
![Page 11: Bringing Animation to Your Websites introducing ADOBE FLASH](https://reader036.vdocuments.us/reader036/viewer/2022070411/56649f415503460f94c60942/html5/thumbnails/11.jpg)
FRAMES AND KEYFRAMES
• From the concept of flip book to modern computerized animations