: 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.

@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.

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.

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.

Vote Up Vote Down