Group all of the graph elements together, and then align them correctly on your Artboard. Insert another Text Layer (T), change the text to the percentage sign (%), and give it the following settings…Īdd the final Text Layer (T) for the circular graph, adjust the wording to something like ‘4 Deeds Complete’, and give it the following settings… Insert a new Text Layer (T), adjust the wording to something like ’25’, and give it the following settings… For this tutorial I’ve shown you one, quick, and easy way. Quick Note: There are various ways to create circular graphs inside of Sketch. Using the Transform option, enter 180 into the Rotate field. Give the circle a color value of #8C72E3, and then place that layer behind your white circle. With the circle still selected, right click, and choose Duplicate. Then, using the Scissors tool, click on a section of the circle to remove it… Remove the Fill Color, change the Border Color to #FFFFFF, and increase the Border Thickness to 6px. Now, let’s get our circular graph chart into place shall we?įirstly, draw out a circle with the Oval Tool (O), 200px x 200px. Hold Alt so you can measure the correct distance between your title, and control bar.
With the arrow icons, and text layer selected, use Align Vertically to tighten the elements up. Then, using the Scale tool, reduce the height of these icons to 20px, and the color to #FFFFFF.
Insert the Menu + Search Symbol you created before, and align this correctly on the Artboard.ĭrop in your Text Style, and change the wording to something like ‘December, 2015’, then align this on the Artboard.įrom Iconjar, grab both the arrow left, and arrow right icons. Run the Unsplash It plugin to choose a suitable image.ĭraw out another Rectangle (R), with the same dimensions as the one you just created, and then choose your gradient Shared Style from the Inspector Panel. We’ll be using a new background image for our Monthly Planner screen, so go ahead and draw out a Rectangle (R), 375px wide, and 667px high (remember to remove the border), which covers the Artboard. Explore 11,000+ Sketch Templates Monthly Planner
0 kommentar(er)
