Design the Web: Animated Loading GIFs
26mBeginner2013-08-08
Authors
Chris Converse
Applies design and UX principles to technology
Course details
Have you ever needed an animated GIF to spice up a webpage or signal data is being downloaded? Learn to create custom animated graphics for your websites, mobile applications, and other interactive projects in Adobe Photoshop, with these quick and practical techniques from Chris Converse. Chris shows how to transform artwork into Smart Objects, animate layer effects with the Photoshop tween capabilities, and move and resize existing animations. Plus, CS6 users can find out how to keyframe animations with the advanced video-based Timeline panel.
Skills covered
Web GraphicsImage EditingWeb DesignPhotoshopPhotographyLimited SeriesAdobe
Concepts
0. Introduction
- 01 - Welcome
- 02 - Using the exercise files
1. Creating Frame-Based Animations
- 03 - Setting up your artwork for nondestructive editing
- 04 - Animating a gradient overlay effect
- 05 - Modifying animations after they are created
- 06 - Creating a branded animation
2. Creating Keyframe-Based Animations
- 07 - Preparing artwork for keyframe animations
- 08 - Animating Smart Object transformations
- 09 - Final animations and publishing settings