GIF's and Sigs.

[Koshka_Goddess]

Is there a way to make a sig using a gif as a render? And if so, can it be done in Photoshop CS for Mac?

This is the GIF I would like to use.
http://i78.photobucket.com/albums/j88/mimmykitty9/animated220.gif

[Kelly]

Is there a way to make a sig using a gif as a render? And if so, can it be done in Photoshop CS for Mac?


Yes. Just put the background behind the render in each frame of the gif. It isn't any different than making any other kind of animated image, except you are making it signature sized. The steps for making it animated in Photoshop CS are also the same as any other animated gif.

[Koshka_Goddess]

Okay. So I just copy and paste each frame onto a background and combine all the layers? I am a bit of a gfx noob so I just need a little more clarification.

[Kelly]

Okay. So I just copy and paste each frame onto a background and combine all the layers? I am a bit of a gfx noob so I just need a little more clarification.

Oh, okay. Yes, you copy and paste each frame of your gif onto a background, so you will end up with 7 layers (frames). I have Photoshop CS2 for Mac, so the steps for animating it will probably be the same. If these steps are not working for you just use photoshop help and search for animation. It probably will explain it better than me anyway :)

Go to Window>Animation
This will open up the animation window
Click on the triangle in the top right corner and select "create frames from layers".
Your frames will appear in the animation window and you can change their length in seconds, or make the gif loop etc.
Save your gif as a normal Photoshop (psd) format**, then save your image for the web and save it as a gif.
Then you can upload your image and see if it works right :)

**I am pretty sure this step is necessary. I had problems getting my gif to work when I didn't. I think it is part of the instructions in the help section. I haven't tried skipping this step in years, so maybe it is possible to just save your image for the web.

Good luck! Following the instructions through Photoshop help is probably easiest :)

[Koshka_Goddess]

Oh, okay. Yes, you copy and paste each frame of your gif onto a background, so you will end up with 7 layers (frames). I have Photoshop CS2 for Mac, so the steps for animating it will probably be the same. If these steps are not working for you just use photoshop help and search for animation. It probably will explain it better than me anyway :)

Go to Window>Animation
This will open up the animation window
Click on the triangle in the top right corner and select "create frames from layers".
Your frames will appear in the animation window and you can change their length in seconds, or make the gif loop etc.
Save your gif as a normal Photoshop (psd) format**, then save your image for the web and save it as a gif.
Then you can upload your image and see if it works right :)

**I am pretty sure this step is necessary. I had problems getting my gif to work when I didn't. I think it is part of the instructions in the help section. I haven't tried skipping this step in years, so maybe it is possible to just save your image for the web.

Good luck! Following the instructions through Photoshop help is probably easiest :)

Okay. I've got 7 frames but when I go to window I don't see animation. Would arrange>cascade work?

[Koshka_Goddess]

I found animation in Image Ready. And I go to make frames from layers but it doesn't seem to be working. Hmmm.

[Kelly]

Okay. I've got 7 frames but when I go to window I don't see animation. Would arrange>cascade work?

No, that just arranges the windows. Sorry, it looks like there is a difference between our versions. When I look at "window", animation is between actions and brushes on the list. Sorry! I've never used CS.

I found animation in Image Ready. And I go to make frames from layers but it doesn't seem to be working. Hmmm.

I've used image ready to animate too, but for my version the instructions are the same, except you save it a little differently, so that doesn't really help at all!

[Koshka_Goddess]

It don't work. The animation is really jerky and nothing like the gif I used. I'll have to find another way to do this.

This sucks, but this is what I got.
http://i78.photobucket.com/albums/j88/mimmykitty9/oie_oie_animation.gif

I am soooooooooo not happy.

[Koshka_Goddess]

There's gotta be a way to make a smoother product.
The original gif:
http://i78.photobucket.com/albums/j88/mimmykitty9/animated220.gif
The banner:
http://i78.photobucket.com/albums/j88/mimmykitty9/oie_oie_animation-1.gif

[Koshka_Goddess]

Okay, I just tried one more. It's pretty simplistic, but it is a little better.
http://i78.photobucket.com/albums/j88/mimmykitty9/oie_oie_animation-2.gif

[Kelly]

Okay, I just tried one more. It's pretty simplistic, but it is a little better.
http://i78.photobucket.com/albums/j88/mimmykitty9/oie_oie_animation-2.gif

Great job! My first animation was the most difficult for me. I like the last one the best, because in the previous version the pieces that make up the background do not stay stationary. You'll get better :)

[Koshka_Goddess]

Great job! My first animation was the most difficult for me. I like the last one the best, because in the previous version the pieces that make up the background do not stay stationary. You'll get better :)

Thanks.