Zymic

Webmaster resources

Website Traffic Special

1000 visitors from $3.95 - Learn More

Adobe Photoshop

Free Tutorials » Adobe Photoshop » Dashed Borders

Learn how to create dashed borders for your images and graphics in this simple and easy unique tutorial.

Step 1

Open up your image or layer you wan't to apply this stylish effect to.

Step 1 diagram

Step 2

Now either CTRL + click the layer or grab the Magic Wand tool and select outside of your image. It should look like below:

Step 2 diagram

Step 3

Now go to [ Select > Inverse ]. Once done go to [ Select > Modify > Expand ], I put around 3 pixels in the option box, but try a different amount if it doesn't look right.

My result is below:

Step 3 diagram

Step 4

We will now use our common sense, make sure the image with the dashes is completely shown on the screen and then Print the screen using your keyboards print screen button.

Then make a new document, keep the size as it says and paste the screen shot into the document. You can now select the skull using the rectangular marquee tool and copying it into a new document or you can take the result a few steps further.

I kept using the Magic wand tool and selected inside bits of the skull, then either used Contract or Expand in the select tool bar, printed the screen, pasted it and then selected another but of the skull and repeated the process. My result is shown below. This creates a cool unique and stylish effect which is quick and easy to do.

Step 4 diagram

Tutorial comments

02.08.2008 -

themoment says …

This is better done in Illustrator. There is no consistent way to get a dashed border using this method.

08.03.2008 -

Mochizuki says …

This is kinda stupid. I mean, the result looks kinda cool, but the second one is far from stylish.. I've seen better tutorials on zymic!

06.12.2007 -

xelementz says …

No offense, but this has GOT to be one of the worst tutorials I have EVER seen! Come on, Zymic... step it up...

27.10.2007 -

epara-11 says …

this is nice but people dont understain :D

View all user comments for this tutorial.

Tutorial statistics

Date added:
28.10.2004
Author:
Zymic
User rating:
1/5
Rate tutorial:
Total views:
4502
Total comments:
4

Advertisements