Tutorial

Click on thumbnailed images to enlarge

Recognize this?

User posted image

Several of you have asked me how I did the torn edge effect from my [url=http://www.createblog.com/forums/index.php?showtopic=41184]Grungy Pixel Effect[/url] tutorial. You may also recognize it from my skin: [url=http://www.createblog.com/forums/index.php?showtopic=30249]Kill Our Kittens Plz[/url]. So here I will show you how it's done.

----------------------------------------------------------------------

1) We're going to use the following image of Alicia Keys, recycled from my [url=http://www.createblog.com/forums/index.php?showtopic=41184]Grungy Pixel Effect[/url] tutorial. Right click on the image and choose "Copy".

User posted image

2) Open up Photoshop and go to: File >> New. The settings should be preset to the dimensions of the image you just copied. To be sure, check to make sure your settings are as follows:
[size=1](Thumb'd)[/size]
Click to enlarge

3) Create a new layer: Layer >> New >> Layer. Hit OK. Press CTRL + V or Edit >> Paste to paste our image into the document.
[size=1](Thumb'd)[/size]
Click to enlarge

4) Add a 1 pixel border: Layer >> Layer Style >> Stroke. Copy the settings shown below:
[size=1](Thumb'd)[/size]
Click to enlarge

5) Now select the lasso tool. Turn off Anti-aliasing and drag the lasso around the areas you want the torn border effect on.

User posted image

6) Invert your selection: Select >> Inverse.

User posted image

7) Delete your selection by hitting the DELETE or BACKSPACE key.

User posted image

8) Save your image as a .gif: File >> Save For Web. Use the following settings:

User posted image

This allows for your image background to retain its transparency. Hit Save.

9) Your final product should look similar to the following:

User posted image

----------------------------------------------------------------------

That's all there is to this effect. Try this with your favorite images and get lasso happy if you wish. =]

User posted image

NOTE: If you'd like to learn how to achieve the grungy pixel effect as seen in the image above, view my tutorial: [url=http://www.createblog.com/forums/index.php?showtopic=41184]Grungy Pixel Effect[/url].

----------------------------------------------------------------------

Copyright © 2004 Xquizit
You are not authorized to copy or distribute any content from this tutorial.

Tutorial Comments

Showing latest 1 of 1 comments

this is so ott i love it

By celle329 on Oct 24, 2008 10:58 am

Tutorial Details

Author xquizit View profile
Submitted on Feb 11, 2006
Page views 34,290
Favorites 121
Comments 1

Tutorial Tags