...

View Full Version : Two images stacked in a GIF



Einarrson
07-09-2009, 10:28 PM
Hi,

I'm trying to create some buttons like this:

http://www.elated.com/articles/css-rollover-buttons/

the problem I have is finding out how to create the GIF in CS3? I've searched the web but can't find an appropriate guide.

Thanks

_Aerospace_Eng_
07-10-2009, 04:48 AM
You mean that actual graphic or just a graphic and then combining them? The easiest is probably to create a new file with canvas size of double the image height, then have the layers for each part of the image or make the images separately in two different psd files and then drag them to a new psd file. They may need to be merged first or you can export then open them again.

waxdoc
07-12-2009, 12:02 AM
Please see http://www.lineforeline.com/

I went crazy looking for good old ImageReady (which was where you created and edited animated GIFs) in Photoshop CS3 -- couldn't find any reference at Adobe. The basics are there under Window>Animation. You manipulate your layers/modes etc. so certain things show in certain frames.

Then, File>Save for Web...

You cannot use Photoshop to edit the animated GIF so be sure to also save PSD with layers intact. I would imagine that Fireworks would be used for editing animated GIFs but have not tried it yet.

Not sure what you mean by "stacked"?

Otherwise, what I do is have static JPEG version in place (for rollover) and have animated GIF onclick. See http://www.auntnini.com/new/index.htm or http://www.chanit.com (the "chanit")

waxdoc
07-12-2009, 12:23 AM
#emailUs
{
display: block;
width: 107px;
height: 23px;
background: url("emailUsNormal.gif") no-repeat 0 0;

}

#emailUs:hover
{
background: url("emailUsRollover.gif") no-repeat 0 0;
}


You mighe want to create anchor and CSS style rule for a:hover pseudo class so hover wil work in IE.



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum