4 Text Effects in Procreate - A Procreate for Lunch™ Class | Helen Bradley | Skillshare

4 Text Effects in Procreate - A Procreate for Lunch™ Class

Helen Bradley, Illustrator for Lunch™ & Photoshop for Lunch™

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
12 Lessons (1h 29m)
    • 1. Create Text Effects in Procreate - a Procreate for Lunch™ class

      1:09
    • 2. Fonts Brushes and Videos

      1:52
    • 3. Pt 1 - Create the Text and 3D Effect

      10:01
    • 4. Pt 2 - Create the Shadow Effect

      8:38
    • 5. Pt 3 - Get the Fonts You Need

      1:19
    • 6. Pt 4 - Create and Fill the Text with a Gradient

      7:24
    • 7. Pt 5 - Finishing touches

      6:55
    • 8. Pt 6 - Hand Dawn Text

      8:32
    • 9. Pt 7 - Highlights and Shadows

      14:27
    • 10. Pt 8 - Animate Text

      15:52
    • 11. Pt 9 - Add to the Basic Animation

      11:27
    • 12. Project and wrapup

      1:21

About This Class

Learn to use Procreate while creating three fun text effects. Each of these text effects has been designed to use different features of Procreate so you'll learn everything from installing fonts to pulling fonts apart and creating hand drawn text with ease. You'll make quick and easy brushes to use for effects (and even learn hot to rotate a brush), and create 3D effects, animated text, and so much more. 

When you have completed this class you will have expanded your knowledge of Procreate and you'll have a range of new skills and tricks that you can use every day as you work.

More videos in the Procreate for Lunch™ Series:

4 Text Effects in Procreate - A Procreate for Lunch™ Class

Create Glitter Effects in Procreate - A Procreate for Lunch™ Class

Dimensional Text Effect in Procreate - A Procreate for Lunch™ Class

Make Wreaths in Procreate - A Procreate for Lunch™ Class

Procreate - Brushes that WOW! - A Procreate for Lunch™ class

 

Transcripts

1. Create Text Effects in Procreate - a Procreate for Lunch™ class: Hello and welcome to this course on creating text effects in procreate. My name's Helen Bradley and I'm a skill share top Teacher. I have over 200 courses here on skill share and over 90,000 student enrollments. In this course, I'll show you how to create for fun text effects in procreate. We'll be taking advantage of the new text tools which were introduced in the April 2019 release of procreate. I'll briefly cover installing fonts , and then we'll create some fun text effects which I've designed not only to look great, but also to teach you some key procreate tools and techniques. You'll be learning to use procreate as we work through these examples. Techniques are covered include filling texts with gradients are cheap for drawing awesome hand-drawn texts. A range of shading effects and will also make and use brushes on the fly. The final text affect uses a great Color blend technique, which is finished off by turning the text into an animated GIF. It's all done inside procreate. Enough from me if you're ready, let's get started creating these four text effects in procreate. 2. Fonts Brushes and Videos: Briefly before we start this class, there are a couple of things I wanted to talk about. Firstly, the fonts. I've used only free fonts in this class and so you will find links to download every single one of these fonts in the class project area. They're downloadable either from 1001Fonts or from Dafont.com. Secondly, I have used what I call a monoline brush in this class. Now, I took some time to explain what the brush looked like but I didn't tell you how to create it yourself, so I'm going to give you my brushes. I'm going to give you this monoline brush, this single weight brush with streamline attached to it. It's really good for drawing. I'm going to give it to you again with no streamline, because while it's not quite so good a drawing brush is a really good eraser and it doesn't need streamline on it to do this erasing. Finally, as some of you will know, this is only the second procreate class that I have launched on Skillshare. While I have a couple of 100 Photoshop and Illustrator classes, actually recording the iPad screen is something completely different. I've been looking around for a really good solution, one that is nice and light on the screen and also is really clear. Now, I think the first couple of takes to fix we're not the video quality which I would ideally like to see, but I think I've got it now. I've been experimenting with a whole heap of applications for recording the iPad screen. I think I finally zeroed in on the one that works best. But I think the first couple of videos, as I said, we're not quite at the quality that I would have liked to have seen them. Please if you could just forgive me those and look at the last videos in terms of the quality that I expect to be able to achieve in future. Enough from me, let's get started on this procreate text effects. 3. Pt 1 - Create the Text and 3D Effect: This is the first of the font effects that we're going to be creating. For this, we need a couple of things. The first one is that we need a font to use. I've swine across here to dafont.com and I'm looking at the fancy cartoon fonts. What we want is an interesting style font that is a little bit chunky, and so I'm thinking that the Splatch one here looks pretty good. I'm going to tap to download it. In the middle at the bottom of the screen, you'll see that there's an option and I need to tap the download option to download that font. Then I'll tap Open in. One of the other things that we need for this project is an unzip application because most font files come as zips. Now I've already got one installed, but I'll show you in a minute which one and how to get hold of it. I'm going to just tap on Copy to unzip. Now in my files area is the Splatch zip file, and if I just tap on that, it automatically unzipped, so unzip just does it work and unzips it into a folder. At this point, I will typically delete my file, so I don't need the zip file any longer and that just cleans up my iPad. I don't like to store a lot of duplicates in here. Now I'm going to the splatch folder, so I'll just tap on that to see what came with that zip file, what's been extracted from it. It's just a ttf file. Now you'll get ttf files or occasionally an rtf file, you just need to install one of them. Inside the zip files are quite often a lot of other files, but it's the ttf or the rtf that you're looking for. I'll tap the letter I over here on the far right of the screen, and then I need to select Open in. Of course, because we're going to be using Procreate, I'll tap Open in Procreate. That font has now been installed into Procreate. It's only available for Procreate. It won't be available with other applications on your iPad, but we will be able to use it in Procreate. Now I mentioned earlier that I would show you my unzip application and where you can get it. You're going to the App Store. You'll tap on the search icon in the bottom right corner and just type unzip. The Unzip application that I'm using is this one over here on the left. It's just called Unzip. You would tap to get it, and once it's downloaded, you would tap Open. It's a free application. I really like it. I haven't had any difficulties with at all, so I highly recommend it. Once you've done that, you will have the Unzip application. It will be available to unzip any files as you download them. You could also find it in your files area. If you go to your files icon and you go to on my iPad, then you'll find that there's an unzip folder here and this is going to contain all your zip files. It's also going to contain the unzipped version, so you can always find those really easily through your files area. Now let's swing back to Procreate and get started. Let's create a brand new document. I'm going to make one that is screen size. I'll tap on the Actions menu, which is this gear icon, and then tap on Add and we'll tap on Add text. This is a feature that was added to Procreate in early 2019. I'll type all in capitals and I'll type the word Friday. I'll tap on the top right here, the top right just above the keyboard on Edit Style. I'll locate the font that I just downloaded which is Splatch, so tap on Splatch. Basically, this font looks like it only contains capital letters, so that's fine. That was just going to work out perfectly for me. I'm going to enlarge the type a little bit, and I'll just tap Done so that I can come in here and select on it and just enlarge the box that it seemed so it can be a bit bigger in my document. I'll tap Done. Now, I need two copies of this type so I'm going to Layers palette and I'll swipe across and choose duplicate. For the top one, I need to edit that so I'll tap on the thumbnail and tap Edit text. What I want to do with this one is I want to turn it into outlines. Over here on the right-hand side of the screen is a letter O. That's an outline, so I'm going to tap that. But I also need to make it a different color, so I'll tap on the color selector and I'll choose a darker color for my outline. Now, I also want another copy of the font that I can use for my shading. I'll take the back copy, which is the one that's filled with the purple and I'll duplicate that. But because I need to do things with it, I no longer needed as a font per se. I'm going to turn it into just a regular bitmap. I'll tap on its thumbnail and choose rasterize, and that will just turn it from text into a bitmap image, that just happens to spell Friday. I'll check to make sure that layer is selected and I'll tap the Transform tool because I need to move this away from the original text. It's going to be the shading behind it. I'm just going to move it into position. I'll tap the Transform tool again to stop transforming it, and I'm going to fill this with a lighter color. I'll tap on the thumbnail image for this layer and I'll choose Alpha Lock. Alpha Lock just locks that layer so that the only thing that I can fill in a minute is pixels that are already full, so we won't be filling the whole layer, just replacing the word Friday with a different color. I'm going to choose a lighter color. I'll go back to my layer, tap on the thumbnail and choose Fill layer. That fills it with the lighter color. Now, I'm not sure that that's light enough, so I'm just going to try a slightly lighter color yet again. Now that I'm happy with this, I'll tap on the layer thumbnail and disable Alpha lock. That's really important because if you leave Alpha lock turned on things that you expect to happen may not happen. Now, we need to work a little bit on the shadow. What I want to do is to make the shadow look as if it were attached to the letters. I'm going to the brush tool and I'm just choosing a monoline brush that has no streamline. Effectively, this is from the inking category. It's a Studio Pen and I've removed the type it ends from it just because I find it easier to coloring using that, and it has no streamline on it. Well, it's not supposed to have a streamline on it. Let's just turn that off, that will make coloring a little bit easier. I'll just go out of there, just test my brush and it's absolutely huge. I need it to be much smaller. What I'm going to do is join this up, join the shading up to the text. I'm going to come down with a text. Is this bottom corner of the letter F, and I'm just going to attach it to the shading. Here, I'll attach the top part of this F to the shading and color it in. I'll do it up here to now it's a little bit difficult to say where the top part of the F here is going to make part of the shadow that's hidden in here. This is what I'm going to do. I'm going to make the Friday text a little bit transparent. I'll just dial down its opacity. I can do that with the outline layer as well. Just tap on the letter N and just reduce the opacity. Well, I've still not saying that very clearly so I'm just going to turn off the middle font and just use the outlines. But making sure that I'm working on this Friday layer here because that's where my paint is going. Now, I can see a little bit more clearly to join these up. Don't worry if you have a color underneath the letter because that's all going to be hidden shortly. I'm going to continue along through this word and just fill in the extras on the shadows. Around here, I'm going to draw in this curve. Once you're pretty sure that you've got all of filling in done, you can go back to the last palette. I'll turn on the fill layer for that text and just increase its opacity. I'm going to do the same with the outline. Now we have a solid shading behind the text. 4. Pt 2 - Create the Shadow Effect: Now what I want to do behind this text is to add a little bit of a feature to the shadow. So let's head out to the gallery and let's create ourselves a square document, because I'm going to create a brush and I need a square document to do it with. I'm going to set my brush to the brush that I've been using, which is this mono line. It's just going to paint in a single line, and I'm going to select black as my paint color. If you're ever unsure, tap the value option here and make sure that the R, G, and B values are all 0 and that is black. Now I'm going to draw a line from one corner of the document to the other, and if I just wait for Procreate to pick up, you will see that it makes a wiggly line into a straight line. Now, if that's not thick enough, I'll just undo that and just thicken up my pen line and repeat that. I'm pretty happy with that. I'll go to the actions palette, which of course is that gear icon and tap on Share because I need to save this square document so I can use it as a brush. I'll tap JPEG because that's the format we use for brushes, and then tap on Save Image and that will save it to my camera roll. Now I can exit this document and go back and pick up the document that I'm working on. We're now ready to create our brush, I'm going to bring my photos up and I have an album for Procreate bits and pieces and I've just put my line in the bottom of that album. To create a new brush that we'll use for the effect in the shading, I'll tap the brush tool and I'll make sure I'm in the brush library. I'll go and select the brush group that I want to put this in. I'm going to put it in Helen's Textures and I'll tap the plus sign. Now, the brush is going to be made up of this line. So I'll drag the line out of the photo gallery and into the shape option for this brush. For the grain source, I'll choose what's from pro Library and I'm going to select a blank, which is just a black box, which somewhat annoyingly they put near the bottom when we use it all the time, it would probably have been better if it'd been at the top. Let's just tap on blank and that will be our grain and in effect that is no grain at all. Let's just adjust the spacing and you can say that the line is not painting quite the way I expected it to. So let's go to source and I'm going to tap on invert shape, and that makes it paint as a line rather than a box with a white line through it. I'm finished with my photos now, so just get rid of those. I'll name my brush, Angle Brush. I'll go to the general options because that allows me to specify the size of my brush and I want it to be quite large. So I'm increasing the maximum value, and I'll just adjust the spacing a little bit. So let's test this brush out. I'm going to draw a horizontal line across the screen and if I hold my pen still on the surface while I'm drawing, as soon as I finish drawing, I can just squash it up so I can get a line that looks a bit like this. But I think I could probably do better if I just adjusted the spacing on the brush as well. I'm just going to bring that closer together and let's test that again. I'm drawing and then I'm holding the pencil on the screen so that I can adjust my line, and what I want is diagonal lines that look something like about this and that they are going to be big enough to fit behind my text. Now, I've put that on the wrong layer. I'm just going to undo that and let's go and make a new layer for this because it does need to be separate, but just be aware to that you can draw over the edge of the document so you could start well across on the left-hand side, over the edge of the document and you continue all the way to the right-hand side, way past the edge of the document, and provided you to keep your pen held down, you'll be able to wind things back and just squeeze these lines up should you wish to do that. They won't be setting concrete until you actually let go of the pencil. I'm going to make this a little bit larger, so I'll go to the Transform tool, just going to drag them up and across and position them behind the text. I'm also going to have a look at how these black lines interact with the shading that I just spent a lot of time organizing in the last video because in a minute they're going to cut holes in that shading, and so I want to make sure that the positioning looks pretty good to me. Let's just zoom in here. The black lines are going to disappear and they're going to park white holes in the purple shading behind the text. I'm pretty happy with the positioning right now, so I'll go to the selection tool. I'm going to tap automatic and then I'm going to tap in the white area outside those lines. It's going to be easier to select what I don't want to select than it is to select each of those lines individually. Now I've got everything except the lines selected. Well, there's an option third in from the bottom row, which is invert, so I'll tap invert and now I've got the line selected and not the background. I'm going back to my layers palette and I'm going to target the word FRiDAY, which has that light fill, which is my shading, and I want to delete from that the area that I have selected. So I'll tap its thumbnail and I'll just tap Clear. Now if I turn off the layer above, you'll see that we've eaten away with eight stripes into the shading and so we've got this shaded type effect. All we need to do now is to put, in the other words, the best day of the week. I'm going to add some text. I'll go back to the actions palette, tap on Add and tap on Add text. I'm going to do this in lowercase. I'll tap on Edit Style. Going to enlarge this a little bit and I'll choose a font to use, and I quite like this font called Sacramento. I'm selecting it and I'm just going to enlarge it so that it fits better in the illustration. I'll tap Done. I'll go to the Transform tool and just move this text underneath the display type. Tap the Transform tool again to finish, and all I need to do to finish this illustration off is to add a Background color. I'll tap on the last palette and I'll go to back ground color and now I can choose a color to use, and I'm going to use a pile blue. I think that's going to work well with this text. Now, if you were to look at this effect and think that the shading was not dark enough, we can easily solve that. I'll go to the last palette and I'll go to the layer that controls the shading and that's this layer here. I'll tap on its thumbnail and I'm going to select Alpha Lock. That's going to lock it so that only they filled pixels can be filled. I'll go and choose a different color to use, I'm going to choose a slightly darker color. I'll go back to the last palette, tap on the thumbnail for the layer that I have Alpha Lock selected for and choose Fill layer, and that just fills those already filled pixels with that color. Before I go, I'm going to turn Alpha Lock off. That's always a good habit to get into because it's to easy to leave it turned on with disastrous results when you try to do something unusual later on, and that's the first of our text effects FRiDAY being the best day of the week. 5. Pt 3 - Get the Fonts You Need: For this next text effect that we're going to create, we need a couple of fonts. I've headed back to dafont dot com and I found a font called Circus and also one called Circus and Fair font. Now the Circus and Fair font is what we call a Dingbat font. It's full of little mini images, not actually text. The mini image I'm going to use as the one on the capital X. You'll probably need to, if you're going to be using a Dingbat font, check out to see what the character is that you want to use dafont before you head to Procreate, because you won't be able to see these in Procreate. But there's some really cute little circus characters here inside this font. A font like this is one way of getting access to mini pictures. Of course we also want the Circus font because that's going to give us this nice circus feel to our illustration. Now you're going to select and download these two fonts exactly the same way as we downloaded the font in the earlier video. You'll need to use an unzip tool to unzip the font, and then you'll need to install it in Procreate. That's very straightforward. You've seen how that's done already. Now that we've dealt with the fonts, let's head across to Procreate and start a new document. 6. Pt 4 - Create and Fill the Text with a Gradient: For this document, I'm going to create a document that is the screen size, so I'll tap on that. Now I'm going to add a background fill, so that we'll be able to see some of these effects as we create them. This isn't set in concrete so we can adjust it later on should we wish to do so. I'm choosing a pale blue. I'm going to type my text, I'm going to the actions options. I'm going to add and I'll tap here on, "Add Text." I'm going to type in all capitals and I'm going to type Monday. I'll tap "Edit Style," and now I want to change the color of the type so I'm going to change it to black. I also want to go and get that font that I downloaded. I'm going to do that in the circus font, going to enlarge the box that the type is in so I can enlarge the type itself. I'm a little bit concerned about the spacing between the A and the Y. It is quite spaced out and more so than it needs to be. I'm going to adjust the kerning, so I'm just going to reduce that. The kerning is the space between two adjacent letters. That will be adjusted down little bit, making those characters a little bit closer together. If I wanted to make everything closer together, I would adjust the tracking. I'm pretty happy with my type, so I'll tap "Done." Now with the Transform Tool, I just move it down to the middle of the image. Now this type is transparent, you can see through the bottom of the letters that were seeing that background behind. Well, what I want to do is to fill that area with a color. For now I'm going to turn that layer off and I've got a blank layer here that was just there when I created the document, but you could create one if you don't have one there. We're going to add some color to that. I'm going to choose a orange color. I will choose this color here. I'm going to paint with a really big brush because I need to lay down a lot of paint all at once. I'm just going to do a stripe of this orange color. Then I'll go and choose a very rich pink. I'm going to blend these two colors together with a motion blur. I'll go up here to adjustments and tap on "Motion blur." I'll just drag down the document. I just drag vertically down the document to blow that. I'll go back and re-select "Motion blur." This time I'm just going to drag up and that gives me a pretty seamless gradient. Next up I'll tap on the "Transform Tool," because I want to smush this gradient up so that it's much tighter than it was. I'll turn my type back on and I'll just position it so that it is nicely positioned with respect to this color. I can also adjust the color band should I wish to do so and just make that a little bit narrower too. I'm pretty happy with that placement, so I'm going to the type layer. Now we no longer need this type to be able to be edited so I am going to rasterize it. I'll tap on its last term now and choose "Rasterize." That just makes it into a bitmap layer. Now I want to trim away the excess from the color layer. I'm going to select my type. I'm going to the Selection Tool here, that sort of ribbon S-shape. I have automatic selected and I'm going to tap just anywhere in the document well away from the type and that selects the background and there are a couple of other areas that I also need to select. There's a couple of little bits in the legs of the letter M, there's a circle in the middle of the letter O and there's one in the middle of the letter D and there's a little space in the legs of the letter A. Now I have selected every area that is not type and so that's the area that I want to remove from my color bar. Let's go back to the last pallet, let's target the color bar and I'll just choose, "Clear," and that just cuts away the excess that we no longer need. Let's have a look at these layers this color layer is just the shape of the type and the type itself is still transparent. What's transparent down the bottom, I'm going to make a duplicate of my color layer. I'm just going to drag across and make a duplicate of it and I'm going to fill this duplicate layer with white. I'm going to go and get white. I'm going to turn Alpha Lock on for this bottom most layer so that I can fill it. I'll tap on the layer and tap "Fill Layer." That just fills it with white. You can see that we've got a white version as well as our color version, but we've got Alpha Lock turned on and that's always a big risk. I'm going to turn Alpha Lock off. The next thing I want to do is to get rid of the black in this typeface. What I want to do is to select all of the black elements. I actually wanted to fill them with white. If I tap on the "Selection Tool", I can start tapping on each of these black elements. But there's a problem here with the letter M. Let's have a look and say what it is. The problem with the letter M is that in a small area here, this black area here is actually attached to the edge of the letter and that's going to cause us problems. What I need to do is to come in here with a very small eraser and just erase that little joint. If I erase that I'll be able to select the area that I want to fill with white. Let's go back and do that again. Let's test this end. Well, this time we are able to select it, but we do have a slight bleeding issue into the rest of the elements here so again I'm going to come in here and do a very quick erase. Let's see if we've solved all the problems there, which we have now. I'm just going to go across and select all these pieces. I have the tops of letters selected, they look exactly the way I want them to look but it's only a selection. They're not actually filled with white yet. Let's go to the last pallet. I've got white selected here, so I'm just going to tap on the last thumb now and I'll tap "Fill Layer," and that this time is putting white into that layer. This is the very back. I'm just moving it slightly to add a little bit of a white shade behind my text. Now I want to move everything down, so I'm going to select all three layers and I do that by just dragging to the right very quickly on these layers and so all three layers are selected. Now if I use the "Transform Tool," they're all going to move at the same time. 7. Pt 5 - Finishing touches: It's time now to go and get the circus tent. We just need to create that as a top layer. I'm going to tap on the Actions button. I'm going to tap on Add and tap Add Text. For this I need a capital x. I'll go to the top tools, I'll make sure I'm in capitals and type the letter x. I'll tap Edit Style. I'm going to make this quite a bit larger and I can move it down into the document a bit better. I need to select my font that has these characters in it and I'll tap Done. I can move this into position. I'm going to place its layer below all the other layers. I'm just going to drag it down into position. Now I can make sure that it is the same color as the font itself by just pressing my finger onto one of the letters that has this feel in it. I'm just going to locate the exact color that I want and that sampled to the color selector to re-color this element. I'm just going to tap on the letter I and I'm going to rasterize that because that will allow me not only to re-color at Ainsley, but I also want to pull it apart a little bit in a minute. I'm going to turn on Alpha Lock and then because I have my color selected, I'll tap Fill Layer. I think it's still a little bit on the light side so let's just go to the disk and let's just make it a bit darker. We'll repeat that, fill. That's looking much better so I can turn Alpha Lock off. I think in terms of movement, I'll get more value by moving the text than the circus tent. Let's just move that a little bit to find a better position for it. If you make a mistake like I do just tap Reset and then you can go back and try again. I want to do something about the flag on the top of the circus tent so I'm going to target the Circus Tent Layer. I'll select the Selection tool and tap Freehand and now draw a circle around the flag on top of the circus tent. I'll tap the Transform tool and just increase so am just stretching it up. I'm going to turn Uniform on and Magnetics and that will allow me to drag it back down into position. Once I'm done, I'll tap the Transform tool again. Now I'd like to change the color on the flag so let's go and find a color for the flag. I'm thinking a nice blue color would be pretty good. I'll add a new layer just above the flag. With my paintbrush and a fairly thick brush, I'm going to paint over the top of the flag. I'm going to turn the Paint Layer off for a minute and let's just focus on the circus tent. I'll target the Selection tool and tap Automatic. I'll tap outside the circus tent, so everything except the circus tent is selected. Let's go back to the last. Let's make our blue layer visible and we'll target that layer. I'll tap it's layer thumb now, and I'll choose clear. That removes everything on that layer except the flag shape pace. Our flag now has a different color. I'm going to finish off with a single piece of text. I'll go back to the Actions Icon. I'll select Add Text. I'm going to do this in a script font so I'm probably is the font I love glitter. Let's just type out text. We do that by tapping the Keyboard Icon in the top left corner of this dialogue. I'll go back to Edit Style. Now at this stage, you can experiment with type faces if you think that that's not the one you want to use, actually think I prefer Sacramento. I'm going to increase the size of the type a little bit and I'll tap Done. I'll move it into position and then choose a color for it. I think it would look better in black. I'll go back and target Edit Text. I'm in the text editing area, so now I can go and select my black and I'll choose Done. I'm going to finish off this design with a couple of clouds. Let's go and add a new layer. I'm going to target white because my clouds will be white. My brushes are a little bit big, so I'm going to make it a bit smaller and I'm going to draw some circles. As I choose these circles is drawn, I'm going to wait until procreate sort of recognizes them as a circle. Just make sure that they're sort of rounded off nicely. For my clouds, I'll draw successively smaller sized circles, all interlocking and I'll just fill them with white. Now you can do that either by dropping color into the empty areas or you could just color them in. I've got one cloud created. I'll make a duplicate of this to make a second cloud. I'll target it with the Transform tool and I'm going to flip it horizontally so this cloud is going in a different direction to the first one. We'll just move it into a different position. We're able to make a little bit of mileage from just one cloud and make it two. I'm going to put this one behind the circus tent. I'll just move its layer well behind the circus tent. This one I think, still needs a little bit of movement. There's our completed text effect wave, used a very fancy font and broken it up into little pieces so that we can fill it in various ways, including with a gradient. We've also added acting bad element and created some clouds to make our illustration. 8. Pt 6 - Hand Dawn Text: For this next text affect, I'm going to create a new document. I'm going to make one that is screen size. Now we're going to add some text but we're not actually going to use the texts that we're adding in the illustration we're just going to use it as a guide. I'll tap the Actions palette, tap on Add, and then tap Add text. I'm going to type the word THURSDAY, all in capitals. I'll tap Edit Style, and then I'm going to pick up a font to use. I'm liking the marker felt as I found, it needs a little bit of work, but I'm going to show you how we're going to change it. I'm going to size the type up quite a bit. Not worried about the color. I am a little worried about the spacing so if I think anything needs to be spread apart, I'm going to do it because I'm going to move the S and the day away from each other just a little bit by increasing the kerning value for those. The rest of it looks pretty well spaced so I'll tap Done. Now I'm going to turn those texts from text into a bitmap, so I'll tap the thumbnail and choose Rasterize. Now the reason for this is I want to be able to stretch the text so I'm going to the Transform tool, going to drag on the bottom of it so that I can make my text a lot taller. Now as I said, we're not going to use the text as text per se we're going to use it as a drawing guide because, sometimes if you're a little bit confused about how to write things neatly by tracing over something you'll get a better result. I'm going to the last panel. I'm going to tap on the in here so that I can get to the opacity. I'm going to make this text a lot less opaque so that we can see through it. I'm going to add a new layer because this is the layer that we're going to put the text on. I'll go and choose the color to use. Now I've got some blues here that I like. I'm going to choose this mid blue here. For my brush I want a studio pen with no tapering. My text is going to be thick at either end. Let's just see what the settings are on this brush. It has no streamline on it but I think it would be better with some streamline that's going to smooth it out a little bit so I'm going to add some streamline. It has no scatter or rotation, the grain, it doesn't really matter because there is no grain in this brush. In terms of dynamics I have flow set to maximum. The pencil settings are just non issue here. The rest of the settings are pretty much out of the bag. I've just increased the opacity limits so that it can't be any lower opacity than maximum. That's just because I prefer to have it that way but this brush is really pretty bog standard. I'm going to increase the size of it and just test that. Well, it's not coming out thick enough so I need to make it bigger. I'm going back to the brush's palette. Let's go down here to general because this is where we can actually make the brush bigger. If we've maxed out on the left-hand side there with the slider, then we can make it bigger by just increasing the max here in the general area. Now the brush's maximum is going to be much bigger. To get it the size I want it to be, I need to bring it down in size a bit. I think that's pretty good. Just delete everything that's there. Let's have a go at writing over the top of this text. I'm just using the type as a guide. I'm going to add some interesting elements as I go may be bend the character here or there or make one of its legs a little bit longer. Once you've drawn out your text and you're happy with it you can come back down and turn off the layer below so you can get a good look at your type. At this stage if you're not happy with a character and I'm not totally happy with the U. I'm going to go and get a monoline brush that I can use it to erase that letter. Now it looks like it's got streamlined on that brush. I'm just going to remove the streamline so it'll raise a little bit better. Let's go and turn the layer below back on. Let's just redraw that U. I'm pretty happy with my text right now so I'm going to take a duplicate of that layer. I'm going to turn the top one off and I'm going to just focus on the bottom one because on the bottom one I want to fill in the letters that have holes in them. There are a few of them in Thursday, in the letter R, D, and A. I'm also going to move this last I'm going to turn the original one back on. I'm going to just change the color fill for this one. Let's tap on it and tap Alpha log. Let's go and get another blue to use. In this case I'm thinking this slightly lighter blue will work. I'll tap on Fill layer. Now I'll go and move this layer so produces a shadow effect here. From just finding a good spot for this shadow effect. When I'm happy with it I'll just tap the Transform tool again. Now we're going to destroy the shadow a little bit. Let's turn the actual text off and let's focus on the shadow layer here. I've got Alpha lock turned on, that's fine for now. Now what we're going to do with this layer is we're going to poke holes in it. we're going to the eraser and for the eraser I want to choose a brush to use. The brush I want is here in textures. It's basically the decimals brush but with an addition to it. Let me just delete the version that I've already created and let's go back to the original decimals brush. This is shipped with procreate and you'll find it in your textures group. I'm going to drag across on it and duplicate it. I'm going to tap on the duplicate and I'm going down to the source. Now the reason for this is that the source for this brush is a little smaller than I need it to be and it's got a soft edge. Let's go to swap from pro library. I'm going to tap on this hard brush here, the second one in from the left. That makes it a bigger brush and it also gives it hard edges. It's going to paint just a little bit more intensely if you like, that's all it's going to do. Let's go and test it on our layer. As I drag through it you can see it's very faint and it's very small. Let's just enlarge it and try it again. Now it's painting really well. what I need to do, because this is a special texture brush, is to paint over the whole of this text all in one set of paint strokes so you don't want to lift your brush off and try again. If you do you're just going to get more of an intense effect. Now, sometimes my brush just jumps off my screen. It's as if it's creating a brand new stroke. I don't want that to be the case so I'm just going to come back and try this again. I'm looking to poke holes in this type, but not totally destroy it, just partially destroyed. I'm happy with the look of that now. Let's bring back our text. We get this dimensional shadow effect behind the texts which I really like. That's part of the process the next bit is to add some shadows and highlights. We're going to do that in a really interesting way in the very next video. 9. Pt 7 - Highlights and Shadows: It's now time to add some highlights and shadows to this type and for this I'm going to make a brush so I'm going to tap on gallery and go back and create a new square document that is 2048 by 2048 pixels in size, that's a good size and shape for a brush. Now, the actual shape that I am going to use resembles an exclamation marks, I'm going to borrow a font character. I'll tap the Actions Palette, tap Add, and then tap Add Text. I'll go and locate my exclamation mark and type that, I'll tap Edit Style because I want to choose a font to use. I'm going to just go down the fonts and have a look and see what might be useful as a shape to use. Now, I actually quite like the aerial rounded shapes so I'm going to use that, I'm going to size up the exclamation mark as big as I can inside this document and tap Done. One of the nice things about type is that you can actually put it over the edge of the document and come back in a few minutes and do that and pull it back in and it hasn't been locked off. Other objects will be locked off but type you can make as big as you like and it still won't be cut off at the edges of the document. Just be aware of that when you're working with type so I'm just having a look at this, just placing it in the document to sizing it so that it will make my brush. Now, I'd like to take the dot and deal with it separately so I'm going to the selection tool it's S-shaped ribbon. I'll tap on Freehand and draw a circle all around the circle at the bottom of the screen. I'll tap on the actions palette, tap on Add, and go to Cut, and then I'll tap Paste and what that does is it cuts and pastes this shape onto a new layer but it also turns it from text into a raster. So don't drag it off the side because it's going to be locked off this time. Now, I can just size this, I'm going too uniform and I'm just going to size it and place it in position. Now I want a duplicate of this so I'll go and duplicate that layer. Again, tap the Transform tool, move it down a bit, size it a bit smaller. I think the top shape is just perhaps a little bit wide so I'm going to narrow it in line everything up. Now once you're happy with this shape, of course we're going to have to make it black because it's going to be a brush. So let's go to the layers palette, let's squeeze up over all of these layers to merge them into a single layer. I'm going to tap alpha lock so that when I go on and choose my black color, I can come back into this layer, tap on its thumbnail and just choose Fill layer and then only the areas that were selected, the black areas will actually be filled. Now, we can save this, I'll go to the actions palette, tap the share button and then save it as a JPEG and I'm going to send it out to my camera roll. Now that that's done we can go back to the gallery. I'm going to delete this file because I don't need it any longer. We'll go back into our artwork, I'm going to create a brush from that artwork so let's just put my photos alongside the screen. I have my procreate folder selected here, I just moved the shape into that folder. I'll tap on the brushes tool, I'm going to select the brush library to add this too so I'll put it in Helen's favorites, I'll tap the plus symbol to create a new brush. I'll drag the exclamation mark with its extra little bits over and drop it in the shape source. For the grain, I'm going to choose swap from pro library and we're going to find blank which again is right near the bottom and it's a big black square. So tap on Blank to select it. Now, this is going to paint the wrong way round so I'm going to tap invert shape for this shape so that we invert it so it's going to paint correctly. I'll go to the stroke and we're just going to increase the spacing on that. This is now going to be my little highlighting brush so I'm just going to tap on the brushes panel to close that down and I can just get rid of my photos. Add a new layer to this document, I'm going to put it on top because the shading is going to go on the very top. I'll find some colors to use now for the lighter color I'm going to use this one here so this is going to be my highlight. I'll select my brush and I'm just going to tap to see how it's painting. Well, it's a bit small so let's tap and do that again so I'm quite happy with the size of it now and I'm going to put one highlight in each of the shapes and just do that by tapping on the shape to add the highlight. If I don't like exactly where it is, I can just move it into position. Now, for the characters that are pretty much upright I can put those all on one layer, but if I think I need to rotate a element then I'm going to put her on a separate layer and I'm probably going to have to rotate this one because the letter R is on an angle. I'll need to do that for the letter S, so I'll pre-prepare that too. Now, none of these highlights are supposed to be in any way realistic. They just adding a visual element to these characters so don't worry about what side you're putting them on or really too much about what you're doing with them, you really just want to say some variety in the characters. Now, we're going to add shadows in a similar way so I'm going to create a new layer and I'm going to choose a darker blue color so that's going to show up nicely on this text. Now, the problem is that for the shadows, I want them to be the other way up and so I don't want to have to necessarily rotate every single one of these brush strokes so let's see what we're going to do. I'm going back into the brush and I'm going back to the source and what I'm going to do is with my fingers is just turn the shape around in this box. Now it can be a little bit tricky and you might need like four fingers to do it, should only need two but sometimes I'll turn really easily and sometimes they won't but I've turned this brush the other way around and so now it's going to paint in the opposite direction. I've got a brand new layer. I've got my paint color. Let's see what we're going to do here. I'm just going to tap here to add the brush and then I'm going to rotate it and place it in position. I'm thinking that this color isn't quite dark enough. Once I've done this for the first one, I'm going to just go and darken this color a bit. For this particular layer, I'll turn alpha lock on and then fill it with the darker color and then turn, alpha lock off because we don't want to leave it on because it just is very tricky. Now I've got a new layer. Let's add a shade to this letter here, and I'll just continue through and add one shading element to every single one of these characters. Now once you've done this, you can pinch these layers together. The one I'm going to watch out for right now is the one on the letter s because I think I want to do something different with it. I've just turned it off. These other layers, I'm just going to merge down or I could just pinch to group them. I'm going to skip the letter s so I don't get that involved in this grouping and put all the others together and I'll put all the lighter ones together as well. Let's go to the one on the letter s and let's just isolate it. I'm going to turn the others off so that they are not visible right now. With this one I'm going to the adjustments. I'm going to tap on liquefy. I'm going to tap on push, which is the first option here and just adjust my size a little bit, and because I've got this one on the letter s selected, I can now just push to bend it a little bit. I'm going push from the middle of the right-hand side to bend it round, and then I'm going to push it back from the lower left-hand side to just spin it around so it bends around the letter s. I'm pretty happy with that. I'll go back to the last pallet and now I can merge that one down into the darker ones but before I do that I'd better make them visible so I don't lose them. That liquify tool is quite handy for bending things and it certainly works really nicely for this text effect. Let's add a background color, so let's go to the back ground color. I want a pale orange I think here and we're going to finish off with another line of text. I'm going to tap the Actions palette, tap Add and tap Add text, for this one I'm going to type all in lowercase letters. I'll tap on edit style and the typeface I'm going to use is called, I love glitter. I'm going to use this for a couple of reasons. One because it just happens to be a really cute font. The second thing is that it's got a couple of swooshes in it. Now, the swooshes are little bit hard to find. I just happen to know where they are and they're on the square brackets. Let's go back to the keyboard and let's go and find the square brackets. Here is the open square brackets. I'm going to tap that and it adds that cute little swoosh and coming across to the letter y. I'm going to tap the closed square bracket and I just think that this is a really nice look for this piece of text. I want to move Thursday all throughout the document. Let's go back to the layers palette and let's grab everything that belongs to Thursday. I am just swishing to the right to make sure they're all selected. Go to the transform tool, I can pull the whole piece of text up the document. Let's go and get, its nearly Friday and do the same thing with it. I want two copies of this so I'll go back and duplicate it. The frontline, I'm going to make white, so I'm going to tap on its thumbnail and choose edit text because that's a nice, easy way of changing the typeface color. Now that I've done that, I'll just tap done. I've got my white text, over my dark text. Let's just go and nudge it up and a little bit to the left. Now there's another secret in this font, and it's the asterisk. Let's just go and add another type element. Back to the actions, back to the plus sign, back to add text, back to the keyboard and let's find the asterisk. It's a mini heart. I'm going to tap edit style. It's a little hard to see on the screen, but it's there right now. Let's tap done and let's bring that mini heart down over the dot on the I. I'm going to make a duplicate of it. I'm going to fill the back one with the exact same color as is behind the type. Now, it's last color I used before I went to white. If I press and hold on the white, I'll get that color. It's rotation between the two colors that you've been using, the current color and the one before. I'm going to the back most asterisk. I'll tap on it and rasterize it. Then I'll just alpha lock and I've lost my color, let me go and get it again and choose fill layer. Again, this one's going to need to be nudged a little bit so it's got this dimension that matches the text. Now I need a duplicate of both of these hearts, so let's just go and make a duplicate of each of them. Let's put them in a sort of pair together and let's select the first two so that I can move them over and they're coming over to be the dot on Friday and I'll just pop those into position. There's our finished element. It's got highlights and shadows just created using a brush and we've used some features that are embedded in this I love glitter font. Now, the way I found those swooshes was to look up the font on the font site where I've got the font from and there's a set of symbols there. You can have a look and see what the font characters are. Basically, the only thing of any use pretty much in that font that are unusual are on those open and closed square brackets and on the asterisk. 10. Pt 8 - Animate Text: The final text effect is going to be a text animation. We're going to create a brand new document, I'll tap on the plus sign. I'm going to create a document screen size. Now before you get moving with your animation, you want to go to the actions palette and tap Canvas and tap Canvas information because you want to read off how many layers you have access to, and the number of layers that you can use is going to depend on the pixel dimensions of your image and the dot per inch value that you have. If you change those, make the image smaller, then you're going to get more layers. If you make the DPI smaller, you'll get more layers, but you need to be aware of how many layers you have because they can be chewed up really quickly when you're creating animations. I'm going to tap back on the actions palette and I'm going to add, because I want to add some text. I'm going to type Tuesday. I'll tap "Edit Style" and I'm going to use a font called chemise alien dreams. It's just a cute little funky font that I think it's going to work pretty well for this animated effect that I'm looking for. Now, it doesn't matter what color your text is because we're actually going to create it in different colors in just a minute. What you do need to do is to make sure your text is pretty much placed where you want it to be and size the way you want it to be, because we're not going to get another heat at making changes to it. Just assume that this is what you're going to be working with. Now that we've got our text, let's open up our layers palette. We've got a layer that has nothing on it, we're going to delete that because we can't carry any excess layers in our animations because going to run out of layers really quickly. We're going to take this text layer and we're going to create it as a color. I'm going to tap on its thumbnail here and choose Edit text. I'm going to tap on the color picker. I'm going to create a new pallet for this and I'm going to the value options. I'm going to slide red to 255 and green to 255, and that gives me yellow. I'm going to tap the first box in the palette, so I'm going to need yellow quite a bit. I'm going to take green back to 0 and I'm going to bring blue across to 255, this is giving me magenta. Finally, I'm going to take red all the way to 0 and bring green to 255, and this is giving me cyan. These are the three colors we're going to be using. Now it doesn't matter what color your first text layer is, it can be any of those three colors. Mine happens to be cyan. I'm going to make a duplicate of this text layer. I'm going to set its blend mode to multiply. It's important that the bottom-most layer is normal and the next one up is multiply. I'll tap on the thumbnail and choose Edit text. I'm going to change it to another of these colors. We're going to do that once more with the topmost layer so that we're duplicating a layer that already has the multiply blend mode on it. Tap the thumbnail, Edit Text, select yellow and go back to the layers. The result of having one layer with normal blend mode at the bottom and the next two layers with multiply blend mode using cyan, magenta and yellow is that you end up with black text. That's exactly what you should have, if you don't have black text, something is wrong so just check the colors that you're using and the blend modes. We'll go to the topmost layer and go to the transform tool. I'm just going to pull this layer out a little bit so it's no longer over the top of the other layers, and because of the color of this layer, because it's yellow. We're actually seeing three colors now in our texts, we're seeing black where all the layers are lined up. We're seeing blue where some of the layers are being lined up and we're saying yellow, where yellow is not on top of anything else. We'll go back and select the second layer and do the exact same thing this time I'm going to pull in a different direction. Again, you can see these colors are splitting up. At this point in our text, we will see elements of yellow, cyan and magenta. We'll also see red, green, blue, and where all this text overlaps, we see black. This is going to be the foundation of our animation. The problem is it's nowhere near animated yet, if you've never seen animations before in procreate, go to Actions, tap "Share" and tap "Animated GIF". We're just going to dial down the frames per second and you'll see that all we're getting is three colors. Well, what I want is the three colors altogether and have those moving. Let's see how we do that. We're going to the layers palette and what I'm going to do is put all these three layers in a group together. I'm going to grab the topmost one and just pull it on top of the one underneath to make a group. Then I'll pull the other one into the same group. Now if you make a mistake there and you end up with groups inside groups, just hit the "Undo button" and you can undo your grouping and try again. I'm notoriously bad at doing this, but seem to be in luck today. If you don't have good luck, then make sure that you know how to undo it and try again. Now, once you've got your objects inside the group, you need to make sure that the blending is correct. The top one has to be multiply, the next one down has to be multiply, and the one at the bottom has to be normal. If they're not in that order, you can just make them in that order. Because it doesn't matter which color is normal and which color is multiply. It just has to be the first two are multiply and the bottom most one is normal. We're going to take a duplicate of this group. I'm going to open up the panel. I'm going to work out which color I'm looking at, so let me just turn off the bottom most groups, I'm just looking at the top group. This is yellow, this one is cyan and this one is magenta. On the screen now you can see yellow cyan and magenta, that's the order that I'm working in right now. The topmost one, I'm now going to make a different color and I'm going to make it magenta. I'm going to tap on it. I need to rasterize the text so I can recolor it at this stage, we're going to rasterize it because there's no point in leaving it as text. I'll turn Alpha lock on, I'll go and get magenta and I'll fill this layer with magenta. Then I'll go to the next one, I'll rasterize it, turn Alpha lock on, it's going to become yellow so I'll go and select yellow and then I'll do fill layer. I'm not turning Alpha log off at this stage for really good reason because we need to make another cycle of these colors. Leaving Alpha lock on will help speed up the process. Rasterize, Alpha lock, go and get cyan, and fill this layer with cyan. We've got the same three colors just in a different order this time. I'm going to duplicate this, now turn the bottom one off and now what was magenta is going to become cyan. I've already got cyan selected so I'll just do fill layer. The middle layer is going to become magenta and the bottom layer is going to become yellow. Before we go any further, let's have a brief look at how you're going to work out those colors, if it is a little bit confusing to you. Let me just turn everything off and I'm just going to write this out on the screen because I found this the easiest way of working out what I was doing. What I did was I put my three colors down. So whatever your colors are in order, just write them down. I had yellow and then I had cyan and magenta. Now, you might have those in different orders, but just write down the order that you have from top to bottom, and then you're going to take this color here and you're going to write it down here. Then you're going to continue with these three colors. So then cyan and this magenta is going up here. Then you're going to take the yellow again, yellow, cyan, magenta and you're going to write it like this; yellow, cyan, magenta, and provided you do it like that, you're going to know exactly what you're going to change them to. The top one is going to start as yellow, then it's going to become magenta in the next group and cyan in the third group. The cyan one in the first group is going to become yellow in the second, magenta in the third, and so on. Just write yourself out a little cheat cheat like that, and then you can just rotate the colors round and you won't be confused at all. Hopefully you won't be confused. Let's see now how our animation is going. This is what our text is doing. It looks like the text is moving. In actual fact, it's the colors that are moving, and it's giving the impression of moving text. Having done that, let's have a look at how we would add some stars, for example, to out animation. I'm going to add a new layer. I've got black of my color, that's just fine right now. I've got a studio pen with little or no streamline on it. I'm going to draw some five pointed stars. I've got five stars here. What we're going to do with the stars is pretty much what we did with the text. We're going to start by coloring this a color. I'm going to turn Alpha lock on. I'm going to fill this layer with one of the three colors. I'm going to start with yellow, and just tap "Fill layer." I'm going to make a duplicate of this. I'm going to choose a different color, magenta, fill this layer with magenta, and then I'm going to fill it with cyan. So I have Yellow, magenta, cyan. We're going to move these layers. Yellow is going to stay stable because there's no point in moving yellow since we're moving all the other colors. I'm going to select the middle layer. I'm going to the selection tool and I'm going to select "Freehand." I'll draw around two of these stars and move them slightly. I'll go back to the selection tool, draw around two other stars, and move them in a different direction. I'll go back to the selection tool, select the last star, and move it in yet another direction. I'll set this layer Blend Mode to multiply so that we get the same effect as previously. I'll go to the top most layer and I'm going to do that same selection routine. This time I'll select two different stars together and move them in one direction. I'll take two different stars this time and move them in another direction, and I'll take the final star. This is just ensuring that the stars are going to move a little bit differently, each one of them. I'll send its Blend Mode to multiply. Now, we're going to do the same thing with the stars as we did with the text. The first thing is to actually put these in a single group so that they're easier to manage, and also make sure that if you've moved them around in the group and change the order that the blend modes are stable. So you have multiply on the top one, multiply on the second one, and normal on the third one. This is a group of stars. We're going to make a duplicate of this. We're going to do the same thing in terms of the color. I'm writing down now my colors. The first one is cyan, the second one is yellow, and the third one is magenta. That means on the system that we were doing in terms of writing down our colors, the color of the first layer right now is currently cyan, and on my chart, it means it needs to be magenta next. I'm going to select magenta. Alpha lock is turned on, so I'll fill it with magenta. The next one, the current color is yellow. The new color has to be cyan, so I'll select cyan. Alpha locks turned on, so I'll fill it with cyan. The last one, the current color's, magenta. The new color for it is yellow. I'll fill it with yellow. Now, we can test to make sure that everything's correct because we should have those same colors applying here. We should see yellow, we should see Magenta, we should see blue, red, green, and so on. That's the second of our star layers. We need to make one more copy, so I'll duplicated it, turn off the underneath layers so that all I'm seeing is the top star layer right now. The current color is magenta, it's the top color, it's going to become yellow. Let's just fill it with the yellow we have selected. The next color we're going to use is magenta. I'll fill this layer with magenta. The last one is going to be cyan. Just again, double-checking that our result is as we think it's supposed to be. Now, I've got my three star layers and I've got my three texts layers, and all I need to do is to put them together. I'm going to take one set of stars here and I'm going to drop it here into the first text group. Then I'll do the same with the second set of stars, and I'll do the same with the third set of stars. Now, I have three groups and each group contains stars and text, and if you're not seeing your stars, it's probably because you don't have them turned on. So just double-check to make sure that everything is turned on. Because when you go to create your animated GIF, only visible layers are going to be used in the animated GIF. We can test this at this stage and just make sure that everything's working. So we've got stars moving as well as text moving. That's working perfectly. 11. Pt 9 - Add to the Basic Animation: Now in keeping with the other text effects that we've made so far, it's time to add a little bit of extra text. I'm going to tap on the topmost object here, I'm going to add a new piece of text, I'll go to Actions, tap "Add", tap "Add text" and I'm just going to type hello. I'm going to use all lowercase and I'll put in an exclamation mark. Now for the font, I'm going to choose a different font. I want something that is a little bit squashed up and a little bit plain so I'm going to use Avenir Next Condense, which I believe is a font that is natively on the iPad. We've got it in blue right now. We're just going to use black for this ticks so I'm just going to grab black. I'll size it where I want it to be sized and now let's go and just place it in position. What I'm going to do with this text is a little bit different. I want the word "hello" to appear with first letter h, and then the letter a then the letter l, l, o and then the exclamation mark. This is how we're going to do that part of the animation. I suggest you do it separately. Don't bother putting it in the groups until you've got it actually working. The first thing you'll need to do is to rasterize it. That's important because we're going to start erasing bits out of it and we don't want the text moving around. I'm going to duplicate this layer and I'm going to turn a duplicate layer off. That's really important because you need to have the full word "hello", because we're going to start erasing bits offered. Let's go to the eraser and I'm just going to erase everything but the letter h. I'll come back in here, make a duplicate of the whole word "hello" and turn one copy on. Now I'm going to erase everything except the H and the E I'll make a duplicate of the rest of the word. On the next layer, I'm going to erase everything but the H, the E and the L. Another duplicate, another erase. Now let's just check our animation. That's working just fine. What I need to do now is to put these animations of the word "hello" in with the animations of the word "Tuesday" and the stars. The problem is that I've got lots more hello animations than I have stars and Tuesday. Well, we're going to solve that by duplicating these. But first of all, we're going to number them because it's going to make it really a whole lot easier to work out what's happening if we just number these 1, 2, and 3. Now we're going to make some duplicates of these. Now we've got a duplicate of one, a duplicate of two, and a duplicate of three, we're going to put these in order, so we'll go 1, 2, 3 and then 1, 2, 3. If you end up putting them inside each other instead of in-order, that's what the undo is for, that'll just help you get out of trouble. Now we'll bring the letters for the word "hello" down and drop them just above the group that they're going to be animated with. I'm just going to make sure that everything is in position before I start putting them together. Again, if you make a mistake, just tap "Undo". You should end up with each of the letters for the word hello above one of the layers that contains Tuesday and the stars. Tuesday and the stars should run up in order 1, 2, 3 and then 1, 2, 3 again. Let's have a look at the animation before we start putting these together. This looks just fine. The only issue I'm going to have is that I want the word hello once it has been typed out to appear on the screen a lot more than just once. Before I put all this together, I'm going to make another duplicate of the groups 1, 2, and 3. I've run out of layers right now. I'm in a bit of trouble here. Let's actually go and put this hello into layer one. I'm just going to tap on it and I'll choose combine down. Now, because I'm pretty happy that it's going to be okay, I'm going to tap on this layer and I'm going to flatten it and so that will give me an extra few layers to work with. I'm going to combine this one down and then I'll tap and flatten. I'll do that once more combined down, tap and flatten. Now I don't want to do that to me because I'd like to have some options up my sleeve in case I've underestimated what I need. Now I'm going to take my spare 1, 2, and 3 and just drop them at the very top. We just have to say that the color effects on the type, which is really interesting when you start doing that. There's a spare 1, 2, and 3 and I also want to spare of the word "hello", I'm just going to turn all of those off. Now I can continue to work on these options where I'm going to take the word hello and the stars and choose down underneath. I'm going to put these in a single layer and I'll flatten them, combine down and flatten. This one I can do the same thing with because I've got a spare of the word hello and I've got a spare of the group three. Now, I want to be really careful because I've got one version of hello and I've got the three start layers so I'm going to turn hello back on and let's make another couple of copies of this. You move it into position. In each case above one of the star layers as I'm going to combine it and I'll also flatten it. I'm going to rename this. It was group one, so I'm going to call it 1F for one and it's a finished version so it's got the whole of the text in it. I come here and I'm going to combine this down and I will flatten it and I'm going to call this 2F. Then we'll do this with the very last one. I've got all of my last turn on. Let's have a look at the animation. It looks pretty good at a slow number of frames. I'm just working with four frames per second. But if I start increasing it, you'll see that the word hello doesn't really appear on the screen for a very long period of time and I may want to alter that. What I'll do is just come and make duplicates of these layers. In fact, I'm going to make two copies of 1F, two copies of 2F, two copies of 3F, and then just move them into order. I have 1, 2, 3, 1, 2, 3, 1, 2, 3. This is the point at which you're going to be really plays that you number these because you can get into a really big mess really quickly. Now let's have a look at the animation. I'm happier with that. I think it needed some extra time spent on the word hello. If I'm happy with that now I can just export it at full resolution so I'll tap "Full resolution", of course, before you do that, you want to make sure that you have the right frames per second and if you want it to have a transparent background because you want to use it on a webpage that perhaps might have a colored background, then you will want to make sure that you select the transparent background. But you don't have to just save one version of the animated GIF, you can make multiple versions so don't think that you've only got one chance at this. You can make as many copies of it as you like and with different settings, should you wish to have different settings. A couple of other things about creating animated GIFs, you've seen as we've been working through here that groups and layers are turned into frames in an animation. If you have individual layers, each individual layer will be a frame. If you have groups, each individual group would we a frame, so you can have a mix of groups and layers, that's just fine. The background is going to be the background for the whole of the animation. If we add in a background color at this stage, I'm going to add a yellow behind this. When we go and have a look at the animation, you will say that the yellow color is behind the animation. If you want a background for your animation that itself is animated, then what you're going to have to do is to create a layer to contain your background content and you're going to have to put that background content inside every single one of the groups that you're animating or you're going to have to merge it with each individual layer because otherwise you're going to have gaps in the animation. If you don't have a background in every single animated frame, then you're going to end up with the current background color being used as the background for that particular frame of the animation. That's just something to watch out for if you want a background that is animated. In actual fact, you may be better to settle for a background color and then have elements which animate, for example, like we've used the stars that are animated as well as the text. The other thing you need to be aware of with animations that I think I mentioned it earlier, but it's worth saying again, is that every single layer has to be turned on when you're animating because only layers and groups that actually are visible will be included in the animation. Now, Procreate has got this really handy feature where if you tap on the visibility of a layer and hold your finger down, you go into this special mode where this particular layer is turned on and every other layer is turned off. It's called solo visibility and it's really handy for just checking your animations. You can just press a layer visibility and have every other layer turn off and only this lab be visible. Then if you just press and hold again, you can go back to every single layer being visible. Solo mode effectively is turned off so that's an handy little technique to use when you're testing your animations if you want to run through each layer manually, rather than use the actual animation preview. 12. Project and wrapup: We've now finished the formal part of this course and so now, it's over to you. Your class project is going to be to create one or more of these text effects. Now, you can choose words of your choice, that's just fine, but use some of the techniques that you've learned in this class and practice them and create a text effect that you can post as your class project. I hope that you've enjoyed this class and that you've learned things about Procreate, of which you were previously unaware. As you were watching these videos, we will also sign a prompt which asked if you would recommend this class to others. Can I ask you please, if you did enjoy the class and learn things from it, if you would do two things. Firstly, answer yes that you do recommend the class and then write, even in just a few words, why you enjoy the class. These recommendations help other students to see that this is a class that they too might enjoy and learn from. Now, if you see a follow link on the screen, click it to keep up to date with my new classes as they're released. If you'd like to leave me a comment or a question, please do so. I read and respond to all of your comments and questions. I look at and respond to all of your class projects. I'm Helen Bradley, thank you so much for joining me for this episode of Procreate for Lunch and I look forward to seeing you in an upcoming class soon.