Mobile app version of vmapp.org
Login or Join
Jessie844

: Connecting joints in illustrator (polygon and triangle) I am trying to connect two shapes at their intersecting points so that whatever the size of the image, it will still retain its proportions.

@Jessie844

Posted in: #AdobeIllustrator #Path #Shapes

I am trying to connect two shapes at their intersecting points so that whatever the size of the image, it will still retain its proportions. Currently I am facing these issues:


When I combine these two shapes, corners of the triangle starts sticking out as I scale down to a really small size.
When both shapes are perfectly aligned at a certain size, triangle offsets from center to either left or right as I start scaling down.
Border retains its thickness when it is scaled down, so 3px border at 400x400 looks good but same 3px on 30x30 looks awful. I am not sure if there is a workaround for this!


As you can tell I am a novice Illustrator user and and any help is much appreciated.

P.S Black circles are just to show the problematic intersections. Not part of the shape :)



Thanks...

10.03% popularity Vote Up Vote Down


Login to follow query

More posts by @Jessie844

3 Comments

Sorted by latest first Latest Oldest Best

 

@Jennifer810

If you expand the object, it will convert all strokes into shapes so they will scale with the rest of the objects. Strokes are common problem areas with scaling especially if moving between illustrator and svg on the web.

Select the objects with a stroke and select Object > Expand...


Now all of the strokes are gone and everything will scale correctly.

10% popularity Vote Up Vote Down


 

@Dunderdale640

When I combine these two shapes, corners of the triangle starts
sticking out as I scale down to a really small size.

Border retains its thickness when it is scaled down, so 3px border at
400x400 looks good but same 3px on 30x30 looks awful. I am not sure if
there is a workaround for this!


First, you don't specify how you are "combining" the two shapes (basic options are Group or Merge). I think the answer to both of these questions lies inside a new question: where (and why) are there "borders"? If you set your Stroke to None, it should alleviate both of the issues above.



If you must use a Stroke on either of the shapes, you can retain your perimeter by aligning the stroke to the inside of the shape:




When both shapes are perfectly aligned at a certain size, triangle
offsets from center to either left or right as I start scaling down.


I couldn't duplicate this issue, but it sounds like it has something to do with the Reference Point. Just make sure that it is at center for the shapes you are resizing.



You should also specify how you are scaling the shape. The simplest way is to select the Group of shapes and either drag the transformation handles (holding down the Shift key to retain proportions) or type in an absolute value for the width or the height in the options bar (making sure the Constrain Width and Height Proportions chainlink is selected). Either method should scale perfectly.

10% popularity Vote Up Vote Down


 

@Holmes874

Create this shape in bigger size lets say 1024x1024. greater Size = more control you have
If you want to save your file in 30x30 then don't scale it down, just save for web and then define the size.

10% popularity Vote Up Vote Down


Back to top | Use Dark Theme