Ripped and Torn Edges and Stuff

Photoshop allows you to create that ripped, torn and distressed effect that has been seen around lately. It's a simple practice in masking and brush settings. This tutorial will show you how to achieve that ripped effect with little effort, and a lot of flexibility.

I was looking through a recent print magazine in which they were displaying artwork around the world. I saw a lot of grungy, torn, ripped and generally distressed design trends. I like trendy things, so I figured I'd show a way of recreating these effects in Photoshop.

Start with a blank document and make a square selection with the Marquee tool M a little smaller than your document.

image 1

Create a Solid Color Adjustment Layer and fill it with whatever color you want. In this case, I used #6D665B.

image 2

Now choose the Brush tool B. Select the Brush menu at the top, in your Options palette, and select the Chalk 17 pixels brush. NOTE: If you are having trouble finding the brush, when your Brush palette drops down, select the small arrow in the upper right corner, then select Small List. It should make your palette look like mine.

image 3

Press D to set your colors back to default. Bring up your Brush Options by pressing F5 or going Window > Brushes.

image 4

Click on "Shape Dynamics" and change the settings similar to mine:

image 5

Size Jitter: 100%
Minimum Diameter: 0%
Angle Jitter: 50%
Roundness Jitter: 25%
Minimum Roundness: 25%
Flip X Jitter: Yes
Flip Y Jitter: Yes

NOTE: I use a Wacom Tablet (wacom.com) so my brush tip shape preview probably looks different than yours. Mine is feathered at the edges.

Click on "Scattering" and change the settings similar to mine:

image 6

Scatter: 100%
Both Axes: Yes
Count: 1
Count Jitter: 0%

Next, click on "Texture". Click on the texture preview window, and choose the second texture from the left.

image 7

Then, change the settings:

image 8

Scale: 100%
Mode: Color Burn
Depth: 50%

Click on "Other Dynamics" and change the settings to:

image 9

Opacity Jitter: 50%
Flow Jitter: 0%

And finally, click on "Wet Edges" and make sure "Smoothing" is checked.

Now, just brush along the edges of your color square, and watch how it works.

image 10

You'll probably want to save your brush settings. Click on your Brush Presets menu again, and choose "New Brush Preset...". Name the brush whatever you like.

image 11

Go back to the Brush Preset menu and choose the "Spatter 24 pixels" brush.

image 12

Go back to the Brushes window and check the same settings you had earlier. When you click on each box, it should remember your settings from the previous brush. The only difference, is we're going to set:
Scattering: 1000%

image 13

Set your foreground color to a light gray, I used #B6B6B6.

Now, don't click and drag. Just point and click once, randomly across your image. This should add a little more distress.

image 14

Now, we're going to create another Solid Color Adjustment Layer. Make it slightly darker than the color of your first one. Then press Ctrl + G to create a Clipping Mask. CS2 users have to use Ctrl + Alt + G.

Press D to set your colors to default. Press Ctrl + Backspace to fill the mask with black. With white as your foreground color, use the same brush and same technique as above.

image 15

Now, to finish it off, you can add some Noise to the top layer by going Filter > Noise > Add Noise. Adjust the settings to your liking and apply.

The great thing about this technique, is that you can experiment with many of the different brushes and their settings to get different effects. I'll leave it up to you to get creative.

Ripped and Torn Edges and Stuff Tutorial: Final Result


Close    To Top
  • Prev Article-Photoshop:
  • Next Article-Photoshop:
  • Now: Tutorial for Web and Software Design > Photoshop > Special Effect > Photoshop Content
    Photoshop Tutorial
     

    Special Effect

      3D Effect
      Photoshop Articles
    Programming Tutorial
     

    C/C++ Tutorial

      Visual Basic
      C# Tutorial
    Database Tutorial
     

    MySQL Tutorial

      MS SQL Tutorial
      Oracle Tutorial
    Geek Tutorial
     

    Blogging Tutorial

      RSS Tutorial
      Podcasting Tutorial
    Graphic Design Tutorial
      Coreldraw Tutorial
      Illustrator Tutorial
      3D Tutorials
    Webmaster Articles
     

    Domain Service

      Web Hosting
      Site Promotion
    Java Tutorial/ Articles
     

    Java Servlets

      JavaEE Tutorial
     

    JavaBeans Tutorial

    XML Tutorial/ Articles
     

    XML Style

      AJAX Tutorial
      XML Mobile
    Flash Tutorial/ Articles
     

    Flash Video

      Action Script
      Flash Articles
    OS Tutorial/ Articles
      Linux Tutorial
      Symbian Tutorial
      MacOS Tutorial
    Personal Tech
      Hardware Tutorial
      Software Tutorial
      Online Auction