Logo
Home / Adobe Photoshop
How to make shady, stylish rounded borders ? E-mail
Wednesday, 22 August 2007 / Kshitij Ahuja
A simple tutorial for making rounded borders on an object.

Very easy ! I am not going to waste your time as i understand the temptation for those who want to learn. So, here i go.

IMPORTANT :
I have used Photoshop CS2 for this tutorial, but i am sure things are very similar in all other versions. Just a little difference may be there.

Steps

1.   Create a new document with the dimensions as, say 300 by 300 pixels. [Screen Shot]
2.   Then Create a new layer (Layer>New>Layer) or simply use keys Shift+Ctrl+N.
3.   Name this layer as "Rectangle Box".
4.   Now Select the Rectangle Marquee Tool & draw a rectangular box.
5.   Then in your Layers Pallet (Window>Layers) or F7, select the "Channels" tab.
6.   On selecting channels tab, select  "Create new channel button". [Screen Shot]
7.   After this, hit keys X and then D in continuations to reset your colors.
8.   Fill the selection area with white by using the paint bucket.
9.   Then hit Ctrl+D or go to Select>Deselect to deselect the area of selection.
10.   Next, go to Filter>Blur>Gaussian Blur. Set the Radius of  your choice, say 10 and click ok.
11.   Then hit Ctrl+L and drag the arrows toward the end to where they appear to touch each other and then press ok. [Screen Shot]
12.   Now Rename this channel as "Rounded Effect".
13.   Now go back to the layers tab.
14.   Then make sure your on the layer "Rectangular Box" and go to Select>Load Selection.
15.   Select "Rounded Effect" from the Channel drop down menu and click ok.
Now you should see  your selection area in the document. Next we will apply styles to the selection area. You can search and download styles at Adobe Exchange.
16.   To apply a style, Select the Paint Bucket Tool then go to Styles Palette (Window>Styles) and Select your style (i have selected chiseled Sky) and then go back to your document and fill the selection. [Screen Shot]
17.   Don't deselect the selection area yet, if you have already done then reselect by Select>Reselect or ctrl+Click "Rectangle Box" layer in your layers pallete.
18.   Now go to Select>Modify>Contract. Specify a value in pixels, say 10. You can vary this depending on how thick border you want.
19.   Now After you contracted your selection hit the Delete Key or Press Backspace to clear the selection.
20.   With the selection still present select background layer and then create a new layer.
21.   Now fill it with a color/Gradient/Style of your choice.

The end. :) Here is the final image. [Screen Shot]

You can use this to make shady effects around objects, in borders and many more areas. Rest is all the creativity in hand.

 
Home
Search Engine Optimization
HTML
Adobe Photoshop
PHP
Networking
Contact

Web Hosting by
WantToHost.com



Copyright © 2010 Tutorials Hub . All Rights Reserved.