Site Navigation:

Home // Tutorials // Photoshop® // Interface Shapes

Interface Shapes

1
Interface Shapes image 1
Create a new image 600x600 px with a white background. Create a new layer. Using the elliptical marquee, the rectangle marquee and the polygon lasso start to draw some shapes on your new layer and fill them in black. Each time you create a new shape you can create a new layer and once you have finished and are happy with your shape turn the background layer off and then go to Merge>Visible HOLD CTRL and click on the new layer, "layer 1" to select it. Then click the channels palette.
2
Interface Shapes image 2
Create a new channel and fill the selection in white. Deselect (CTRL+D) now go to Filter>Blur>Gaussian Blur. Blur it nice and fat I used a setting of 7.4. Now go to Image>Adjust>Levels and drag the two outer triangles into the centre so the interface shape begins to look nice and smooth. Once you are happy click OK. Now you need to HOLD CTRL and click on the channel "Alpha 1" to select it.
3
Interface Shapes image 3
Now go back to the layers palette create a new layer and fill the selection in with your desired colour.
4
Interface Shapes image 4
Once we add our buttons we are done, our interface is now ready to be bevelled, rusted, etc. etc. just experiment by creating different shapes then you will get different results each time. Enjoy :)
spacer

This Tutorial was Brought to you by Robouk, Please post any questions in the forum. Thank you.
Click here to download the file. || BACK TO TUTORIALS



Home Tutorials Free Stuff About Gallery Forum Links Contact

Copyright © Robouk 2001.

Dreamweaver®, Flash® and Photoshop® are either registered trademarks or trademarks of Adobe Systems Incorporated in the United States and/or other countries.
Hosted by Pixelcode - web design tutorials.