How To Create Animated Gif In Photoshop Cs4

If you are web designer, it is important that you need to use animation images on your site to make your site more creative. Flash animation also can help to make  animation as well but some browser need to install plugin flash. JQuery also can help you to create animation images as well.  But now i would like to show you about animation images that y0u can create on Photoshop program. With my tutorial you will know  how to create image animation in Adobe Photoshop CS4. i t is so easy for create file (.gif) animation in photoshop . please fellow me with some step bellow :

You may also like my previous tutorial, How to Use Patterns in Photoshop CS4 ?

Open your photoshop program

1. => File => New (Create New Page)

2. => File => Open  ( To find image that you want to create animation )

3. Now i open 3 images  and take it on new page that i had create already( see on image bellow)

There are 3 image layer on this page (you can see bellow)

4. => Window => Animation

It will show form animation like image bellow :

please click on arrow key point to covert to frame animation

When you click already, it will show you frame animation page like bellow :

5. Click on icon like arrow key point like image bellow to create other 3 frames.

6. Select on frame 1 and go to layer option  keep on background layer on this frame (see on image bellow:)

7. Select on frame 2 like images bellow :

And then  go to layer option  keep only background layer  and layer 1 on this frame 2 (see on image bellow:)

8. Select on frame 3 like images bellow :

And then  go to layer option  keep only background layer, layer 1 and layer 2 on this frame 3 (see on image bellow:)

9. Select on frame 4 like above :

And then  go to layer option  keep only background layer, layer 1 , layer3 and layer 4 (all layer) on this frame 4 (see on image bellow:)

All section are done, you can choose time for delay between each frame like you want (see on image bellow)

and you also can choose section play Once, 3 times, forever and other (see on image bellow)

Finally you click on play to test your result (see on image bellow)

The result :

To save the result, you need to save as for web device (.gif) See on step bellow :

=> File => Save for Web & Device.. (see on image bellow)

Please save your file as (.gif) like image bellow:

Please enjoy with this photoshop image animation tutorial .

---

Author : Licky

Size : 421 kg

File Type : Gif and PSD

Download tutorial like :  [download id="34762″]

Site: www.freshdesignweb.com

How To Create Animated Gif In Photoshop Cs4

Source: https://freshdesignweb.com/how-to-create-animation-image-gif-in-photoshop-cs4/

Posted by: hendricksonfalmyst64.blogspot.com

Share this post