Solved

Creating rope as a brush - Illustrator

Posted on 2011-02-20
16
1,453 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
  • 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
Independent Software Vendors: 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 500 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 500 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: SSL Checker

Scans your site and returns information about your SSL implementation and certificate. Helpful for debugging and validating your SSL configuration.

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

Suggested Solutions

Title # Comments Views Activity
Why is this simple, masked Flash animation flickering? 20 205
VCD to mp4 11 258
Configuring Autocad with a Quadro K4000 graphics card 23 373
Video Overlay Banners 2 134
In this article, I'll explain how to change the color of a selection in Photoshop. I'm sure there are a couple different ways to do this in photoshop, but this is my preferred method in Photoshop. I am using Photoshop CS6 and I will be adjusting the…
Many programs have tried to outwit PowerPoint in terms of technology and skill. These programs, however, still lack several characteristics that PowerPoint has possessed from the start. Here's why PowerPoint replacements won't entirely work for desi…
Not only does Prezi allow you to create non-linear presentations, it also makes it easy to apply transition animations between your frames. Learn how to apply a fade-in transition to select items and entire frames in this tutorial Select "Edit Path"…
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.

726 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