Friday, March 23, 2012

Create GIF image from image sequences using Photoshop

Hello,

This is my first blog on graphics designing. Although I am not a designer, I tried my hands on Photoshop to create gif image using image sequences. So my designers friends, please excuse me if I am wrong somewhere. Please note that I have used Adobe Photoshop CS4 to make gif image mentioned in the blog. First open a Adobe Photoshop CS 4.



After that Go to File-> Scripts -> Load Files into Stack.


It will open a window where you can browse images you want to add as a sequence. Select the images you want and click on ok.


After that photoshop will arrange all the images as a layer now open an animation window from Window -> Animations menu.


It will open animation window at bottom where all your images are available as a layer. Now click on layer and drag it to create a new frame as shown in image below.  Please see the yellow rectangle in below image.


This will create a new frame.  Now remove earlier layer from it. See the image below. Mark the red circle. Here there must be an icon looks like an eye. When you click it it will remove the layer.

This is how create frame for each layer one bye one you can set interval for each image using time selector in  each frame. See the image below. I marked it as a red circle.


Now got to File-> Save for Web and Devices.


This will open following window. Select GIF and and Save it with name.


That's it and you have your gif image ready. Hope this helps you. Do put your suggestions in comment. 

5 comments:

  1. If you have a large image sequence, pulling them over one by one is a pain. Alternatively, once you have your images in layers you can select "Make frames from layers" from the flyout menu in the top right of the animation panel, and it does all the work for you.

    ReplyDelete
  2. eyvallah pampa sağolasın

    ReplyDelete
  3. "Make Frames from Layers", that option makes the animation in reverse. How do you is there an option to make it sequential?

    ReplyDelete
  4. There should be a reverse frames option on the timeline menu.At least in CC there is.

    ReplyDelete
  5. ¡Thanks for sharing! It helped me a lot :D

    ReplyDelete