Monday, November 28, 2011

How to make a gif file in photoshop!


Have you ever wondered how to make these awesome stop action gifs? It's actually pretty simple if you have photoshop (sorry to those that don't! trying using gickr.com).

First, you need to have a set of pictures that you more than likely took continuously in a row. Throw them all in a folder on your desktop in the order that they would appear in your gif.


You're gonna want to make sure that all of your pictures are sized the same and edited before you make this gif. So if you want to make them look all awesome and stuff, do that FIRST. 

Next, open a NEW file on photoshop and make sure you size it the same size as your pictures.


Then the easy part is about to happen, drag and drop all your images at once onto your new file. I literally highlight all the pictures at once and then drag them over to photoshop and drop them on my new file. You'll see that there is an X over top the picture. Just hit enter until all the X's are gone. This is just photoshops way of dividing the pictures on top of each other. BLAH BLAH BLAH very confusing but if you just hit enter until the X's are gone, you'll be good to go.


Now you're going to go to the WINDOW tab at the top of your photoshop program and then scroll down to ANIMATION. Click it.


Clicking on ANIMATION will give you this long skinny bar. Click on the little tab on the right hand side. If you're not sure what I'm talking about, click on the image below to get a better idea of where I clicked. Once you click on the tab on the right hand side of the skinny bar, scroll down to MAKE FRAMES FROM LAYERS.


Once you click on MAKE FRAMES FROM LAYERS you'll see all your pictures lined up in a row. This is where you pick the speed for your image. You see where the time says 0.2 sec.? You can change that to any number you want. You'll have to change each pictures time. There's a way to make them all do it at once, but I don't know it... so I have to manually just go through and change the time of each one. Also, remember to set to FOREVER (it's the little tab under the first picture). This will make your gif never ending... more like a video.


Once you've done all that, go to FILE and then SAVE FOR WEB & DEVICES and you're done!


Thanks Guys!
-Jess 

13 comments:

  1. Great tutorial...something I'd never quite figured out how to do. Thanks!

    I was also stopping by to let you know, I've given you The Sunshine Award. Stop by and check out my post for the details. Congrats!
    http://makingmamahappy.blogspot.com/2011/11/sunshine-award.html

    Jamie

    ReplyDelete
  2. Yay! Thank you for sharing! I'm totally going to try this soon. :D

    ReplyDelete
  3. it won't work in photoshop elements. :( i tried looking up how to do it online in elements but not sure it worked. when you hit "preview" to view your posts in your blog...is it annimated then? or do you have to have it published to see the annimation?

    ReplyDelete
  4. Thank you for sharing this! I've always wanted to know how to make gifs like that!

    ReplyDelete
  5. hey sara- if you don't have your gif to "original size" it won't work on blogger. i'm not sure why? and as far as elements go, i'm not sure if it's the same way or not... sorry!

    ReplyDelete
  6. Thanks for sharing - always wanted to know how to do this. Thanks also for visiting my blog.

    ReplyDelete
  7. This is AWESOME! Thank you!! I did this once on my blog, tried to do it again, and could never figure it out the 2nd time - duh! LOL! Thanks so much for an easy to understand method! :-)

    ReplyDelete
  8. I really enjoyed your tutorial and tried to follow it but I could not seem to be able to drag all my photos at once to photoshop. Can you explain how that is done? Valerie

    ReplyDelete
  9. gardening in a sandbox- the best way to explain what i mean is to take your mouse and click and highlight all the images at once without letting go of the "click". then when you have all of them, drag them (without letting go of the click) to your already opened photoshop program and then drop them anywhere onto the program. i hope this helps!

    ReplyDelete
  10. I finally tried my own. Thanks, Jess!

    http://oliveobserver.blogspot.com/2011/12/storytimesaturday-bean-boozled.html

    ReplyDelete

❤ Something lovely to say?