Rounded Edges Tutorial, Photoshop 5.0+ by squage

Rounded Edges GFX Tutorial
Program: Adobe Photoshop 5.0+
Time Required: 3-5 Minutes
Difficulty: Easy-Moderate
Note: When I use measurements, I will be using pixels, not inches
 
Step 1
------------
Make a new image, it should be the size that you want for your rectangle (obviously). To start off, I made a 400x400 image and filled the background with black. You should do the same.
 
Step 2
------------
Select white as your new foreground color. Make a rectangular marquee selection and fill it with white. You can make the selection any shape that you want, so long as you use rectangles. Take a look:
 
Step 3
------------
Switch from the Layers palette to the Channels palette. This is usually done by clicking a tab, depending on how you have your Photoshop set up.
Make a new channel by clicking on the "new channel" button. You will see "Alpha 1" as the new channel.

Go back to the layer with your white 'tangles from step 2. Do a CTRL-A, then CTRL-C to copy the whole lot of it (w/Scottish accent) to the clipboard.

Now back to the Channels palette, click Alpha 1, then hit CTRL-V to paste what you just copied. You will see your design in Alpha 1 now.

 
Step 4
------------
With Alpha 1 still selected, go to the Filters menu, then Blur, then Gausian Blur. Set the amount to about 6.0. Click OK. Here's what you should see:
 
Step 5
------------
Still in Channels, and still with Alpha 1 selected, you need to go into the Image menu, and choose Adjust, then choose Levels. The Adjust Levels dialogue box will pop up and show you some options. Use the settings I used below:

In case you can't read those, they are 94, 100, 135. Leave the bottom settings alone. Press OK.

Now do another CTRL-A, then CTRL-C to copy your new rounded creation to the clipboard. Switch back over to the Layers palette, and hit CTRL-V to make a new layer.

 
Step 6
------------
Now it's up to you what to do - you can apply whatever effects or colors you want to your new layout. I did some simple stuff to mine, and now I could use the design as a navigation for a website or UBB.

Example Final Image:
 
=====END=====
 

©Copyright by ubbdev.com and respective artist. This tutorial may not be added to any collection or sold without prior permission. Contact ubbdev.com or individual author for more information.

Intro Menu
Latest Threads:
Coming Soon!
UBB Dev Email
Email Login

Password


New user? Sign up!

Latest Mods:
Coming Soon!

Sponsors:
120 x 90 Port

� 2000-2001 UBB Developers Network