Fading-image Gradiant?

[Blake Tallos]

http://www.dartmouth.org/classes/79/

I've seen alot of images on the web like this before but im wondering how i can redesign an image similar to it.Do you see the left nav bar how it starts to be green and then goes to a clear white?Is this just a gradiant or what?Ive also seen images where there are like black in the beggining and it fades out at the end.Can someone point me to a good tutorial on this subject?

[hartofalyon]

isn't it just a simple gradient? in photoshop, layer style > gradient overlay or the gradient tool.

[John&Mac]

Get yourself the Web Developer toolbar addon for Firefox, which will greatly help you see how web pages are broken down. Using this, select "images/view image imformation" to get ***/classes/79/images/menu_top.jpg and ***/classes/79/images/menu_bottom.jpg all becomes obvious. Yes, using gradients in Photoshop will do it. I also recommend the Scrapbook addon too, which saves a self-contained copy of a page to your drive, which you can then open as if your own, say with Dreamweaver for example. As for tutorials, pass. *** is your initial website URL, because as a newbie here I can't use a URL in this post yet.

[Nadia P]

It's just a gradient fill Blake.

Not sure if you use PS or FWs, but here's a simple example.. both boxes are the same height, just depends on how far up or down you take the gradient...


You should be able to download it (right click - save as, should work) and have a play around with it.

Nadia

[Black Max]

You can also make a simple gradient block online:

http://tools.dynamicdrive.com/gradient/

but you don't have the control over the gradient shading, etc that you do in PS.

[Blake Tallos]

Thank you Nadia for your Example. Hmm, it just looked weird to me.I figured it was a gradiant.I was trying to find a example to show you what i meant.I couldnt find one though.Alot of people have graphics like this.How can i take a 4 px line height x width and have them black at both ends and make it almost disappear in the middle of the graphic?Do you know what i mean?I use photoshop CS3 also.

[Nadia P]

Not sure without seeing an example, but it still sounds like a gradient fill... but instead of the gradient going verticallly, it goes horizontally, with black colour at both ends and possibly white in the middle...