Gradients

[Mk3890]

Him

I've been looking for a while now on an articel that can how to use gradients in web design, somelike ******** uses or if you have seen the score box on FSN.

I just curouis what the process is, anyone have articles or tutorials on gradeints(with photoshop)?

[silverblade]

Re: Gradients

I don't have any tutorials, but I can give you some techniques I use myself.
First of them is using them as a layer style, it's easy to manage and edit. I prefer using a shape filled with one color and then I use a gradient as my layerstyle on overlay and an opacity of about 40%. This gives you nice (and not too heavy) gradients and they are always the right color

[Lycan]

Re: Gradients

I use CSS and a gradient image for my background of webpages.

I got the code from w3schools!

Here's what I'd do in my body section of the css file.

body {
background-image:url('file.jpg');
background-repeat:repeat-x; //makes it repeat horizontally
background-color:#FFFFFF; //the bottom colour of the gradient so it blends
}

It really is as simple as that!

[santro]

Re: Gradients

CSS can format pages beautifully.

It is worth more than having slow-loading images.

Gradient can also be done by having a thin long picture. But CSS is an effective way to do it.

[dojo]

Re: Gradients

I also do this. After some time I got bored of a "fixed" background image or just a simple colour and I looked for the code. I got it from w3schools too. I tested it and it seems to work very nice.

[metallic07039]

Re: Gradients

Yes you can use the CSS code. Not only on the page background but also on things like navigation bars and then just put text over it. This way you don't need to make images for your navigation bar.

My site uses that gradient- www.newtonappleinc.com (don't mean to spam but I thought it would fit into this discussion).