
So now this text is going to follow the path around the ellipse. And all you need to do to make this text follow the path that's going around the outside of this ellipse is just hover on the outside edge and click. So start by drawing an ellipse, and then just grab the Text tool. This is great for if you want to do, say, curved text.
#Gravit designer delete how to#
Next up, I'm going to show you how to do something really useful, and that is make text follow along a path. But if you check this option, now the text will shrink down in proportion with the box that's containing it. By default, if you rescale the box, it's just going to reflow the text. The last setting in this section that you need to know about is the Scale font on resizing setting. The default value for Line is 100%, but you might want to change that to 160%, for example, and you'll see the line height increase. So change Word to 10, and now you'll have larger spaces between each of your words. You can also change the spacing between the words. So, if you boost that up to 10, you'll now have quite large gaps between each of your letters. This controls how much space there is between each individual character in our text. So if you look at the Spacing row on the right-hand side, you'll see the first box is the Character setting. When you're working with text in Gravit, you also have the ability to control spacing. That will automatically give you a nice paragraph that you can use to fill up the space and test how your typography is looking. You can do this automatically in Gravit by just typing out lorem, and then hitting the spacebar.

Often we want to fill out boxes like this with filler text. So you can just set them both to Fix, and that will make our first bit of text behave just like our second bit of text. Because if you look closely at the Sizing section on the right, you can see that our new box has Sizing set to Fix on both the Width and Height.īut our first box has its Sizing set to Auto on both the Width and Height. If you have text that you created by clicking on the canvas and you want to have it function like the box we just created, you can actually do that quite easily. So if you want to control layout in that way, use a box. With the first text we created, on the other hand, that's not the case. So now if you change the size of the text, the headline is going to stay perfectly centered vertically and horizontally. So now you have the ability to take this text and center it both vertically and horizontally. Once you do that, you'll see that it adds some alignment tools on the right-hand side. If you click outside this box, it will take away the cursor, and you will just have the overall object selected. So, for example, let's say you're using this box for a headline. And the other is, if you are creating headlines, this box can help you to control the alignment and positioning of your text. One, you can fill them up with paragraphs of text instead of just headlines. These boxes are helpful for a couple of things. Another way is grabbing the Text tool, and instead of just clicking on the canvas, you click and drag to create a box that's going to hold your text. So just clicking directly on the canvas is one way that you can create some text. So you just have a little bit of a delay as it caches each new font that you want to work with and each new weight. That's just because it's loading in that font for the first time, but if you go back from Bold to Regular now, you'll see that it's instant. You may notice a tiny bit of lag when you switch the font and the font weight. We've got font sizing control and weight control right underneath, so you can choose Bold and 60 pt. So we're just going to grab Noto Sans, and you can see that it has loaded that font in for us. There are ways to speed that process up, but nothing is quite as fast as having all of the fonts available for you right here.

And then if it's no good, then you've got to start the whole thing over again. Then you may need to restart the application that you're using for your design, and test out the font.
#Gravit designer delete install#
Typically, if you're working with a graphic designer offline, and you want to use Google Fonts, then you've got to go to the Google Fonts website, find a font you like, download it, and install it. One of the most helpful things about Gravit Designer is that you have instant access to every single font in the Google Fonts library. So if we grab the Text tool from the toolbar, all we need to do is just click where we want our text to appear, and we get a text box with some dummy text that we can fill in with anything we want.Īnd then we can select our text and start taking a look at the options on the right-hand side.

We'll start with the basics, and that is the default way of creating text.
