• Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
    Dedicated community for Japanese speakers
  • 한국 커뮤니티
    Dedicated community for Korean speakers
Exit
0

Wrapping objects around other objects.

Explorer ,
Apr 01, 2018 Apr 01, 2018

Copy link to clipboard

Copied

I have been trying to figure out how to do this for the longest time.  I usually just break down and do the project in Photoshop, but I am determined to figure out how to do this in Illustrator.

Below you will see a screen shot of my Illustrator project.  What I want to do is make that sash look like it is wrapped around the thistle plant.  So those edges should be behind the plant while the middle section is on top.

I've been googling but nothing is coming up for "object wraps around another object illustrator."  The only thing that comes up pertains to text.  I hope someone can help me figure out what this is called AND how to do it.

PS I am by no means proficient with Illustrator.  I have never really understood Compound Paths or Clipping Masks... in Photoshop or Illustrator.

wrap-around-object.jpg

Thank you for your help.

Kim

Views

9.4K

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines

correct answers 1 Correct answer

New Here , Mar 06, 2024 Mar 06, 2024

I found this thread in 2024, and it was helpful in manually doing some wrapping on a logo concept I'm working on. 

However, for anyone else finding it who also doesn't know, if you're using a new version of Illustrator, there's a tool called "intertwine" that makes this much much easier! At least with paths. I'm not sure about raster objects. Here's a short video that helped get me started. Intertwine will make these tasks much easier going forward. 

Thank you to everyone on this thread who helped

...

Votes

Translate

Translate
Adobe
Guide ,
Apr 01, 2018 Apr 01, 2018

Copy link to clipboard

Copied

well, the easiest way is

1. to divide the banner into 3 separate parts

2. Save your raster illustration in Photoshop with a transparent area around the object (e.g. in PSD format)

3. Place the illustration into your artwork and put the central part above the illustration and edges under it (using Ctrl/Cmd+[ and Ctrl/Cmd+] key combinations)

4. Adjust the details' positions.

If you need any explanation about certain steps, just ask and I'll give the more detailed description.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Explorer ,
Apr 01, 2018 Apr 01, 2018

Copy link to clipboard

Copied

I really didn't want to take it into Photoshop.  I was hoping to learn how to do this in Illustrator.  What action is needed to do this?  Maybe I can find a tutorial on youtube?

Kim

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Guide ,
Apr 01, 2018 Apr 01, 2018

Copy link to clipboard

Copied

did you draw the main illustration also in Illustrator?

If yes, the action is just to set the z-position of each detail (above/under) using Ctrl/Cmd+[ and Ctrl/Cmd+] shortcuts

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Apr 01, 2018 Apr 01, 2018

Copy link to clipboard

Copied

So, something like this, with the curled ends of the sash as separate paths actually under (or behind) the thistle and the front of the sash

Thistle sash.png

Peter

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Guide ,
Apr 01, 2018 Apr 01, 2018

Copy link to clipboard

Copied

If your illustration is raster, you can choose one of 2 ways.

1. If the image is hard black/White and you don't mind about some small inaccuracy of lines, you can use Image Trace option:

  • Place the image and click an Image Trace button on Control Panel
  • flo_01.jpg
  • Expand the Image Trace result
  • flo_02.jpg
  • Double-click on the image to come into the group, select the "background" shape and delete it
  • flo_03.jpg
  • Close the Isolated Mode (double-click anywhere on the screen out of the image)
  • Draw the details of wrapping banner
  • Select the "back" details and use Ctrl/Cmd+Shift+[ shortcut to send them totally back or Ctrl/Cmd+[ to send them 1-level backward.
  • flo_04.jpg
  • Here is the result:
  • flo_05.jpg

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Guide ,
Apr 01, 2018 Apr 01, 2018

Copy link to clipboard

Copied

if the illustration is more complex and you want to keep it fine, you have to not be afraid of Clipping Masks

The first and last parts (placing the image and from drawing the ribbon) are the same as in the previous version. But intermediate steps are different.

  • After placing the image, use the Pen tool to draw more or less precise contour around the illustration. The more precise shape, the better result.
  • flo_06.jpg
  • Choose Object -> Clipping Mask -> Make
  • flo_07.jpg
  • The area around the object become hidden.
  • Draw the ribbon and adjust z-position like is described in the previous post.
  • flo_09.jpg

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Jun 10, 2018 Jun 10, 2018

Copy link to clipboard

Copied

Awesomeness!

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Apr 01, 2018 Apr 01, 2018

Copy link to clipboard

Copied

Hey Kim

I think what you're probably after here will involve an opacity mask—they are very similar to masks in Photoshop, too so you should be able to get up and running very quickly.

Create solid shapes based on the parts of the thistle that you's like to be in front of the banner, and copy those to the clipboard, then select the banner, go to the Transparency panel, and select Make Mask.

Click the mask to activate it and paste in your artwork. Same as Photoshop—white to reveal, black to conceal—although Illustrator gives you a couple more options below the mask.

If that's not enough info, look at this page or come back to us. Hope that helps.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Apr 01, 2018 Apr 01, 2018

Copy link to clipboard

Copied

We could start the Royal Society for Wrapping Objects Around Other Objects.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Apr 01, 2018 Apr 01, 2018

Copy link to clipboard

Copied

Good grief, Jacob, I go away for a few minutes and everyone shows up! Must be my bedtime.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Mar 06, 2024 Mar 06, 2024

Copy link to clipboard

Copied

LATEST

I found this thread in 2024, and it was helpful in manually doing some wrapping on a logo concept I'm working on. 

However, for anyone else finding it who also doesn't know, if you're using a new version of Illustrator, there's a tool called "intertwine" that makes this much much easier! At least with paths. I'm not sure about raster objects. Here's a short video that helped get me started. Intertwine will make these tasks much easier going forward. 

Thank you to everyone on this thread who helped already!

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines