0

I am creating an app icon and, for the envelope's top part, and I want pixel perfect accuracy.

When I try to create a rounded triangle using the polygon tool with a width 736px and then use live corners to round their radii to 18px, the width of the triangle squeezes to 688.66px (some non-even, half pixel value).

See the pink shape in this envelope? I need it with perfect 18px rounded corners with 736px width.

How is this possible with pixel perfection in Illustrator? pixel perfect rounded triangle

2

1 Answer 1

3

Dont use round. Instead start by drawing 2 circles then build your shape around those circles. This way you get to control wherethe circle center and perimeter is located.

The only hard part here is how to get perfect tangent lines. There is a tool for this available here.

5
  • Okay so if i use two 18px circle around both corners, then you are right the problem is that when i try to connect my line with the mid bottom of one circle it looks very odd, not a smooth roundness but a little bump Dec 14, 2015 at 7:31
  • 1
    @MuhammadAhsan thats why i linked the tangents from a point script. This is by far the easiest approach without you doing the trigonometry or 16 construction lines. Round wont make you happy here without trigonometry on your part
    – joojaa
    Dec 14, 2015 at 7:53
  • So there is no proper way of doing it using Illustrator alone Dec 14, 2015 at 9:22
  • @MuhammadAhsan define proper use of illustrator? Illustrator has no built in snapping for tangency. But yes you can also use rotate tool for this if you know the angle you are going for. Its just easier to tangent snap. Tangent finding is more general, you can not use rotate tool with ovals or other random shapes.
    – joojaa
    Dec 14, 2015 at 9:27
  • i will try to use that tangent script, they haven't shown how to use it but i will try for sure, thanks for sharing your answer Dec 14, 2015 at 22:51

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

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