Welcome to WebmasterWorld Guest from 23.20.79.227

Forum Moderators: not2easy

Message Too Old, No Replies

images that gradually fade

off into the background color

     

ifyouonlyknew

5:20 am on May 25, 2001 (gmt 0)

Inactive Member
Account Expired

 
 


can anyone here tell me how you would create a professional looking image that gradually fades to white. I've seen this done all over but I can't figure out how it's done and what programs you can use to do it.
8:06 am on May 25, 2001 (gmt 0)

Senior Member

WebmasterWorld Senior Member 10+ Year Member

joined:Mar 8, 2001
posts:690
votes: 0


there are two main ways to do this.

1. Create an animated gif (there are loads of shareware programs) and have say 5 frames with each one more tranpsparent thant the previous one.

2. Use Flash and have your image either fade with a motion tween to alpha or just have a white block on another layer which starts off in Alpaha and then tweens to opaque.

1:03 pm on May 25, 2001 (gmt 0)

Senior Member

WebmasterWorld Senior Member 10+ Year Member

joined:Nov 25, 2000
posts:1786
votes: 0


There's some new javascripts that are doing this type of effects. Check over at HotScripts.

ifyouonlyknew

6:15 pm on May 25, 2001 (gmt 0)

Inactive Member
Account Expired

 
 


thanks I'll check that out
6:22 pm on May 25, 2001 (gmt 0)

Senior Member

WebmasterWorld Senior Member mivox is a WebmasterWorld Top Contributor of All Time 10+ Year Member

joined:Dec 6, 2000
posts:3928
votes: 0


If you have PhotoShop, you can use the alpha channel to creat a fading image...

Create a new layer for your image. Open the alpha channel for that layer, and fill it with a gradient fading to transparent. Then create a new background layer in whatever color you'd like. The image should fade along with the alpha channel gradient, leaving the background color showing through.

1:32 am on May 26, 2001 (gmt 0)

Senior Member

WebmasterWorld Senior Member 10+ Year Member

joined:Aug 24, 2000
posts:1748
votes: 5


Or in photoshop, make a selection using whatever tool creates the shape you are looking for.

Feather the selection the width you want the image to fade.
Inverse the selection and use the "back key" located above the enter key to blow the background out.

You can add a layer bellow, white or otherwise for a fill color.

ifyouonlyknew

12:30 am on May 27, 2001 (gmt 0)

Inactive Member
Account Expired

 
 


Thanks for the information, it's all a little over my head because I'm definitely not a graphics guy. I downloaded a demo of PSP does anyone know how I can do it in that? or should I download a photoshop demo (if there even is one) and try it that way?

Thanks

3:32 am on May 27, 2001 (gmt 0)

Senior Member

WebmasterWorld Senior Member 10+ Year Member

joined:Aug 24, 2000
posts:1748
votes: 5


The Photoshop Studio Techniques - Book by Wilmore - rates high with me.

Graphics is not a cut and paste technolgy, there is a learning curve.

4:23 am on May 27, 2001 (gmt 0)

Senior Member

WebmasterWorld Senior Member mivox is a WebmasterWorld Top Contributor of All Time 10+ Year Member

joined:Dec 6, 2000
posts:3928
votes: 0


Try a Google search on:
PSP "Paint Shop Pro" tutorial transparency

I've never used PSP, but I know there are a LOT of help/how-to/tutorial sites out there for it.

5:57 am on July 17, 2001 (gmt 0)

New User

5+ Year Member

joined:May 14, 2007
posts:13
votes: 0


I think there is some confusion here as to what the original poster meant when he said "fade."

Is it fade as in an animated presentation where black letters start to turn dark grey, then grey, then light grey, then white? Or is it fade, in the sense of a "color gradient" which transitions smoothly from one color into another?

Bolot

7:27 am on July 17, 2001 (gmt 0)

Senior Member

WebmasterWorld Senior Member mivox is a WebmasterWorld Top Contributor of All Time 10+ Year Member

joined:Dec 6, 2000
posts:3928
votes: 0


Heh... I was assuming as in 'color gradient,' obviously, but the first two answers hint at where to go to find out about animations. I'd say, since he refers to Paint Shop Pro, that he isn't talking about animated effects.
8:51 am on July 17, 2001 (gmt 0)

Senior Member

WebmasterWorld Senior Member 10+ Year Member

joined:Mar 8, 2001
posts:690
votes: 0


Well look at the title of the origional post:

"images that gradually fade
off into the background color"

I think that is pretty clear that he is refering to some kind of animation. Paint Shop Pro which I used to use all the time many moons ago has a built in animation package which can easily perform this kind of fade out.

6:35 pm on July 17, 2001 (gmt 0)

Senior Member

WebmasterWorld Senior Member mivox is a WebmasterWorld Top Contributor of All Time 10+ Year Member

joined:Dec 6, 2000
posts:3928
votes: 0


LOL! Ahh... but does that mean fade gradually over time or fade gradually across the image? ;) Perhaps ifyouonlyknew will check back on the ol' thread and let us know what he really meant....