Create Quick & Easy Web Images in Photoshop: Photos, Transparencies, & Animated GIFS

Kristen Palana, Professor, Award-Winning Artist, Digital Do-Gooder

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
6 Lessons (47m)
    • 1. Introduction to Creating Web Graphics and Important Tips

      1:43
    • 2. How to Make an Image Web-Ready (Photoshop CC)

      10:54
    • 3. When to Save as a GIF Instead of a JPEG

      5:36
    • 4. Making a Transparent GIF

      8:34
    • 5. Creating a Simple Animated GIF

      11:24
    • 6. Make a Quick and Dirty (but Beautiful) Animated GIF Slideshow

      8:53

Project Description

Move it! Take Your Favorite Image and Turn It Into an Animated GIF

After taking this short mini course, you will know a variety of ways to make web images, transparent logos, and animated GIFS.

Take a moment to experiment and turn your favorite drawing or photo into a short animated GIF and then post it here for us to see! Bonus points if you let us know if we can share your animated GIF on social media. Who knows? It may go viral. (Make sure to put your name and/or website on it in case it does go viral...)

Here's simple looping animated GIF I made for my "Animate in Photoshop" class. Note that it loops, but only after a 15 second delay after the last frame loads.

e631eac6

Student Projects