Content Box
1. Start a new document and grab your Rounded Rectangle tool. Draw out a rectangle, rasterize it (right click on Layer > Rasterize Layer) and then use your marquee to slice the bottom off of it.
![]() ![]() 2. Add the following settings by double clicking on the layer. Download the .PSD to see my settings. ![]() ![]() 3. On a new layer, add these indents one pixel apart from each other. You can duplicate the layers, move the indent, then merge (Ctrl + E) to do this quicker. ![]() ![]() 4. Draw a Rounded Triangle (A), Rasterize the layer, and use the following blending effects on it (B). A ![]() B ![]() ![]() 5. Draw a square behind your other layers and use the following blending effects on it. ![]() ![]() 6. Repeat step 1 by making a smaller Rounded Rectangle and cutting the top off. Add the following blending effects. ![]() ![]() 7. Add those indents I talked about in step 3, just make them smaller this time. ![]() Now that I've finished this tutorial, this is what we have so far if you add a Color Balance layer. Quite a nice layout ! ![]()
More Adobe Photoshop - Interface Tutorials:
- Interface Or Skin Design- Cord - LCD screen - Navigation Bar |






























