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

x
?
Solved

Creating rope as a brush - Illustrator

Posted on 2011-02-20
16
Medium Priority
?
1,478 Views
Last Modified: 2012-05-11
I am trying to play around in Illustrator to create some rope then say apply it to a brush for I can put that brush on a path.

I am having some trouble creating that, any ideas or anyone here create a rope texture? Looking here for inspiration: http://www.istockphoto.com/search/text/rope/filetypes/%5B7%5D/source/basic/#5a59c62

Would i first create one segment then make a brush?
0
Comment
[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
  • 9
  • 7
16 Comments
 
LVL 22

Expert Comment

by:Sigurdur Armannsson
ID: 34939013
Check these out: http://www.adobe.com/cfusion/exchange/index.cfm?event=extensionDetail&loc=en_us&extid=1045700

If you open them you can probably see how it's done.
0
 
LVL 1

Author Comment

by:catonthecouchproductions
ID: 34939146
I was able to make a simple rope shape, I am having trouble, when i draw my path my pattern shows up bigger than the original, Id like it to remain the same size. I have attached an image of the path that has the rope applied to and also the original which is the smallest one at 100%. My options are also attached.


Screen-shot-2011-02-20-at-4.57.4.png
0
 
LVL 1

Author Comment

by:catonthecouchproductions
ID: 34939148
Brush with path
0
Industry Leaders: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

 
LVL 22

Expert Comment

by:Sigurdur Armannsson
ID: 34939223
When you apply a brush to a stroke you control the size in the Stroke panel. The thickness of the stroke. The size of the original drawing is not that vital.
0
 
LVL 1

Author Comment

by:catonthecouchproductions
ID: 34940261
I have it at 1px stroke and still is MUCH bigger than the original vector I made
0
 
LVL 22

Assisted Solution

by:Sigurdur Armannsson
Sigurdur Armannsson earned 2000 total points
ID: 34941210
Try this:

Select your basic image.

Create a new brush. Select Pattern brush.

Set width to 50% for this trial.

Draw a stroke and apply the brush. (make sure there is no fill on the path).

Adjust the thickness in the stroke panel. You can go lower than 1pt.

Note: You should not be using "adjust to pixel grid" as it will restrict you to using only whole pixels.
0
 
LVL 1

Author Comment

by:catonthecouchproductions
ID: 35028114
Bingo, much much better! Now check it out. I have a weird space and can't get it flush, but the spacing is 0.

Thoughts?

Ryan

 brush and settings
0
 
LVL 22

Expert Comment

by:Sigurdur Armannsson
ID: 35028616
It looks like the pattern is broken. That is, if you look at the left end, there is white space above the end of that thread and on the right end you go white space below. You need to chop the drawing that way the left end would have part of the right end.

I know this may sound confusing, but here is what you do.

Your original pattern:

Select the eraser tool. Hold down the Alt key and drag/draw a box from left to the lower right corner of the leftmost "rope unit". This will cut away a portion of that section.

Do the same, now drag drawing from right to the lower right corner of the rightmost "rope-unit". when you watch this you see that if you moved the leftmost part over to right and joined it to the rightmost link it would make one whole.

Now make a new Pattern brush and try it out.
0
 
LVL 1

Author Comment

by:catonthecouchproductions
ID: 35035993
Ill give it a try! Will let you know how I make out
0
 
LVL 1

Author Comment

by:catonthecouchproductions
ID: 35172176

hey,

ya that is a bit confusing. So I start from the:

Left and drag to the lower right corner of the left rope unit?
0
 
LVL 22

Expert Comment

by:Sigurdur Armannsson
ID: 35181941
Here is a drawing that explains visually what I was trying to say in words.

It shows how on each end of the rope a half rope-link is missing and how to cure it.

Hope it helps some.
Rope.jpg
0
 
LVL 1

Author Comment

by:catonthecouchproductions
ID: 35226180
Ah I see what you meant. That helped alot thank you.

One last thing then I can wrap this up! I have it at the thickness I want it to be when I apply the stroke. But it wants to thicken or stretch it. Any idea?

I have been playing with the settings for that brush but it doesn't fix that issue. Id like to have a smaller stoke to resemble real rope, then I can style from there (add texture, etc.)

Thank you
0
 
LVL 22

Accepted Solution

by:
Sigurdur Armannsson earned 2000 total points
ID: 35227609
I think Pattern brush is what you need.

Drag your art to the Brush panel and choose Pattern brush. You only need to accept it like it appears, that is, only filling the first section.

Keep the behavior to Fixed and other settings just as they come. You tweak the thickness in the Stroke panel and the pattern brush is supposed to repeat itself along the path.
0
 
LVL 22

Expert Comment

by:Sigurdur Armannsson
ID: 35227896
aww... should do: Fit: Approximate Path. I think that is what you are looking for.
0
 
LVL 1

Author Comment

by:catonthecouchproductions
ID: 35233300
Thanks going to try this out.

Appreciate all your help.
0
 
LVL 1

Author Comment

by:catonthecouchproductions
ID: 35237961
Worked great! Thanks again
0

Featured Post

Free Tool: Port Scanner

Check which ports are open to the outside world. Helps make sure that your firewall rules are working as intended.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

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

HOW TO WARP A RASTER IMAGE AND ADD A REFLECTION USING ADOBE ILLUSTRATOR This tutorial is for experienced to advanced Adobe Illustrator users. Tools and Techniques that will be used in this Tutorial: Flatten Transparency (A) Envelope Distort (B…
The Summer 2017 Scholarship Winners have been announced!
HTML5 has deprecated a few of the older ways of showing media as well as offering up a new way to create games and animations. Audio, video, and canvas are just a few of the adjustments made between XHTML and HTML5. As we learned in our last micr…
I designed this idea while studying technology in the classroom.  This is a semester long project.  Students are asked to take photographs on a specific topic which they find meaningful, it can be a place or situation such as travel or homelessness.…
Suggested Courses

636 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