Creating a Cinemagraph using Photoshop

Tonya Skinner, Tonya's Tech Stuff

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
5 Lessons (15m)
    • 1. Cinemagraph Intro

      0:39
    • 2. Planning and Taking Photos

      1:05
    • 3. Putting Together a Basic GIF

      7:23
    • 4. Animation and Special Touches

      4:02
    • 5. Summary and Feedback

      2:16

Project Description

GIF Me! Making a Photo Come to Life!

Students will take a few pictures of themselves (best to use a tripod and burst mode) and turn them into a cinemagraph animated GIF using Photoshop's animation feature. This is an amazingly simple process with cool results you can share on Twitter or post online for your own enjoyment. 

Here's my example GIF. Are you ready to make one of your own?

642174a6

Some Tips:

  • Twitter natively supports sharing GIFS. The rules are one GIF at a time and 3 MB file size limit.
  • Facebook does not. If you plan to share on FB, you will need to upload the file elsewhere and link to it on Facebook (and it should be no bigger than 470 pixels). 
  • Google+  allows it for events and cover photos.
  • Animated gifs also work in PowerPoint and Keynote (must insert; don't copy/paste).

A Few Websites About Cinemagraphs:

Student Projects