Exercise# 10: Animation

Turn into the CANVAS:



Create 2 animations that will be saved as GIFs.
The subject will be of your own choosing.


Image Size:
Keep your image canvas size between 500px - 1200px
If you bring in images that were taken at a higher resolution, Resize either through Bridge or in Photoshop > Image size

You must have access to layers. 
If working with text, I recommend converting your text layers to either Shape or Raster.
If you have many layers, I recommend moving layers that you do not intend to animate into a Group (basically organize your layers so that they are easy to manage. 

You can use "stop motion" / "frame by frame" animation OR you can tween.
TWEENING: You can only tween the following:
1. Position
2. Opacity
3. Layer Styles
4. Transform - if you convert to a Smart Object first. You won't be able to Position Tween it though.

It is entirely up to you whether you use Frame or Time Line (I will demo both)
You can loop or have your animation play a specified number of times. 

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 (or selective), diffusion, 256 colors, no web snap, lossy 0%
*You have the option of saving with "transparency"

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 CANVAS

Past Student Work Examples


Nancy Liang (hand-drawn)
Benjamin Zimmerman (hand-drawn)
Mattias Brown 2013 | 2015 | 2018(hand-drawn rotoscope)
Anna Taberko (a modern take on the phenakistoscope)
Romain Laurent (surreal photo animation)
If We Don't, Remember Me (animating classic films)

Old Animation Devices
a riff on old animation techniques - stitched animation on a turntable 
other modern 3D Zoetropes: Leaping Frogs || Fish Eating Fish