Take me back!! I want my CSS!! Click me to get back :)

×

READY FOR A NEW CAREER?

But not sure where to start? Find out if a tech career is right for you.

TAKE THE 3-MINUTE QUIZ

GIFs

GIF stands for Graphic Interchange Format and it’s a file format that allows for the creation of awesome, simple animations on the web.

GIF stands for Graphic Interchange Format and it’s a file format that allows for the creation of awesome, simple animations on the web.

GIFs have been around for basically as long as the web (since 1987), and wreaking havoc the whole time. Many thought that GIFs, with their bright colors, posterization, and popularity among teenage boys, would go the way of the <blink> tag as the web matured.

Instead, GIFs have grown up as the web has. In recent years, GIFs have actually gone high brow. They are now being used by Gwyneth Paltrow to illustrate her recipe how-tos, by The Atlantic Wire to cover the olympics, and this year, the verb ‘to GIF’ (as in, The Guardian is live-giffing the presidential elections) was added to the Oxford English dictionary.

@hummeline
My favorite gif site – though they really take it to a new level: http://iwdrm.tumblr.com/

@soniagawel
These are the most gorgeous gifs I’ve seen! http://annstreetstudio.com/category/cinemagraphs/

There are lots of benefits to using GIFs instead of other animation formats: first, they are easier to make and use less computer memory than Flash animations. Second, you can send GIFs in emails and your readers can actually see the animations, and lastly, you will have WAY more cred on Tumblr.

Cocktail Party Fact

Do you say GIF with a soft g, as in gin, or GIF with a hard g, as in graphic? Both are right according to the OED. That said, Compuserve, the original creator of the GIF, called it GIF like JIFF peanut butter because “Choosy developers choose GIF.”

How To Make Your Own GIF

The following instructions are for Adobe Photoshop CS6. You can download a free trial or read how to create a GIF in CS5.

    1. Create your animation frames as different layers in your Photoshop document.
    2. Click the Timeline on the bottom left side of your screen.
    3. Adjust the timing of your frames in your timeline.
    4. Go to File › Save to Web.
    5. Save the file as a GIF.
    6. In looping options select “Forever.”

    Want to make GIFs on your phone? There’s an app for that!
    GifShop is an animated GIF maker for your iPhone. Easily create and edit looping animations, upload to Facebook, Twitter and Tumblr, all on the go!

    Send us the GIFs you make! We want to see. You can reach us on Twitter @Skillcrush, on Facebook, or by email at hello@skillcrush.com.

Your email address will not be published.

0 comments

Want more articles like this?

Sign up to get the most recent tech news, tips and career advice.