Welcome to the MacNN Forums.

If this is your first visit, be sure to check out the FAQ by clicking the link above. You may have to register before you can post: click the register link above to proceed. To start viewing messages, select the forum that you want to visit from the selection below.

You are here: MacNN Forums > Enthusiast Zone > Art & Graphic Design > How to make an animated image in Adobe CS?

How to make an animated image in Adobe CS?
Thread Tools
Forum Regular
Join Date: Jul 2003
Location: MN
Status: Offline
Reply With Quote
Nov 23, 2004, 02:00 AM
 
I've got the full Adobe Creative Suite, but I have no idea which program to make an animated image, or how to do it. Any help would be greatly appreciated. Thanks!
     
Moderator
Join Date: Aug 2001
Location: This is not my beautiful house
Status: Offline
Reply With Quote
Nov 23, 2004, 07:25 AM
 
What sort of "animated image" are you wanting to make? An animated .gif? A Flash animation? If it's a Flash animation, you will need to get Macromedia's Flash application.
     
Forum Regular
Join Date: Jun 2004
Location: Over there->
Status: Offline
Reply With Quote
Nov 23, 2004, 01:34 PM
 
You can make a PSD with all the layers being diferent frames. Then take that PSD into Imageready CS and flash each layer for each frame..

Or you can make one layer your background. Your next layer your moving object.
1) Then just put your object in its first position.
2) Make a new frame. Move you object to where you want it to end up.
3) Tween the frames.
4) Save Optimized As...

Both of these will create animated .GIF's
EG:

And These: , , ,
     
Forum Regular
Join Date: Jul 2003
Location: MN
Status: Offline
Reply With Quote
Nov 23, 2004, 04:09 PM
 
Originally posted by gautch:
You can make a PSD with all the layers being diferent frames. Then take that PSD into Imageready CS and flash each layer for each frame..

Or you can make one layer your background. Your next layer your moving object.
1) Then just put your object in its first position.
2) Make a new frame. Move you object to where you want it to end up.
3) Tween the frames.
4) Save Optimized As...

Both of these will create animated .GIF's
EG:

And These: , , ,
Thanks!
     
Fresh-Faced Recruit
Join Date: Dec 2004
Location: Santa Cruz, CA
Status: Offline
Reply With Quote
Dec 10, 2004, 12:37 PM
 
You can also export layers directly to .swf (Flash) format from Adobe Illustrator. It is often useful to first use the Blend feature in Illustrator to create smooth transitions between vector objects, and then use the Release to Layers (Sequence) or Release to Layers (Series) commands (on the Layers palette menu) to separate the blend steps into a series of layers.

Vector blends are much cooler for "tweening" objects than the bitmap tweening you get inside ImageReady.

Adobe's animated Christmas card for this year was created by this method:

http://www.adobe.com/special/holidaycard/peace2005.html

Illustrator cannot preview animations, though. You have to export to .swf and preview them in a brower or other Flash player.

Illustrator blends can also be the foundation for animated gifs. Just release to layers, export the Illustrator file to Photoshop preserving layers, then open the Photoshop file in ImageReady to create the animation.

Here is an old tutorial I put together in early 1999 demonstrating the steps:

http://tpettit.best.vwh.net/adobe/morphing_faces.html
     
Forum Regular
Join Date: Jun 2004
Location: Over there->
Status: Offline
Reply With Quote
Dec 10, 2004, 01:58 PM
 
Teri! Awesome! I never knew illustrator could do this! Thanks!!!
     
   
Thread Tools
Forum Links
Forum 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 On
Top
Privacy Policy
All times are GMT -5. The time now is 01:49 AM.
All contents of these forums © 1995-2011 MacNN. All rights reserved.
Branding + Design: www.gesamtbild.com
vBulletin v.3.8.7 © 2000-2011, Jelsoft Enterprises Ltd., Content Relevant URLs by vBSEO 3.3.2