The perfect radial bar trick | Sketch Tutorial (2020)
13.2K views · 2020-03-12
Visual & GraphicUI Design
▶︎▶︎ https://www.udemy.com/course/learnsketch3/?couponCode=JAN22YT - Linear progress bars are easy peasy, but as soon as they get bent into a circle, designers tend to start winging it and compromising on accuracy and edit-ability. In todays tutorial I'm bringing a 3 year old tip of mine up to date to show you how to make mathematically accurate radial progress bars in Sketch. By the end of this, your circle graphs, pie charts, radial slider bars and progress bars will be perfect every time and faster than ever.
The math formula from the video 2:51 :
.(desired percentage)*(circle radius)*pi
-
Launch Sale! Take my complete Sketch course on Udemy for 75% off:
▶︎▶︎ https://www.udemy.com/course/learnsketch3/?couponCode=JAN22YT
-
Then download my entirely free Sketch resources at:
http://www.LearnSketch.com
-
The math formula from the video 2:51 :
.(desired percentage)*(circle radius)*pi
-
Launch Sale! Take my complete Sketch course on Udemy for 75% off:
▶︎▶︎ https://www.udemy.com/course/learnsketch3/?couponCode=JAN22YT
-
Then download my entirely free Sketch resources at:
http://www.LearnSketch.com
-