Animated Images Part 1 Video Tutorial

Free Video Tutorial and Guide

One of the most common techniques in the motion design industry, animating still images is a crucial skill for any aspiring designer. Learn the ins and outs of this technique with this tutorial from Noble Desktop!

Image sourced from Pixabay.com

Setting Up The File 

  1. Unlock Background layer by double-clicking on it.
  2. Duplicate Background layer.
  3. Use the Magic Wand tool to select the entire background except for the balloons.
  4.  Inverse the selection.
  5. Cut and paste the balloons onto a different layer.
  6. Use the Lasso Tool to select each balloon.
  7. Cut and paste each balloon onto their own layers.
  8. Rename each balloon layer to keep them organized

Filling In The Gaps

  1. 1Hide all the balloon layers
  2. Select the duplicate Background layer
  3. Select the biggest cut-out balloon shape
  4. Go to Edit > Content-Aware Fill.
  5. Hit OK.
  6. Do the same for the other balloons.
  7. On any odd blurry spots, select the Spot Healing Brush.
  8. Paint over the odd spots with the Spot Healing Brush.
  9. Activate the Patch tool, underneath the Spot Healing Brush.
  10. Select the remaining odd areas.
  11. Slide the Patch tool around until the select area looks good.

Importing Into After Effects

  1. Save the file.
  2. Open AE
  3. Import the PSD
  4. Double click the file to go inside of it

This project is continued in our Animated Images PT 2 tutorial.

How to Learn After Effects

Master After Effects with hands-on training. After Effects is the industry-standard application for motion graphics, animation, and visual effects.

Yelp Facebook LinkedIn YouTube Twitter Instagram