Workshop 12-2
Web Design / Dreamweaver
Complete the in-class Workshop
Goals of this Workshop:
Gif Animation
1. How to prep images for animation in Photoshop
2. Using the Timeline Panel for Film Animation & Video Timeline
3. Using Tweens and Loops
4. Exporting as a gif animation
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
Tutorial materials will be provided in class
As you are working, keep a back-up on your USB
When you are completely finished, drop folder into the Turn-In folder on the Shared Server in the classroom.
Saving:
Changes to your layers or animated frames must be saved as psd
The animation - in order to play on the internet, must be saved as a gif format.
File > Export > Save for Web and Devices (legacy) - use the 2 or 4 “up” windows.
> Settings: format gif, adaptive, diffusion, 256 colors, no web snap, lossy 0%
*Make sure the files are saved directly into your workshop12-2 folder*
Viewing your animation:
The animation will be viewed on the screen in a browser window. (drag and drop gif onto browser icon).
Test your GIF before turning it in to the drop box on the server.
Create folder: lastname_workshop12-2
File Name: |
thaumatrope.gif |
position-tween.gif |
style-tween.gif |
bouncing-ball.gif |
film-stills.gif |
rotate-transform.gif |
snowflakes.gif |