hdfc cash advance fee 300
Welcome to the new codeanddesign-studio.com

Take a look around and don't forget to check the archives! :)

Create animated GIF in Adobe Photoshop

By admin | on Sun March 13th, 2011 8:43 AM | View Comments
Create animated GIF in Adobe Photoshop
Graphics Interchange Format or GIF is an image file format that support animated graphics. In this tutorial, I will show how we can create a simple animation in Adobe Photoshop.

STEP 1
Animated GIF - Step 1
In this tutorial, I created 10 images with each images display different movement of objects that I want to animate (bouncing rabbit and moving clouds). I prefer to arrange each frame of the animation in sequence (1st frame in 1st layer, 2nd frame in 2nd layer, 3rd frame in 3rd layer,…) so it is easy for us to know which frame is next after a frame ends. Then turn on visibility for 1st layer and turn off visibility for other layers because we will start our animation with 1st layer.

STEP 2

Animated GIF - Step 2

Click on Windows menu and select Animation. This will open animation palette. A frame automatically created after you open animation palette. If you want to create a new frame, click on New Frame button.

STEP 3
Animated GIF - Step 3
Select frame delay time that you want to use in your animation. The longer delay time you choose, the slower your animation will moves. Here I use 0.5 seconds.

STEP 4
Animated GIF - Step 4
Create a frame for each layer and turn on layer visibility only when you want it to appear in the frame. To test the result, click on Play button.

STEP 5
Animated GIF - Step 5
Now it’s time to save our document. Click on File and select Save For Web & Devices…

STEP 6
Animated GIF - Step 6
Be sure to select GIF before save this document.

Bouncing Rabbit
CONCLUSION

Here is the end result of my tutorial.

Posted in Tutorials | Tags: , ,
Do you like this post?

Related Posts

blog comments powered by Disqus

C&D-Studio Recommends

1
Buy It
Most Recommended
Building Findable Websites: Web Standards, SEO, and Beyond
2
Buy It
Most Recommended
How to Cheat in Adobe Flash CS5: The Art of Design and Animation
3
Buy It
Most Recommended
Shojo Fashion Manga Art School: How to Draw Cool Looks and Characters
1
Buy It
Most Recommended
Kindle 3G Wireless Reading Device
2
Buy It
Most Recommended
Barnes and Noble NOOK eBook Reader (WiFi only)