...

View Full Version : Help with gradient headers



kosstr12
08-14-2008, 02:16 AM
Can someone tell me where I can find out how to make these on photoshop/gimp?
Here are some examples of what I'm trying to make:
http://www.semiologic.com/res/software/themes/sem-headers/gradient-2.jpg
http://www.stmswh.org/pix/header_gradient.gif

FWDrew
08-14-2008, 02:36 AM
Hi koss,

In GIMP:

1.Open a new image of whatever size.

2.Use the rectangle select tool and create your canvas.

3.Create a new layered named rectangle.

4.Fill the rectagle you selected with your color of choice on the new layer.

5.Create a new layer, name it gradient, (there should still be "ants" around your rectangle)

6. With the gradient layer selected, click your gradient tool.

7. Make sure the settings are on linear, change the options from "FG to BG" to "FG to Transparent"

8. Make your foreground color white.

9. While on your graident layer, use the graident tool and drage from the top middle of your image to wherever you wish, probably about 3/4 the way down. Hold CTRL to make sure the gradient is set straight.

10. go to SELECT, and click SELECT NONE.

11. Choose your gradient layer and lower the opacity to desired level.

*Optional Step* 12:create a new layer and add a noise or pattern and lower the opacity very low.

13. right click on the gradient layer (should be above the rectangle layer) and click merge down.

14. Your done :thumbsup:

Hope I didnt miss a step, i suggest you just mess around with all the tools above to because you can create some really nice effects with gradients and noise/filters/patterns.

Best Regards,

Drew

kosstr12
08-14-2008, 02:37 AM
Thanks for the fast reply Drew! I'm going to try this right now, and I'll tell you how it works out.

FWDrew
08-14-2008, 02:41 AM
Sounds good and your welcome :)

Just realized some of the gradients above arent coming directly from the top, needless to say, just drag from the left, right, bottom, whatever area you wish to be the lightest and the gradient to start from. Again be sure to hold ctrl for a straight gradient.

Drew

kosstr12
08-14-2008, 02:46 AM
Sounds good and your welcome :)

Just realized some of the gradients above arent coming directly from the top, needless to say, just drag from the left, right, bottom, whatever area you wish to be the lightest and the gradient to start from. Again be sure to hold ctrl for a straight gradient.

Drew

Woo! It worked! Thanks Drew;]

FWDrew
08-14-2008, 03:28 AM
Glad to hear it, all the best :)

Drew

Moodle
08-14-2008, 02:33 PM
Are you still looking for the Photoshop version?

Moodle.

Moodle
08-14-2008, 04:16 PM
PHOTOSHOP GRADIENTS - BY MOODLE

1. On the sidebar; click this button:
http://i38.tinypic.com/20hr96a.png

2a. Then, under the File, Edit taskbar, there should be something like this:
http://i36.tinypic.com/28lbdxc.png
2b. Click on it, and it should bring you a pop-up box

3. The popup box should look like this:
http://i34.tinypic.com/4s17qh.png
Press the boxes with a little arrow sticking out of them; and once done, should bring up a box like this:
http://i37.tinypic.com/2db56r9.png

4. Modify the colour, by dragging the circle, or by entering a hex code next to the hash.

5. Press OK on the popup

6. Repeat step 2b, 3, 4 and 5.

7. Press OK on the gradient, once you are happy with it.

8. You will then get a crosshair! Drag the crosshair to make a line, drag it at any angle and any length. The length and angle effects the gradient.

http://i33.tinypic.com/2s194r5.png

Hope this helps the OP & anybody else! :D

Moodle.

likkuid
08-16-2008, 03:15 AM
Try visiting tutorial sites and just plow through random tutorials - doing this will teach you a lot of techniques - even if this includes thing you currently don't want to do - it will give you a solid ground and help you to see how things are made.

Moodle
08-17-2008, 10:55 AM
Isn't that what CodingForums is for?



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum