Close

PS Animation Basics

You can create frame animation using Adobe Photoshop.

You can review documentation here. You'll use your Layers panel and the Timeline panel in addition to some other basic tools.

You'll need to open Photoshop and create a new document, size 7 x 7 inches, 300 ppi. Name it #_lastname_rotating sun animation.

Follow along with this video to complete this assignment

Make sure you've saved it as a PSD file so that you can edit it later.
Export > Save for Web and choose GIF - this is the file you'll upload to your ePortfolio.

Next, you'll animate an image using Puppet Warp.
I searched for clipart to do this, but you can choose a photo. But your photo should have a transparent, or solid background otherwise it might distort it.

Here's some information to review regarding the Puppet Warp tool to help you with the options.

You'll need to open Photoshop and create a new document, size 7 x 7 inches, 300 ppi. Name it #_lastname_animated_animal.

When you place your clipart in the document, you may need to resize the canvas or your image so that there is a little room around the edges to animate it.

Follow along with this video to complete this assignment

Make sure you've saved it as a PSD file so that you can edit it later.
Export > Save for Web and choose GIF - this is the file you'll upload to your ePortfolio.

Turning it in...

You'll add this post at the top of your ePortfolio.

  1. Type the name of the challenge (Photoshop Animation Basics)
  2. Answer the reflection questions
    1. What are the 2 types of animations you can create within the Timeline Panel?
    2. Explain how you would use the Puppet Warp tool to someone who has never used it.
    3. How do layers affect your frame animation?
  3. Embed your image(s) below your Q&A.
    Rotating_sun.gif and Animated_animal.gif