Tutorial
Click on thumbnailed images to enlarge
Recognize this?
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".
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]
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]
4) Add a 1 pixel border: Layer >> Layer Style >> Stroke. Copy the settings shown below:
[size=1](Thumb'd)[/size]
5) Now select the lasso tool. Turn off Anti-aliasing and drag the lasso around the areas you want the torn border effect on.
6) Invert your selection: Select >> Inverse.
7) Delete your selection by hitting the DELETE or BACKSPACE key.
8) Save your image as a .gif: File >> Save For Web. Use the following settings:
This allows for your image background to retain its transparency. Hit Save.
9) Your final product should look similar to the following:
----------------------------------------------------------------------
That's all there is to this effect. Try this with your favorite images and get lasso happy if you wish. =]
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.
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".
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]
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]
4) Add a 1 pixel border: Layer >> Layer Style >> Stroke. Copy the settings shown below:
[size=1](Thumb'd)[/size]
5) Now select the lasso tool. Turn off Anti-aliasing and drag the lasso around the areas you want the torn border effect on.
6) Invert your selection: Select >> Inverse.
7) Delete your selection by hitting the DELETE or BACKSPACE key.
8) Save your image as a .gif: File >> Save For Web. Use the following settings:
This allows for your image background to retain its transparency. Hit Save.
9) Your final product should look similar to the following:
----------------------------------------------------------------------
That's all there is to this effect. Try this with your favorite images and get lasso happy if you wish. =]
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
