Animated GIFs

What is an Animated GIF?

• http://www.webopedia.com/TERM/A/animated_GIF.html

Introduction to making Animated GIFs

• http://www.wikihow.com/Create-an-Animated-GIF-in-Adobe-Photoshop-Elements

• http://www.photokaboom.com/photography/learn/Photoshop_Elements/animated_GIFs/1_animated_GIFs.htm

• http://smallbusiness.chron.com/make-animated-gif-photoshop-elements-45852.html

Terminology

• Frame

  • Layer

  • Properties

  • Pixles

  • Resolution

  • Frame Rate or FPS

  • "Save for Web" / export

Software

• • Authoring: Adobe Photoshop

  • Viewing: Web Browser (Chrome, IE, Safari, etc)

File Formats

• PSD - PhotoShop Document - project file

  • GIF - Still or Animated GIF

Skills

• • Create PSD

  • Cropping Images

  • Set Dimensions and Resolution

  • Create layers

  • Add layer content: shapes, images, text

  • Sort Layers

  • Select Frame Rate

  • Export to GIF format

Online Resources

• http://i.imgur.com/K9hvBbD.gifv

• http://i.imgur.com/UfkjVP6.gifv

• http://i.imgur.com/Yda8lKH.gifv

Making Animated GIFs online

• http://gifmaker.me/

• http://makeagif.com/

• https://imgflip.com/images-to-gif

• https://www.gifyoutube.com/

Optimal GIF specifications

• • 400 px by 400 px (but this can vary)

  • 72 pixels per inch

In Class Training Exercises

• • Celebrity GIF

Exercises

• • Exercise 1 (Celebrity GIF)

• Exercise 2

• Exercise 3

  • Planning Page

    • Camera Settings

    • Mode Dial: P

    • Auto Focus

    • S3 Image Quality

• If you want to try something more challenging...just ask!