How do I add an animated gif to a photo?

L
Posted By
lunaray
Apr 24, 2004
Views
2082
Replies
10
Status
Closed
I want to add an animated gif to a photograph, can someone tell me how to do it, or point me to a tutorial?

I did it once a long time ago and I know that you use ImageReady and that it involves creating duplicate layers of the main image (the same number of layers, as the number of frames in the animated gif you want to add) and that you somehow drag the 1st frame of the animation into your photo, then link the rest of the frames to it. I’ve played with it but I can’t remember how to do it and it’s drivin’ me nuts!

I first saw this effect on a friend’s web site; she placed an animated gif of a butterfly on a photo of herself (sitting on her breast), it looked really cool! She told me how to do it, but I’ve lost my notes and we’ve lost touch with eachother so I can’t ask her again.

Can someone help?

Thanks,
Ray
Related Tags
add animation how

How to Improve Photoshop Performance

Learn how to optimize Photoshop for maximum speed, troubleshoot common issues, and keep your projects organized so that you can work faster than ever before!

WO
Walwin_Oglivie
Apr 24, 2004
hell! use flash
DM
Don_McCahill
Apr 24, 2004
You can animate the photo, which would probably be huge. Or you can take a slice of the photo, and replace it with an animation (built much as you have described).
L
lunaray
Apr 24, 2004
Thanks Don!

However I did it, it wasn’t a huge file! I’ll keep looking for my notes!
T
Terrat
Apr 24, 2004
Don McC,
Curious how it’s done? I don’t think I’ve ever seen this. Just straight animations that run across the page on their own and that’s it.

Do you have a link how to do it or anything?
….re. HOW TO directiions for: <Take a slice of the photo; replace it with an animation __build animation in ImageReady and drag 1st frame & link to slice.>
DM
Don_McCahill
Apr 24, 2004
Imagine that you have a huge picture, and you want a small animation in the lower right corner (the cliche spinning disk). If you build a GIF of the whole thing a) you cannot use more than 256 colors for the picture, and (depending how the gif is made) a five step animation might be 5 times the size of the original image.

Instead, you slice the picture in PS or IR, making the picture into three pieces. When you save for web, it will build the HTML table that puts it all back together.

Now, you open the little slice where you want the animation. Because it is smaller you will have a much smaller animation file. And of course the other two chunks of the photo can remain as JPG, which will be much smaller than GIF for most photographic images.

Do you understand?
T
Terrat
Apr 25, 2004
Have seen the spinning disk too many times to mention now that you point it out.

Thanks, Don. I do __and it’s a pretty good idea if it loads fast enough to avoid the old click-off. (Wonder how many kb’s would be too much on average.)
DM
Don_McCahill
Apr 25, 2004
I try to keep my pages under 50K. Some books have said 20K is the lower limit, but I feel that level is dated.

If I build a page that is over 100K, it better have something really worthwile on it (as opposed to spinning disks).
HA
HyeVltg3_A
Aug 19, 2004
so noone has found/heard of any sites that share a small breif tutorial?!!!!
RH
r_harvey
Aug 19, 2004
I try to keep my pages under 50K. Some books have said 20K is the lower limit, but I feel that level is dated.

Keep your introduction page small; otherwise they may not wait for it. Once you have them hooked on your work, you can put anything you like on other pages.
Y
YrbkMgr
Aug 19, 2004
I’m wouldn’t criticize Don for his preferences, but your answer is the most sensible answer I’ve heard in a long time Harv. Seriously.

Must-have mockup pack for every graphic designer 🔥🔥🔥

Easy-to-use drag-n-drop Photoshop scene creator with more than 2800 items.

Related Discussion Topics

Nice and short text about related topics in discussion sections