Featured Templates
Home
Photoshop
Web Layout
Gradient Content Box
Added: Mar 15, 2005 Rating: 
Level: Beginner Software:
Photoshop
Level: Beginner Software:
Photoshop
| Step 1 Make a new document of 500x500 pixels. Make a new layer and call it "Content Box". Now select the Rounded Rectangle Tool and change the radius settings to "20px". Once you've done that simply make the rectangle you want, you can try holding down shift, which makes it have a straighter look. |
|
| Step 2 On your layers palette right mouse click on the Content Box layer and click Blending Options, like shown below. |
 |
| Step 3 Now select the Drop Shadow option and put in the setting as shown below. |
 |
| Now select the Bevel and Emboss setting and do the same step as before. |
 |
| Select Gradient option and do as followed. |
 |
| Select Inner Shadow and do as followed. |
 |
| Select Stroke and do as followed. If you've done all of this then carry on! |
|
| Step 4 Now select your Line Tool, which is located on your tools panel. Once you've selected the line tool, simply enter in these settings. Once you've done that simply go to the next step. |
 |
| Step 5 Holding shift simply select where you want to start the line, easier to the left and then simply drag (holding shift) right across to the other side. You should have something that looks similar to this. |
 |
| Final Result This is what you can achieve once you have finished what you needed. I added text and a little side effect to it. |
 |
More Photoshop: Most Popular Materials | Fresh Materials
| TutorialKit New Photoshop Tutorials
10 Random Photoshop Web Layout :
10 Random TutorialKit Materials: