?
Solved

Producing a ragged edge effect in Illustrator

Posted on 2008-10-15
14
Medium Priority
?
1,615 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

New benefit for Premium Members - Upgrade now!

Ready to get started with anonymous questions today? It's easy! Learn more.

Question has a verified solution.

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

Read about why website design really matters in today's demanding market.
: Microsoft Office Collaborate for free and online versions of Microsoft  Word, Excel, Powerpoint, OneNote, Onedrive , Email, Calendar etc. In short we can say that Microsoft office is a suite of servers, applications and services developed by  Micr…
In this Micro Tutorial viewers will learn the basic shortcuts and functions of Illustrator. The viewer will learn about the paintbrush tool, anchor points, font sizing, and more.
When you create an app prototype with Adobe XD, you can insert system screens -- sharing or Control Center, for example -- with just a few clicks. This video shows you how. You can take the full course on Experts Exchange at http://bit.ly/XDcourse.
Suggested Courses
Course of the Month11 days, 11 hours left to enroll

752 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