website promotion banner
Free Stock Images
  • Create A Free Account
  • Download High-Res Stock Images For Free
  • +5 Million Images
Your Ad Here
Photoshop  Home Photoshop Web Layout Custom Shape
rss

Custom Shape

Author: WebDogPro More by this author


I know when I was new to photoshop I would always wonder how to make custom shapes. Photoshop has standard shapes built it, like your Rounded Rectangle Tool and all of those, but say you want to create your own groovy shape, how is it done?

Here we go, I'll show you the way it's done, then you can play about and create whatever shapes you want!

Create a new document, I've made mine 720x540 and grab your Rectangular Marqee Tool and make yourself a nice big square, but DO NOT fill it with anything, just leave it highlighted, as shown below:

Now you have your square, oen up your Channels Window for those who don't know how to get this up on your screen, go to Window>Channels and make sure the box is ticked.

So you now have your channels window open right? select Save this section as channel which is the button that looks like this

Now you have created a new channel, double click it and give it a name, I called mine Shape.

Your screen should be all black with the shape highlighted in white. Press CTRL+D to deselect the shape so it's no longer highlighted and you should be left with a white box. like this:

Now then, heres where the magic starts!

Grab your Polygonal Lasso Tool and make a little triangle in the corner of the shape like this:

you can make your triangles any size you want, and they don't have to be anything speical, as you can see mine is all over the place. Anyway, once you have highlighted it, press delete and the corner should disapere.

Go around and do this to all of the corners, here is what mine ended up looking like:

As you'll see I took a chunk out of the top of the shape, just to give it a bit of life, you can do this as well if you like, just use your imagination!

Now we have some kind of distorted shape - Heres how we make it look nice.

Go to Filter>Blur>Gaussian Blur and set it to 4pixels again, you can set this to anything you like.

Now our shape is blured press CTRL+L and this window should pop up, set your shape at the following settings:

Now when you press ok, your shape should be looking like this:

Looks kinda cool now right?

Now what we need to do it CTRL+Click the shape layer, make sure it looks like this:

Now go back to your Layers Pannel, and click on the background and you should return to your normal page, with the shape we have just made still highlighted.

Create a new layer, and fill the highlighted shape with any color you want.

Bingo, we have have a nice custom made shape that could be used for interfaces or sigs or whatever really.

Here's my finished product after some editing:

Custom Shape Tutorial: Final Result



Rate this Material: Bad 1 2 3 4 5 Excellent
print this page tell a friend subscribe to newsletter subscribe to rss

Add comments to "Custom Shape"