how to create an animated .gif loading image in photoshop

hellow friends, here i'm going to show that, how to create an animated .gif image using photoshop. let see how we are going to do that in adobe photoshop, here i'm using CS5.

VIDEO TUTORIAL

DOWNLOAD IMAGE

the above image is the sample image.. here we are going to seee about that image only.. that is image is created in using adobe photoshop. let's see the step by step process. how to do that.

STEP 1

First open a new work space.

STEP 2

And go to select tool, make a small rectangle shape image in in a place, and right click and choose color and fill with some color.

STEP 3

Do like the image image shows. fill with color and Deselect the selected layer. and make make duplicate layer of the rectangle shape image layer, just make 4 or 5 layers.

STEP 4 

create duplicate layers.

 4 layers i created.

go to the top bar,, seee here ESSENTIALS  DESIGN PAINTING ETC, like that, click on that and choose MOTION in that. as by the below image shown. 

change animation frame into and timeline mode. click as shown in the below image.

and click create new layers how much layer we want. refer below image.

do as like the below images shown.. make the assign layers for the animation. shown two images for sample do that for all images..

similarly do that for all images..

click on the identified place to image animate. 

and geneate 5 layers for each one layer. that give some effect to the image 

then that generate more layers in the animation frame. then click play, and the animation frames will move..

then go to menu bar, and choose file, then SAVE THE WEB & DEVICES 

 then save the image as in the format of .GIF

that's it the animated image is ready now. now open it with any of the browser. 

the animate .GIF image is ready..

that is it.

RELATED POSTS:

How to create an animated .jpg image