Mobile app version of vmapp.org
Login or Join
Marchetta832

: Complex Rounded Corners in Ai or Sketch I'm really inspired by Tim Van Damme's and Abstract's Mac Icon. The rounded corners that make up the icon are interesting to me. I've seen Tim make

@Marchetta832

Posted in: #AdobeIllustrator #Corners #Icon #InterfaceDesign #SketchApp

I'm really inspired by Tim Van Damme's and Abstract's Mac Icon. The rounded corners that make up the icon are interesting to me. I've seen Tim make rounded edges like these before and would like to learn how it is done.

This is the icon I am referring too. In Ai or even Sketch, how would you approach or create rounded corners like this?



Image property of Abstract

Update:

I'm finding that image trace in illustrator to be somewhat helpful. It's not making this shape from scratch, but it is allowing me to study it better.

10.02% popularity Vote Up Vote Down


Login to follow query

More posts by @Marchetta832

2 Comments

Sorted by latest first Latest Oldest Best

 

@Turnbaugh909

Any AI version


Draw a circle
Object > Path > Add Anchor Points
Select the 4 original anchors on the circle
Double-click the Scale Tool and enter a value less than 100%. Roughly 90-95% will provide those slightly rounded outer curves. The amount of the curve depends upon the percentage used.

10% popularity Vote Up Vote Down


 

@Margaret771

In Ai:


draw a circle
take the direct selection tool
move all 4 anchor points the same amount towards the center of the circle.


The following cartoon shows how to get exactly the same curvature as your model has. For different curvature have a differently sized square.



The final appearance need some coloring. Also some embossing is possible for metallic effect. Here's how to color:



Addendum - How I quessed the dimensions for an exact copy?

Maybe me, but no really creative artist think "that appearance needs a square with side length = the circle radius multiplied by the square root of 2" He needs a visual clue. This is the easiest exactly repeatable visual selection for the square size. I tested it and it happened to fit.

10% popularity Vote Up Vote Down


Back to top | Use Dark Theme