Want to win a PS4? Go Premium and enter to win our High-Tech Treats giveaway. Enter to Win

x
?
Solved

Producing a ragged edge effect in Illustrator

Posted on 2008-10-15
14
Medium Priority
?
1,624 Views
Last Modified: 2013-12-02
How would I get the look of the background of this image in Illustrator?  Not just the ragged edges, but the mottled look as well.

IFor the ragged edges,  tried a bunch of different effects in the Effect Gallery and couldn't get it right.

Thanks,

John
raggedEdges.jpg
0
Comment
Question by:gabrielPennyback
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 8
  • 5
14 Comments
 
LVL 11

Expert Comment

by:Jason210
ID: 22724489
You'd do it Photoshop, because that's a raster graphic. Illustrator is a vector application.
Raster applications, like Photoshop, are for editing images made up of pixels.
Vector applications are for drawing geometric type graphics, like icons, company logos and so on.
Do you have Photoshop?
0
 
LVL 1

Author Comment

by:gabrielPennyback
ID: 22728079
Yes I do.  How would i do this in Photoshop?
0
 
LVL 1

Author Comment

by:gabrielPennyback
ID: 22728081
Photoshop CS3
0
VIDEO: THE CONCERTO CLOUD FOR HEALTHCARE

Modern healthcare requires a modern cloud. View this brief video to understand how the Concerto Cloud for Healthcare can help your organization.

 
LVL 11

Expert Comment

by:Jason210
ID: 22728678
OK. I'm not sure exactly how they achieved that effect, but lets start with something like this...
001.jpg
0
 
LVL 11

Expert Comment

by:Jason210
ID: 22728725
Select the brush tool.
On the top left of the options bar is a symbol of a brush, with a downward pointing arrow.  Click on the arrow.
A box appears with a list of three presets.  On the top right of the box is an arrow poiting to the left. Click on this arrow.
A menu appears.  Choose "Brushes" near the bottom. Click "OK".
You will now have a new list of presets in the box.  Choose "CHALK BUILD UP".
Change the brush size to about 30 pixels, and change the foreground color to white.
Paint around the edge of the graphic until you get this result.

002.jpg
0
 
LVL 11

Expert Comment

by:Jason210
ID: 22728732
It's not quite the same but may be it's a ok?
You can use the blur tool on it too make it a little blurry:

003.jpg
0
 
LVL 11

Expert Comment

by:Jason210
ID: 22728737
There a lots of ways to achieve the effect you're looking for - this is just one approcah which uses a brush style to get the basic pattern.
You can try different brush styles, and also combining different brush styles. You can also take a very small brush with a softedge and work on it manually. I think this kind of stuff just takes a bit of time!
0
 
LVL 11

Expert Comment

by:Jason210
ID: 22728959
A better approach is to use the eraser tool, in Brush mode, with a brush style from the brush palette. The  you have transparency if you want it.
When you have a brush style, you can play around with the dynamics of the brush by clicking on this button:

brush-palette.jpg
0
 
LVL 11

Accepted Solution

by:
Jason210 earned 2000 total points
ID: 22729173
I tried trhe last method, and it worked quite well. There are some good parameters you can change regarding the brush styles, when you press that button above.
I found shape dynamics,  scattering and angle jitter useful here.
I don't normal work with brush styles, so this has been an interesting problem for me. Thanks!

Eraser-brush.jpg
0
 

Expert Comment

by:djwinger
ID: 22731815
If you really wanted it in Illustrator for scalable vectors, you could convert it to solid black and white in Photoshop using a mixture of the Levels and Paintbrush tools, and then import the image into Illustrator and use the Live Paint option to turn it into a vector.
0
 
LVL 1

Author Comment

by:gabrielPennyback
ID: 22732025
Jason, tis is an embarrassment of riches, thanks.  I want to try them out so I'll no which ones to give the points to.

Thanks!

John
0
 
LVL 1

Author Closing Comment

by:gabrielPennyback
ID: 31506429
Jason, this is the one that looks the best to me, but all your answers are helpful.  Thanks!
0
 
LVL 1

Author Comment

by:gabrielPennyback
ID: 22881216
djwinger, thanks for posting your answer. I may be asking another question about how to do what you're suggesting.
Thanks,
John
0
 
LVL 11

Expert Comment

by:Jason210
ID: 22883618
Glad it worked - thanks for the points.
0

Featured Post

Tech or Treat!

Submit an article about your scariest tech experience—and the solution—and you’ll be automatically entered to win one of 4 fantastic tech gadgets.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

HOW TO CREATE A WEB 2.0 IMAGE WITH A REFLECTION I would like to start by saying I know Web 2.0 isn't a style. It is actually the practice of information sharing or  collaboration on the Web. It is also associated with the technology that is used …
This article outlines the struggles that Macs encounter in Windows-dominated workplace environments – and what Mac users can do to improve their network connectivity and remain productive.
Users will learn how resize a batch of photos from a single command in Photoshop via Photoshop's Image Processor. Open up an Image you'd like to resize in Adobe Photoshop: Adjust the image size according to your preferences. Image > Adjustments > …
In this tutorial viewers will learn to create a unique 3D lineart effect using the tilde key combinations in Illustrator Open a new document in Illustrator.: Locate the tilde key on your keyboard. It is usually in the top left and looks like a ~: Se…
Suggested Courses

610 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question