Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

Noble Desktop

Photoshop Animated GIFs (Live Online)

via Noble Desktop

Overview

Learn how to create and optimize animated GIFs in Photoshop, including creating simple animations, using tweening, reducing file size, creating complex animations, using video in GIFs, and embedding animations in smart objects. This course is designed for individuals with prior experience using Photoshop.

Syllabus

Section 1

Creating a Simple Animated GIF

  • Creating a frame animation
  • Adding frames
  • Setting frame duration using the frame delay option
  • Testing the animation
  • Saving as an animated GIF

Intro to Tweening

  • Animating position to create movement
  • Animating opacity to fade elements in/out

Keeping GIF File Size Down

  • Tweening multiple parameters
  • Tips & tricks for reducing file size
  • Reworking the animation to reduce file size

Creating a Complex Animation

  • Using clipping masks to create custom animations
  • Manually animating an object
  • Using Unify Layer options
  • Making edits that apply to all frames

Section 2

Using Video in Animated GIFs

  • Specifying a range from a video to import
  • Converting video into a frame animation

Creating a Video Timeline

  • Using keyframes to animate the Position property
  • Animating the foods into & out of the box
  • Moving the outermost foods along a curve instead of a line
  • Moving, editing, & offsetting keyframes in the Timeline
  • Copy/pasting keyframe values

Seamless Video Looping & Animating a Layer’s Transform

  • Adding a video background as a Smart Object
  • Making the video background loop seamlessly
  • Animating a layer’s rotation using the Transform property

Embedding Animations in Smart Objects

  • Embedding an animation within a Smart Object
  • Adding a filter to an embedded animation
  • Copying Smart Objects
  • Final positioning & blending modes

Taught by

Eugenio Solis de Ovando and Dan Rodney

Reviews

Start your review of Photoshop Animated GIFs (Live Online)

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.