1

I have two ellipses of different radius and I want to merge them with two curved paths that connects the ellipses.

enter image description here

1) I have tried shape builder tool as per this question Illustrator: How to merge to circles and rectangle in illustrator from this sketch to make a blob? by using 2 circles touching the ellipses, but the space between the ellipses is not getting selected. If I intersect the ellipses with 2 circles then the shape builder tool is working.

2) I tried metaball script with the 2 ellipses, but was unsuccessful.

3) I also tried cutting the 2 ellipses into two halves by scissor tools and tried to unite the halves using Pathfinder unite, it did not work out.

4

You can not directly combine paths in the middle of segments. The only way to connect paths is through anchor points. Anchor points only offer two path connectors - an "in" and an "out". At no time can you have 3 paths connected to the same anchor point. You can never connect a path to the middle of another path.

The only ways to accomplish this would be .....

  • Expand the paths so they are shapes, then merge the shapes.
  • Duplicate portions of the ellipses so you can stack shapes on top of one another, but they would not be merged.

enter image description here

If you are looking to create a single, solid shape out of the overall outline, I would use the top method, then use the Shape Builder tool to just drag down the middle of the result.

enter image description here

You could also merely connect the inner paths, then use Pathfinder to combine the shapes.....

enter image description here

Note that Pathfinder doesn't work well with unfilled stroked paths. Pathfinder prefers closed shapes for most operations. Really the Pathfinder Divide is about the only operation that will work with just strokes.

  • spot on! I used the first method : converting strokes to shape, it worked the way I was searching, but the point where the curved path is touching the ellipse is jagged (in my case) not as smooth as you have achieved :( any special trick – mesumosu Dec 24 '17 at 18:51
  • Just use Outline Mode (View > Outline) and ensure your paths line up correctly. If they aren't perfectly flush, you'll get "kinks" after expanding and merging. – Scott Dec 25 '17 at 2:11
0

Quite difficult to add anything relevant, but let's try.

Just in case you are planning an image of 3D revolution surface, you can as well do the surface directly.

  • draw the revolving curve
  • goto Effects > 3D > Revolve and input the parameters; see the screenshot:

enter image description here

You can choose the wieving direction, light and color independently. Illustrator unfortunately doesn't give out a 3D model, only the rendered 2D image. But it's a vector image, not a bitmap.

You can return to revolve dialog by selecting the object and clicking the effect icon in the appearance panel. Everything is editable until you fix the effect by selecting Object > Expand Appearance.

ADD due the comment: I tested what happens when this is saved as SVG and the SVG file is opened in Firefox. This is a screenshot from Firefox:

enter image description here

It's SVG 1.1 with 3 decimals in numbers. The color isn't the same. That't obviously caused by a break in the color profiling chain. But otherwise it is shown ok - at lest as static image.

I unfortunately cannot give any quarantee, how other browsers behave with this. Or what happens, if you try to put this to fly and rotate. The SVG file is a quite heavy bunch of vector shapes. The shading is not a gradient or gradients. It's a dense pack of vector shapes which have different fill colors. In addition there is a quite complex grouping. You must test, how this works in your web application.

  • If I save this as an svg file, will there be a problem when they are rasterized as in a web browser? – mesumosu Dec 24 '17 at 23:06
  • @mesumosu more datais added – user287001 Dec 25 '17 at 0:06

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.