New To Mac-Forums?

Welcome to our community! Join the discussion today by registering your FREE account. If you have any problems with the registration process, please contact us!

Get your questions answered by community gurus Advice and insight from world-class Apple enthusiasts Exclusive access to members-only contests, giveaways and deals

Join today!

 
Start a Discussion
 

Mac-Forums Brief

Subscribe to Mac-Forums Brief to receive special offers from Mac-Forums partners and sponsors

Join the conversation RSS
Images, Graphic Design, and Digital Photography Discussion of all things graphics.

Create an Animated Gif in CS3.


Post Reply New Thread Subscribe

 
Thread Tools
MacBurg

 
MacBurg's Avatar
 
Member Since: Jan 26, 2007
Location: Waihi Beach, New Zealand
Posts: 218
MacBurg has a spectacular aura about
Mac Specs: MacBook Pro 15" 2.6Ghz | 200GB 7200 | 4GB Ram | 32GB iPod Touch 2G

MacBurg is offline
Hi all,

Ever since the demise of imageready which was part of CS2, I have wondered how to create animated Gif images using CS3 Photoshop. I have figured it out and below is a basic tutorial, enjoy -

First step is to load up all the seperate images in your animation as layers, in order, with the first image in the animation at the bottom.



Next, hold down the Alt key and click on the "EyeCon" of the first image or layer at the bottom, this will show just that layer and this is our first frame of the sequence. Now go up to "Window" in the menu bar and open the "Animation" window, after the window has opened you should see your first layer you have visible loaded as the first frame. For my animation I wanted to include a white background, so throughout the sequence I will have the white background always selected, as well as another layer as I build the animation.



Above you can see the animation window open, and the first frame of the sequence has loaded using the layers that were selected. Next we want to set the time for each frame, and this is done by clicking at the bottom of frame 1 in the animation window, this will pop up a small menu showing time in seconds, choose one or you can enter the time for the frame manually by selecting "Other". Now go to the top right of the animation window and click on the little arrow, which activates the pop up window, and select "New Frame. Next step is to head back to the layers palette and turn off the layer we just used for frame 1, by clicking on the "EyeCon" then turn on the next layer in the sequence for frame 2 by clicking on its "EyeCon". This will put the contents of the second layer in the sequence into frame 2.



The time for this frame will be copied over from the first frame, but it can be changed individually if you like. From here you repeat the above procedure until you have a frame for each of the layers in your sequence, you can hit the "Play" button at anytime to test out the animation. Below is my animation sequence complete with all frames created.



Once you are happy with the order and time settings of the frames, hit SHFT+ALT+CMD+S to open Save for Web, and it should have automatically changed the file type to Gif, ready to be saved.

Thats about it, nice and simple, and without the use of Imageready, hope I have made it clear enough to understand.

QUOTE Thanks
jotdess

 
jotdess's Avatar
 
Member Since: May 03, 2007
Location: Seattle
Posts: 724
jotdess has a spectacular aura about

jotdess is offline
Very nice. Although it seems like an arduous process.

Great spirits have always encountered violent opposition from mediocre minds.
QUOTE Thanks
MacBurg

 
MacBurg's Avatar
 
Member Since: Jan 26, 2007
Location: Waihi Beach, New Zealand
Posts: 218
MacBurg has a spectacular aura about
Mac Specs: MacBook Pro 15" 2.6Ghz | 200GB 7200 | 4GB Ram | 32GB iPod Touch 2G

MacBurg is offline
Is there an easier way?
QUOTE Thanks
johntalin

 
johntalin's Avatar
 
Member Since: Dec 29, 2006
Location: California, the golden state
Posts: 1,177
johntalin is a jewel in the roughjohntalin is a jewel in the rough
Mac Specs: G4 AGP 400 MHz 1.34gb RAM

johntalin is offline
Great thread, thanks. I love step-by-step documentation. It helps a lot.

"Do all the good you can... In all the ways you can... In all the places you can... At all the times you can... To all the people you can... As long as you ever can..." ~ Rules of Conduct
QUOTE Thanks
MacHeadCase
Guest
 
Posts: n/a

Great tutorial! Thanks for this!
QUOTE Thanks
Gene

 
Member Since: Sep 19, 2007
Posts: 1
Gene is on a distinguished road

Gene is offline
Quote:
Originally Posted by jotdess View Post
Very nice. Although it seems like an arduous process.
Quote:
Originally Posted by MacBurg View Post
Is there an easier way?
At the part where you add a new frame, instead of selecting "New Frame" select "Make Frames From Layers."
QUOTE Thanks
MacBurg

 
MacBurg's Avatar
 
Member Since: Jan 26, 2007
Location: Waihi Beach, New Zealand
Posts: 218
MacBurg has a spectacular aura about
Mac Specs: MacBook Pro 15" 2.6Ghz | 200GB 7200 | 4GB Ram | 32GB iPod Touch 2G

MacBurg is offline
Quote:
Originally Posted by Gene View Post
At the part where you add a new frame, instead of selecting "New Frame" select "Make Frames From Layers."

Thanks, I have since noticed this feature and use it for animations where you only require one frame per layer, and you have the layers set in order. However, some of the larger animated banners I create have many layers of varying opacity, which get used many times throughout the sequence. To deal with this I simply created a quick action that creates a new frame simply by pressing f8, saves a bit of time fiddling with the menu to access "New Frame", especially when you have over 60 frames in an animation.
QUOTE Thanks

Post Reply New Thread Subscribe


« Cleaning Inside Sony DSC-P200? | Couples Engagement Photos »
Thread Tools

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts
BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are Off
Forum Jump

Similar Threads
Thread
Thread Starter
Forum
Replies
Last Post
Animated Gif plugin for Preview? AnthonyJK OS X - Apps and Games 8 07-18-2011 04:57 PM
Adobe CS3 PunkRockTuba Images, Graphic Design, and Digital Photography 26 04-29-2007 08:36 PM
Photoshop CS3 Performance vs. CS2 mac57 Images, Graphic Design, and Digital Photography 36 01-28-2007 03:28 AM
Converting MPEG4 to Animated GIF jim007 Movies and Video 6 09-03-2006 08:05 PM
How do i create an animated .gif in preview? shapdaddy Movies and Video 1 11-13-2005 12:23 AM

All times are GMT -4. The time now is 04:22 AM.

Powered by vBulletin
Copyright ©2000 - 2014, Jelsoft Enterprises Ltd.
X

Welcome to Mac-Forums.com

Create your username to jump into the discussion!

New members like you have made this community the ultimate source for your Mac since 2003!


(4 digit year)

Already a member?