Exercise# 10: Animation
Turn into the CANVAS:
Create 2 animations that will be saved as GIFs.
The subject will be of your own choosing.
- Animate objects, text, layer styles (effects) in Photoshop
- With a camera and tripod: use a stop motion technique
- Use photographs and animate composited layers
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:
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
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)