![]() ![]()
Because aligning the various parts of the icon to the grid wouldn’t make sense, switch it off for now with Alt + Command + G (on Windows and Linux, Alt + Control + G). Draw a rectangle ( R) with a size of 28 × 14 pixels, with fully rounded corners (“7” - drag the slider all the way to the right) inside the circle. It consists of various shapes combined into a single form, and a few paths (for the rays).įirst, the cloud (figure 2). Let’s turn to the icon itself now, a sun partly covered by a cloud. Create a “Shared Style” in the Inspector, so that you can bring over the styling to other elements. For the name, use “Icon outline.” Figure 1a: The base for the different weather conditions is a white circle with a border. To create a shared style, click on the dropdown field for “Style” in the Inspector that says “No shared style” and select “Create New Shared Style.” Now you can define which properties you want to take over - let’s keep everything checked. SELECT LAYER GRAVIT DESIGNER UPDATEMove it to “32” (X) and “368” (Y) in the “Position” fields in the Inspector.īecause we want to reuse this style for other shapes, we will create a new “Shared Style.” This allows you to sync all styling properties between various layers and to update changes with a click. SELECT LAYER GRAVIT DESIGNER FREESubscribe to weekly newsletter to receive more Gravit Designer tutorials and free resources in the future.Start with a simple circle of 56 pixels in diameter (remember to hold Shift), with a white 2-pixel inside border, with no fill outside of the “Status bar” group (figure 1a). Do not forget to share it with your friends. We are done, I hope you’ve enjoyed this tutorial. Be sure to change a colors of text blocks so they correspond to the colors of the arrows. Make duplicates of this design and allocate them on your canvas. Type Lorem inside the field and click Spacebar to create a Lorem Ipsum. Grab a Text Tool and draw a marque with the width of the rectangle. Sample the Fill Color from the first arrow using the Eyedropper Tool. Select four arrows and rotate them at the angle of -60 0 to achieve the final look.Ĭreate a Rectangle with the size of 210x45px using Rectangle Tool. Arrange them on the layers panel as shown on the picture below. Connect the arrows end-to-end and change a color of the duplicates. Select everything using Ctrl/Cmd+A make a duplicate with the Clone Command (Ctrl/Cmd+Shift+D). Do not forget to change the wording of the text from STEP#1 to STEP#2. Select the Text Layer of the duplicate group and find an option “ Reverse” under the Text Panel. Head on to the Borders Panel and change a color to #FDB658. ![]() Position this duplicate to connect arrows end-to-end. With the duplicate selected, navigate to the Tools Panel and click at the Flip Horizontal. Make a duplicate of the Group with the Clone Command ( Ctrl/Cmd+Shift+D). Select everything using Ctrl/Cmd+A and make a Group using Group Command ( Ctrl/Cmd+G). ![]() Navigate to the right Arrow Dropdown and chose the value of the Fat Arrow. It is located on the left from the Trash Icon under the Borders Panel (see image below). To create an arrow select the original shape and head on to the Advanced Stroke Settings menu. Use a red diamond handle at the bottom left of the text to position the text at the center of the path. As you can see from the picture below, I’ve sized up the Font Size to 42pt, set a Color value to #FFF and Font Weight to Extra Bold. Select the Text Layer and adjust it the way you like it more. Head on to the Borders Panel and delete the stroke. When the path is highlighted with red outline click with the left mouse button key to place the text on the path. Grab the Text Tool and come over the duplicate. Set an Open as the option for the shape appearance.Ĭreate a duplicate of the shape using Clone Command ( Ctrl/Cmd+Shift+D).Ĭonvert the duplicate of the shape to the path heading on to the Edit>Path>Convert To Path or using shortcut Ctrl/Cmd+Shift+P. Come over the second field and type a value of 270 0. In order to create a half of the circle, head on to the Appearance Panel and place a cursor to the first Angle input field. Delete a Fill Color and set a S troke Color to #FD5858. Start with a New Document at the size of 1440x900px.Ĭreate a Circle using an Ellipse tool. SELECT LAYER GRAVIT DESIGNER HOW TOIn this tutorial I will show how to design a step-by-step process infographics template in Gravit Designer. The main aim of the infographics is to make data more clear and concise for target audience, so design it with the audience in mind. We could make it beautiful, exiting and more engaging using infographics elements in our presentations. ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |