How to make animated GIFs extension file using Photoshop

Ever wonder how to make an animated GIFs extension image file using Photoshop? Animated GIFs image is useful in many different occasions. Especially when you wish to create a banner on the web and didn’t know what to do. Normally, what all of us will do is to search for any program that can assist us with this task. But usually it is quite difficult to find something free and powerful enough to make an animated GIFs image without watermark or restrictions. Luckily, Photoshop is able to do this for you without any extension plugin or difficult procedure. In this article, we will look at how animated GIFs image can be achieved using Photoshop.

Scrolling Animated GIFs with Photoshop

Let’s start with something really simple. All you need is something like a full screen shot of your website such as this.
grey How to make animated GIFs extension file using Photoshop

Open this image with your Photoshop apps and it will appear as a new layer as shown below,

grey How to make animated GIFs extension file using Photoshop

Now clicked on window->animation on the top menu bar and the animation bar will appear below.

grey How to make animated GIFs extension file using Photoshop

Now create a new photoshop file with the height differ from the image as shown below,

grey How to make animated GIFs extension file using Photoshop

Now, copy the image shown above to the new file and you should get something like this.

grey How to make animated GIFs extension file using Photoshop

Next, create a new animation frame on the animation window as shown below,

grey How to make animated GIFs extension file using Photoshop

Now, use the Move Tool to move the image right down to the bottom as shown above. Clicked on the first frame and press on  ”Tweens animation frames” and you will see the pop up as shown below.

grey How to make animated GIFs extension file using Photoshop

Once you pressed “Ok” button, a list of frames will be added between the first and second frame. This means that it will animate from the first frame to the last frame by putting in additional frame to initialize the movement from the first to the last frame.

grey How to make animated GIFs extension file using Photoshop

Now all you need to do is to clicked on the play button to see the animation from the first frame all the way to last last one.  You can change the animation to forever, just once or 3 times by clicking on the below line. There are a few options to choose, just play around with it and you should have a good idea what each icon does.

grey How to make animated GIFs extension file using Photoshop

Now its time to save the gif file. Clicked on File->Save on Web & Devices as shown below,

grey How to make animated GIFs extension file using Photoshop

Clicked save and you will have something like this.

grey How to make animated GIFs extension file using Photoshop

Normal Animated GIFs Image With Photoshop

CreativeTechs has an excellent tutorial on basic animated GIFs tutorial. Do read it up and you should get a very clear idea on how animated GIFs on Photoshop works grey How to make animated GIFs extension file using Photoshop

 

Like this post? Share it!

digg 48 How to make animated GIFs extension file using Photoshop reddit 48 How to make animated GIFs extension file using Photoshop stumbleupon 48 How to make animated GIFs extension file using Photoshop delicious 48 How to make animated GIFs extension file using Photoshop furl 48 How to make animated GIFs extension file using Photoshop technorati 48 How to make animated GIFs extension file using Photoshop google 48 How to make animated GIFs extension file using Photoshop myspace 48 How to make animated GIFs extension file using Photoshop facebook 48 How to make animated GIFs extension file using Photoshop twitter 48 How to make animated GIFs extension file using Photoshop

About Clay

I am Clay who is the main writer for this website. I own a small web hosting company in Malaysia and i'm available to be hired as individual contractor on elance or odesk. You can find me on twitter.
This entry was posted in Adobe Photoshop, How-to and tagged . Bookmark the permalink.

3 Responses to How to make animated GIFs extension file using Photoshop

  1. Toby says:

    You can create animated avatar using Video Avatar.Also convert video to gif. It’s really cool program

  2. Clay says:

    Oh! Nice one Toby! But is it a paid program? :(

  3. jack says:

    As free as Photoshop i guess