In this lesson, let's take a look on how to add text into your own illustrations on procreate. And on the second part of this video, I'm going to show you how to import fonts into procreate as well, so that you can use third party fonts into your own illustrations. So first, let's take a look on how to add text. And the Add Text button is actually located on the tool sub menu right here on the left side of the UI interface of procreate. And then we have to click on the Add sub menu. And there's the button right here, add text and then procreate gives you the default text box right here with the keyboard so that you can write anything that you want.

So for this lesson, I'm just going to write winter, as I want to add some type into this illustration that I've made here. And now if I want to edit the style of that font, I can click on this button on the right here on the right side, edit stop. If I want to go back into the keyboard, if by any chance I forgotten something here, I can just click on the keyboard. And once again, I can just click on the layer and let's just say winter day. But I'm actually going to delete that and just go right ahead into Edit style. So then procreate gives us some secondary options here at the Edit style option.

We can choose other fonts and these are the default default fonts that come with procreate in there are some really interesting ones that we can choose like a typewriter font, you can go with the bodoni, which is really classy. We can go with avenir which is another favorite of mine. And then we can also choose the different styles and that varies for whatever font that you are choosing. For now actually. I really like Arial rounded the let's just keep it with avenir Now for the styles. As you can see, as I click with the different styles, I can go with the lifetime face, I can go medium, can go heavy, or even the black option.

Let's just go back into I think we're going to do light for this one, I just want to see book. Let's just go with light, as this is a very delicate illustration. And I want to have some typography that actually goes with it. So now on the middle section here of the options, there are a few more things that we can do with the our type options, we can increase the size. And just notice that the text box actually doesn't grow to the size alone only grows kind of vertically as we're increasing the size of the font. And in fact, if increase more than what the box can handle, we're actually going to get cut off text actually not really cut off but it's going to break it into multi lines.

And the reason the way to fix this see those two handles here we can actually move the text layer around as we're still editing We can just move, expand the box sideways, and we see that we have our text layer into one line. And also what we can do, we can increase the kerning or the spacing between letters, we can increase the tracking, which looks similar to kerning. But I think it really relates better to multi lines. So when you have multiple lines, it can even you can really mess with the tracking. The leading is also something that I think it's better for a multi line text. And finally, baseline really moves the baseline off that layer without you having to reposition your text layer, it just moves up or down.

Finally, we have the opacity which again, is an an option to choose the opacity of the text layer only the text layer without you having to go into the layer options and tweaking the opacity. Finally, I'm just going to expand the box a little bit more here so you can see the difference. We have the attributes offer Type layer right here I can choose to be left aligned Center Alignment aligned to the right side of the textbox. And justified when we have, once again, a multi line text layer. I can also i'm just going to leave for center text layer, we can also have an underline stroke, and the outline version of any of the phones that we choose here on procreate. Finally, I can also have this text layer as an all caps typeface.

I'm going to turn that off. And just notice that I'm also going to turn off these two options. Notice that once I turn off the all caps actually brings the whole whatever your text is, it brings it all to lowercase. So I'm actually going to go back here into the editing mode with a keyboard and I'm going to type the capital W because I want to have it I want to have this as a title. So now that we have we have changed a few of these options. We can also change the color of our text layer by just clicking on the color swatch.

And we can even choose any color from our color palette. As well as we can go into For example, we can go into classic here, and we can mess up with the colors with the Classic Mode. I'm actually going to leave with this color right here. And now that we're kind of happy with our text layer, you could just click on the arrow, and we can reposition our text, whatever we want. I'm just going to leave somewhere like this for now maybe I can scale it down just a bit. And let's just have this kind of sticking out like that.

So now that we have our text later, let me show you a couple things that we can do with the Slayer. For example, now we have this text layer right here See this? You see these like little a icon and that means is it text is a live text layer. So I connect Click on restaurants. And now our text layer is transformed into pixels, which you may want for certain, certain options. But in fact, by doing this, we lose the capability of editing that text layer.

So I'm just going to undo the restaurants option. So if I click now on the little AI camera here, I can click on edit text, and I'm back into the live editing mode, I can go back into the keyboard, and click here and start deleting letters and keep editing. So once again, make sure that if you're rasterizing, a text layer, make sure that you have a backup copy. Maybe you have a second layer as the live text version just turned off on its passive. So back into our text layer. Let's see what things that we can do with our text layer.

For example, I can click on the layer and I can choose mask and now I have layer mask. And I can't for example, it raise these letters right here. kind of have the word kind of sticking in from the circle. So now let's see what other things we can do here with our text layer. Let's click on the Layers panel, and I'm going to select, create a new layer, click on this layer and select Clipping Mask. And now that we have our text layer with that Clipping Mask, I'm going to choose a very bright color like a white color.

And I'm just going to paint with our noise brush. I'm going to pink this and give our text layer the appearance that there is a little frosting on that text layer. So we can do those things. I can even create a new layer, click again, select Clipping Mask. Let's choose a color from our palette that's really bright again, like this brighter cyan and just paint the top. Again, it's kind of getting frosty and cold.

And that's just like one more edit effect that we can do to our text layer. So now let's delete these two layers. And let me show you how we can import fonts into procreate. Meaning let's see how we can change this font into a custom font that we can bring in into the procreate application. So there are actually three ways to import fonts into procreate, the first one and most direct one. Let's just click on our text layer.

I'm going to click Edit Text just to be back into this interface. And we have to be in the Edit edit style kind of section. We see here there's an option called import font. Once I click Import font, there are there are a few places where we can import fonts. We can import fonts from our iCloud Drive from files stored on our iPad, or from a third party service such as Dropbox. For this video, I'm actually going to show you how to import phones from Dropbox.

So now that we're here on my Dropbox, I have my OTF version of this phone right here which I've acquired from the internet. I bought this font and I'm just going to click on this phone And it says reporting, and it's done. And once procreate brings in that typeface, it is organized in an alphabetical order list. So this font is right here at the bottom. I'm just going to find it. And there it is.

It's kind of like a handwritten style font. And I'm just going to again, move things around me, we'll bring this in. And here's our custom font into our illustration. So now let's take a look at what other ways we have to import fonts into procreate. The second option is to bring the files menu by just clicking and dragging the files on to the right sidebar here. And you see that I have my font, once again, selected on my Dropbox.

So all we can do is just click and drag into procreate, and you see the plus sign and it brings the font right here. third way that we can do is actually just by using the file application. For the third option, we can use the multi touch gestures to bring that font in. So I'm going to click and select our font, and then I'm going to click on my iPad, click procreate, and then click fonts. And now I can just drop the font inside the fonts folder of procreate, and I've imported our font. So once you actually go back into procreate, you will find the font in the fonts list.

So I'm just going to go back here into edit text and you see that our imported font is right here. So these are the three ways to actually import fonts into procreate. So now just to recap everything that we've learned in this lesson first, we've learned how to add text into procreate by just clicking on the Tools menu, add some menu and the option to add text. And then we saw how we can edit the style as well as typing anything that we want here on the text layer. And once again, just clicking Edit style and changing a few options such as size, capacity, color, and the tracking and kerning. And on the second part of this lesson, we saw as well on how to import fonts into procreate, and three different ways on how to import these fonts.

So now for our next lesson, let's take a look on how to create gradients in procreate.