# Photoshop Animated GIFs

Canonical URL: <https://www.nobledesktop.com/classes/photoshop-animated-gifs>

## Overview

With the rise of mobile devices, animated GIFs have regained popularity because they just work (unlike Flash animations, which do not work on mobile devices). GIFs are an easy solution for short animations.

Photoshop lets you create numerous types of animations. Learn how to hide and show elements, fade them in or out, move things from one place to another, use Photoshop’s video timeline, and more. You’ll even add short video clips and learn tips and tricks to create seamless loops!

This course is for people who have prior experience using Photoshop but want to learn how to create and optimize animated GIFs.

## What you'll learn

- Create animated GIFs for HTML emails, ads, and websites
- Learn to use Photoshop’s Timeline to create complex animations
- Use effects, filters, and video clips
- Create seamless looping animations
- Save your animations as animated GIFs
- Learn tips & tricks for reducing file sizes

## Prerequisites

Students should have equivalent knowledge of Photoshop to what we teach in our [Photoshop Bootcamp](/classes/photoshop-beginner).

## Curriculum

### 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

## Instructors

### Eugenio Solis de Ovando — Senior Instructor

Eugenio Solis de Ovando is a Senior Instructor at Noble Desktop in New York City, specializing in graphic design, web design, and visual communication. With over 20 years of experience in the creative industry, Eugenio is passionate about helping students develop strong technical skills and a solid design foundation across print, digital, and web platforms.

Eugenio teaches a wide range of courses, including Photoshop, Illustrator, InDesign, Figma, WordPress, UI Design, and Artificial Intelligence for Graphic Design. His classes are known for their clear, hands-on approach, blending technical mastery with creative exploration to help students bring their ideas to life with confidence and precision.

He holds a Ph. D. in Artificial Intelligence with a specialization in Human Performance Technology, where his research focused on integrating emerging AI technologies into adult education and training. 

As an Adobe Certified Design Master and Licensed Private Career School Teacher in New York State, Eugenio is dedicated to delivering high-quality instruction and sharing best practices in digital design workflows. He brings real-world insights into the classroom, guiding students through professional techniques in layout design, typography, color theory, image editing, and responsive web design.

Learn more about [Eugenio Solis de Ovando's](/eugenio-solis-de-ovando) background and expertise.

### Dan Rodney — School Director, Instructor, & Senior Course Developer

Dan Rodney has been a designer and web developer for over 20 years, creating coursework and leading innovative training initiatives at Noble Desktop. He teaches courses covering Figma, HTML & CSS, Adobe Photoshop, InDesign, Illustrator, and Power BI. Dan has also been at the forefront of integrating AI into design and business workflows, spearheading Noble Desktop’s latest AI course offerings. In addition to teaching and curriculum development, he writes custom scripts for InDesign (Make Book Jacket, Proper Fraction Pro, and more) and works with automation and AI-driven tools in his free time. You can find Dan on X (Twitter), LinkedIn, Facebook, and at danrodney.com.

Learn more about [Dan Rodney's](/dan-rodney) background and expertise.

## FAQ

### Do I need to bring anything to the class?

No. We provide computers (Mac or PC) with Photoshop installed. Choose your operating system at checkout.

## Pricing

**Tuition:** $395