Rounded Grad Bar (Adobe Photoshop 7.0 Tutorial)

[Lighting FX]

STEP 1:

Make a new image at 300x100 Trasparent bg RGB Color. Then Press D to reset Settings, and then set your foreground color to #FF7E00 & then set your Background color to #000000, check below to see it on the Photoshop Toolbar:



Now get the Gradient Tool, check below to see it on the Photoshop Toolbar (BUT you must hold down the paint bucket icon to make the gradient tool appear):



Now set its gradient to Reflected Gradient check below to see it on the Gradient Toolbar & also selected in a Blue Outline: (This can be found under the File, Edit, Image etc toolbar):



And then set its Gradient Picker to Foreground to Background, check below to see it on the Gradient Toolbar & selected in a Blue Outline (BUT you must press the blue arrow to open the picker menu):



All your settings should be setup by now. Now lets move onto Step 2:

STEP 2:

Now go on to your image and you will see a plus sign, now all you do is hold down the shift key to get a perfect line going from the center of the image to the bottom. Now check below to see the line.



Now when your done? you should have this image below.



I hope this tutorial has helped you out alot (thats if you did'nt know how to make Rounded Gradient Bars)

Here's an image that i made with the Rounded Gradient Bar.

image8.gif

Tutorial Created By Lighting FX

[DARKMAN]

Very nice tut lfx [[ its DMA ]]

[Lighting FX]

Black said:

Very nice tut lfx [[ its DMA ]]

Thanks & i new that

[March4Revenge]

Could give a tut on how you made that cool header with the rounded gradient?

[Lighting FX]

march4revenge said:

Could give a tut on how you made that cool header with the rounded gradient?

I just used the Polygonal Tool and then bevel effects & shadow effects

[ll Fla5hba5H ll]

You mean like the ones in my avatar?

1. Shape tool-> rounded rectangle
2. click the paths tab, click the arrow, make selection. feather: 0 anti alias: yes
3. Fill it with a gradient as mentioned in this tutorial.
4. Copy the layer. Edit->Flip vertical
5. ctrl or apple T
6. you should see dots like this on the top toolbar:
[][][]
[][][]
[][][]
click the middle dot of the bottom row.
The dots will now look like this:
[][][]
[][][]
[][][]
7. make the "Y" textbox the height of the image. that will make the rectangle exactly at the bottom
8. Make a rectangle that overlaps the rounded rectangles so it looks like my avatar
9. stroke it, then fill it.

Also, on the rectangle shapes, you might want to add a stroke. Edit->Stroke.

[Lighting FX]

fla5hba5h said:

You mean like the ones in my avatar?

1. Shape tool-> rounded rectangle
2. click the paths tab, click the arrow, make selection. feather: 0 anti alias: yes
3. Fill it with a gradient as mentioned in this tutorial.
4. Copy the layer. Edit->Flip vertical
5. ctrl or apple T
6. you should see dots like this on the top toolbar:
[][][]
[][][]
[][][]
click the middle dot of the bottom row.
The dots will now look like this:
[][][]
[][][]
[][][]
7. make the "Y" textbox the height of the image. that will make the rectangle exactly at the bottom
8. Make a rectangle that overlaps the rounded rectangles so it looks like my avatar
9. stroke it, then fill it.

Also, on the rectangle shapes, you might want to add a stroke. Edit->Stroke.

You should of made your own thread