Transcripts
1. Intro: Hey. I'm Charlie, a greeting card designer and freelance illustrator from the UK. I've been using Procreate for the past four years so you could say, I know my way around the app pretty well. I've used it for greeting cards, pattern design, editorial work, and animation. I'm so excited to be sharing all my tips and tricks that I've picked up over the years. Today's class is going to be all about creating, stylizing, and Procreate. Quick shape is a powerful tool and if you know how to use it, you can create awesome things like this. This class is jam-packed full of exercises, walk throughs, and tips to speed up your workflow. I've included fun and actionable exercises to get you feeling confident using the shape tool. I'll show you how to add balance and depth to your illustrations, what to look out for when picking reference photos, and like set process from start to finish of how I built up my scenes. For your class project, I want you to create a scene with a cat in there, and as a special bonus, I'll be showing you how to animate the easing animation assist. Thanks so much for enrolling in my class. I'm so excited to have you here.
2. Tools You Need: Before we get started, I just wanted to go over some of the tools that I'm going to be using in this project. So I'm going to be used in my iPad Pro, and this is the 1st generation iPad, and the 1st generation Apple Pencil. You don't need an iPad Pro to join in, but you do need some iPad. There's lots of different options online, such as make sure that the iPad is compatible with an Apple Pencil. We're also going to be using the Procreate drawing app, and made sure that this is updated to Procreate 5. So now we know what tools we're going to be using, let's get started.
3. Exercise 1: How to Use the Quickshape Tool: Today's class, I want to show you how to use the quick shaped tool in Procreate. There's a few different ways to create shapes. I'm just going to go over of the methods that are used to create my themes. I put together this exercise sheet for you guys to follow along with. You can find this PNG file in the resources section below. I'm just going to show you now. This should be on a transparent background. I'm just going to put a layer underneath, ready to draw. There are a few different ways of creating shapes. The first shape I'm going to create is this rectangle. I'm just going to trace over this shape. Hold my pen down and then with my finger, click like this. Then you should have this come up, edit shape. I'm going to click on rectangle and I could try and move it this way. But then this is really difficult to get the perfect rectangle that I'm after. Two-finger tap to go back. I'm going to click off this and then I'm going to resize it with this here. I made sure that I have bi-cubic on so it doesn't distort the lines too much and have it when uniform. Then I'm just going to re-size this shape here. As you can see, it's flooded. I just need to check that my shape is completely. Then I've created my shape here. Sorry, sometimes your shapes won't fully aligned and I think this is due to Procreate fives update. The shape tool has been bugging out a little bit. If you experiencing problems like this where the shape isn't fully aligned to the drawing I created underneath. Then there are few different ways you can create shapes.I'm just going to show you now. I'm just going to go back and just delete that layer. Then I'm going to go over to the spanner here and turn on drawing guide and then edit joint guide. You can play around with the capacity of your grid, your grid size and the thickness and the color up here. This is a great way for you to align your shapes. Then on this new layer, click and press "Drawing Assist," and then everything on this layer will just be a straight line no matter where I draw. I'm just going to tour down like this. I'm really neatly trace over my drawing, then fill it. This is just another way of creating shapes. If you tried to draw lines on a new layer, I'll show you now. You'd have to wait and then tap with your fingers to get a straight line. By putting Join Assist on, you're saving a lot of time. I'm just going to do that again and Join Assist on. I'm just going to really neatly trace over my image. Now I'm going to start working on the sun. I'm going to draw a circle, hold my pen down and then on the screen I'm going to press. This will create an ellipse and with a new layer, it's just about building up my shapes. I'll hold it down and snap it like this. I want you to download your PNG file and follow along with me. The best way to learn new tools and Procreate is to practice. Then with this, I'm just going to trace over to finish the painting off. I'm just going to check and see how that's looking Then I'm just going to create a layer underneath. I'll create one bind here and then duplicate. Press up here and flip horizontal. I'm going to drag it over to the other side. That should be my first illustration complete. I'm now going to move on to the lamp. Again, always working on new layers and I'm going to create this shape here. Trace, slide my finger, duplicate, flip horizontal, and drag it to the other side. You always have Magnetics switched on, which means that this will snap perfectly over to the other side. This just gives you more control over your lines. Then create a line. Hope my finger down, and then do the same here. I'll merge all of these together and fill this shape. This is a really quick way of creating more obscure shapes like this. As you can see, I use duplicate and flip horizontal a lot. I don't want to put my finger down on the screen now because this will happen because it only leaves around in 15 degree increments. I'm just going to trace the line like this. I'll hold it down. Duplicate, bring it over to the other side. Merge them down, and just make sure that the shape is filled. Then I can duplicate and bring it over to the other side. The now to similar to this shape here, so it's all about working with the lines and if I have Drawn Assist switched on now, it wouldn't work because the lines and the guy from the side and down, and these lines are at an angle. I'm going to duplicate. Move over to the other side. Again, making sure that my shape is filled before I add the color. I'll make sure I have Assisted Drawing switched off. We'll create another shape here and close it. I can just fill that in by hand. I'm nearly finished with my lamp. I'm just going to work on the lumps head now. Again, constant to what we did with the base of the lamp, I'm going to duplicate, flip it horizontal. But obviously its not going to work as well as it did before, so I just have to rotate it to fit the other side. I'm just going to turn off Uniform and put it to freedom so I have more flexibility of where I'm moving it. Then I'm happy with that, create a line, motion down and I've created my shape. Then below this, I'm going to create a circle for the light. I'll hold that down. Maybe I'll do it different color so you can see a bit better, is it pink? Create a shape and circle like we did earlier, hold it down and then I can fill that, and then that's created my shape. I'll turn the drawing guide off so you can see how these are looking now. I just want you to not feel overwhelmed when using the shape tool, hopefully that's helped. Follow along with the exercise sheet that I've given you and if you have any questions about the shape tool then just let me know in the comments below.
4. 3 Tips For Creating Scenes: Tip number 1, create variation in your objects. To create a visually interesting scene. You should vary the height of your objects, the shape, and the size. I've also created some visual interest with angles overlap and objects hanging down. This will lead the viewer's eye a lot more. In the second example, where it's quite boring, everything is the same shape, size, and height. This doesn't lead the viewer's eye at all, and it can make a really boring scene. I want you to think about how you are varying your objects to create more visually interesting scenes. Tip number 2, to start with the biggest objects first. As you can see, I started with some of the bigger objects, and I've placed these bigger objects around my shelves to try and balance out my scene. I'll then try and find creative ways of filling in the gaps with smaller, more interesting objects. There's a few gaps that I could try and find a way of filling. Maybe I have a ball of yarn, because I know that I can have this hanging down below. By having something hanging, it will help tie the illustration together with my shelf. I could then have something that's taller than the stereo on this side, so, maybe I could have some tall box. I can vary these in size as well. Maybe I could have a book at an angle just to make it a little bit more interesting. Then down here, because I have something hanging here, I could always add a hanging plant here. Again, making sure that it's smaller than my print, just add contrast. If you're struggling to find ideas of what to draw, plants are a great way of filling a space. Then on the other side, I could create something a little bit similar in height to the plant over there, but it can make it bit more interesting by having the plant come out, or say, a cup. I could try stack in some objects too and have a plant. Even if I am drawing lots of plants, I'm trying to find interesting and unique ways of showing them. I have hanging plants, plants on books, plants coming out of cups, so it's about designing your space in a creative way. By creating the bigger objects first, it gives us a starting point where the other objects will go. Tip number 3, tell a story. I've creating this illustration with a person in mind, because I wanted to kind of tell a story with the objects. When you don't have a character in your scene, then you only have the objects to kind of tell that narrative and story. Straight away when you look at this thing, you know the person who's desk it is, is quite messy, but it's creative. I've also added this phone here with the battery flashing on low, just to kind of emphasize the fact that this person is quite disorganized and scatty. I also wanted to show that this person is quite playful and not a prude. I've just drawn some quirky boobs on this cup just to show that the person doesn't take themselves too seriously. As you scan around as well, you see this small detail where I've written "clean desk" on a post-it note. Just so I can show that even though the person who owns the space is quite disorganized, a messy, they're totally aware that they need to tidy up. So just adding these small details really can transform the narrative of your scene. When you're creating your own seen, think about ways of telling a story through objects. Maybe they are animal obsessed or they love books or plants. You can really change a space based on the character you are designing it for.
5. Exercise 2: Draw a Mini Scene: Now over to you. I want you to draw your own bookshelves and fill it out with lots of different objects. I want you to vary your objects in size, shape, and height. You can overlap, hang, and display your objects in a fun and unique way. This is all about having fun. I've just put this exercise together just so you can get in the habit of finding balance and composition in your scenes. Don't worry about color at this point, I just want you to focus on the shapes and the composition. Remember to keep each object on different layers, so you can move them around easily. Don't forget to post it in the project section below, so others can see what you come up with.
6. Avoiding Tangents: In this lesson, I'm going to be talking to you about a different kinds of tangents to avoid. A tangent is a line or plane that touches which runs overall aesthetic of the artwork. There are a few different tangents to look out for. A shared tangent, which is where an object shares a line with another object, like this. This is the most common mistake I see a lot of artists do. Another example of a shared tangent is here. Even though they're not directly linked together, they still share the same line going across. This is something that should be avoided. The second tangent that I want to talk to you about is the kissing tangent, where a shape or angle connects at one point with another line, like this and here. The reason I want to talk briefly about tangents is because there's something we don't often think about when we draw. By having objects touching in this way, it can make the image look really flat and harsh on our eyes. By overlapping certain objects we're able to ad a lot more visual interest and depth to the image. You want to maintain that flat stylized feeling but with depth. I'm just going to get rid of these, and I'm going to start to move around my objects to show you how I'd create depth and overlap, but avoiding tangents. I'm going to start working on the chair. If I put it up just a little bit, there's still this tension here, and it's a little bit too close to the horizon still. When you overlap, make sure that you overlap enough, but it still gives your objects breathing space. I'm going to move that plant away from the mirror. I'm going to bring it down, and again if I brought it down too much then this would be another shared tangent, and we don't want that. We want to avoid this. I'm going to bring this up enough, and maybe I could overlap it with the chair as well just to give it some depth. Then I'll go to the cupboard in order to see how I can place this as well. Another important thing to think about when creating your scene is you want to have variation in the height, and variation down here as well. As you can see, I have this at a different level to this, so there's no shared tangent. Also the chair is a bit lower down as well. That's creating a lot more visual interest to your scene. Going to move this down here. Again, making sure that I don't put it here because this is a shared tangent. I can put it maybe across like that, and move the mirror up like this. This is creating a lot of visual interest at the top as well because I'm very in the height of everything. I've just noticed that the plant is slightly too close here in height. I'm just going to move the chair up slightly, and I think that works. In your scene, I want you to have variation in height to create visual interest. I also want you to avoid the kissing tangent and the shared tangent as much as possible. Overlapping objects in your scene is a great way to add depth. But if you do it too much, it can become very busy. Be very mindful when creating your scene that you're not just overlapping everything. It's important to give some of the elements and some of the objects breathing space as well. Join me in the next class where I'll be sharing my top tips on how to find reference photos for your scenes.
7. Picking Your Reference Photos: Now that you know a little bit more about using the shape tool, what to look out for when creating scenes, and how to avoid tangents. Let's get started with the main project. As a quick reminder, your class project is to create a fun style lysine with a cabinet. Before we start drawing, it's always helpful to have a few reference photos to work from. In this video, I'm going to share a couple of tips on how to find yours. There's a few things I want you to pay attention to when looking for reference photos for your scenes. Number 1, is there a focal point? Focal point is a large, dominant object that will hold and draw the attention of the viewer. In image 1, we have this computer screen and it's framed really nicely by these objects. Straight away, our eye is drawn to the center of the image. In the second image, we have this large chair, so it's very dominant in this scene. Its contrasting really nicely with the background, and our eye is drawn to it shapes way. These focal points are also really good for getting an idea of where you will be placing your cart in your scene. You want your cart to be the focal 0.2, so having your cart lane on the chair, or underneath the desk, or on top of the desk, or code up on the sofa will help draw the attention to your cart as well. Number 2, pick an easy reference photo. Straight away in this scene, I can see some really simple shapes like the cup, the photo frame, and even the desk where we've got these squares here, and it's very symmetrical, which will help us in our illustration later. I don't want you guys to pick an image that's really difficult and then feel overwhelmed, and it becomes a bit of a drag. Flattening and simplifying these shapes is going to be a lot more difficult than flattening shapes like this. Pick images that are head on as opposed to images with lots of perspective and angles. I'm not going to be covering perspective in this class, so I don't want you guys to get overwhelmed and struggle with perspective. Picking simple head-on shots like this will translate so much easier into a stylized scene. Number 3, get inspired by multiple reference photos. I want you to use multiple reference photos as inspiration, and the best place to start is Pinterest. I've been pinning lots of different elements to my boards, so I have lamps, chairs, plants and ceramics, and I also have studio space and home inspiration here. If I look in my studio space here, I can show you examples of how I would start to think about using different reference photos in one. I could see this as a really nice example of a workspace, but maybe I don't like the chair. If I go down here, I can see a different style of chair that's a little bit more interesting, so I could combine these two reference photos together. Another example of this would be using different plants. Maybe you loved the layout for the plants on that gray. You could go back and look in your folder of plants, and you could replace the plant you don't like with a better plant or one of your favorite plants. I also have my home inspiration here, and I've just pinned lots of different reference photos to this. I could get inspired by different patterns, so the bot hostile here. If I have pillows on a sofa that I've drawn, then maybe I could create that style. I was really inspired by this color palette here. I made a mental note of this, and I knew that I was going to come back to this afterwards. I also loved the composition of this, so I wanted to combine this color palette with this composition. You're not just limited to using one reference photo, if you like them to cool off a chair from one and a plant from the other, that's not a problem. Just use one reference photo as your main focus and then you can swap out different elements as you go. Mixing multiple reference photos together means that you're making it your own, and it also gives you the control of designing your space. Number 4, make it your own. Here's two images that I found earlier in Pinterest, and I really did love this color palette, so I decided to color pick and make a unique color palette from this. I then chose this composition because I thought it was very strong visually. Here's an example of an illustration I created with the color palette that I found, and I was heavily inspired by this composition. I've tried to change things up, because it's really important that we don't completely copy the reference photos and that we do make it our own, but it's okay to be inspired. As you can see, I've simplified the chair of a bit more, I've changed up the legs. I also found that parts of this photo were quite busy, and to avoid any tangents, I changed up these cupboard, just to create more of a flat shape, I swapped out some of the plants and I simplified the shapes even more. Parts of this photo are quite busy, so I wanted to simplify it and make sure that I gave enough breathing space between some of these elements. Another example, is from this photo that I showed you earlier, where I've created a completely different, unique scene. I changed up the colors to make it more fun and playful. I was also inspired by the photo frame here, and I created a peg board. You can get inspired and try and find different creative ways of displaying some of the objects that you see. I also didn't want the chair to be seafood just because I thought that this would create a lot of business, so I blocked out the chair as well. Since all about switching things out and trying to be a bit creative, so you're not completely copying the images. Now you know what to look for, your assignment is to spend no longer than 15 minutes on Pinterest looking for your main reference photo. Remember to make a mental note of color palettes, clans, and patterns that inspire you along the way. Join me in the next lesson where I'll be showing you how to sketch out your scene used in our reference photos.
8. Lets Get Sketching: Now you should have one main reference photo and then a few others to inspire you. I just found these ceramics so I liked the patterns of and some color pallets from this photo and I thought I could change up the blanket with a different pattern. It's all about thinking about how you're going to design your space. Now we have our reference photo. Let's get started. You're going to want a Canvas of 3,000 by 3,000 pixels and I normally work with this size because it gives me around 56 layers. I'm going to show you a really cool trick to look at reference photos while drawing. If you swipe up with your finger, at the bottom of the screen, you'll see a small arrow, and this will create a popup or some of your favorite apps that you normally use. If you click and drag on the Pinterest app, it will then click into place, and this will become an extension of procreate. It's really good because this gives you the freedom to change your reference photos really easily. We're going to start sketching out some of the shapes I see in the image. They can show. I keep each sketch on a different layer so I can move and resize them easily. This way it makes it a lot easier to move each element around until I'm happy with the composition. I'm not worrying too much about my sketch at this point. It's more important that I get the composition and the positioning of each element right before I continue. Try to look for the simple shapes in your reference photo. As you can see here, the chair is almost a circle, so just simplify that a little bit more. I've gone to a more simple square shaped the plan ports. We don't want you to completely copy the reference photos. You can start to make your own and just have fun with it. It's time to turn on my drawing guides. I'm going to go to campus, turn on drawing guide and then edit the drawing guide. I have control over the color up here, the capacity, and also the grit size. I'm going to use my grid to start adding in the shelves. Add a new layer and then I'm going to space them about three squares apart. Then you can also use these grids to align all of your shapes. If you want to move more than one layer the same time, here's a little trick. If you swipe your finger to the right on the layer you want to select and select each one, that means I can move them all at once without merging them down. If you're happy with the composition and where everything is placed, you can merge your layers down by pinching your two fingers together and then we'll put the opacity down, ready to do a final sketch on top. I always say this guys, but it's really important to finalize and neaten up your sketch as much as possible before you go on to color. Try to find that time to really refine your sketches. Some going to trace over my image and this is where I'm going to start to use the quick shape tool and quick line tool. I'll create a line and hold it down until it snaps into a perfect line. Then I'll duplicate that line and move it over to the other side. I will put a line at the bottom, once I'm happy with this, I can duplicate it again for the other side of the shelves. When you start to move it to the other side, you'll get this pop up at the bottom. So make sure you have uniform and magnetic selected. This will help snap your shapes into place, a lot easier. I'll make sure I'm on a different layer and I'll repeat the process with the other shelves. Some shapes are trickier than out this, as you can see here, if we duplicate this line, it doesn't fully aligned but the shelves did. This is where we're going to have to try to align it using our eye. I'm just going to move the line around and tried to adjust it and align it that way and really trust my eyes with this. That looks quite good. It doesn't have to be perfect for now. This is just going to be a framework that we're going to build up before we go on to color. Don't worry too much at this point. Just try to get the basic shapes down. To create the shape of the chair. I'm going to draw a circle. I don't want it to be perfect, so I'm not going to press my finger on the screen at the same time. This way, it will create an ellipse rather than the perfect circle. It's really important that you keep each element on different layers. For the chair legs, I'm going to create a new layer and then start to draw my lines. Choose an angle from my chair leg, create the line and then I'll duplicate that to drag to the other side like the bookshelves earlier. Once I'm happy with the shape of the leg, I'm going to duplicate that. Then I can move the chair leg to the back and erase the part I don't need, I'll then duplicate the original leg, click, Flip horizontal, and drag it to the other side. This is why it's very important to use the drawing guides. I can make sure that each chair leg is aligned. Enjoy more obscure objects like these. Only draw 1.5. Then you can duplicate it and then this will pop up. Select Flip horizontal and then drag it to the other side. Finish it off with creating a quick line at the top and then merging them altogether for your shape. Again, create everything on different layers. I'm going to start filling out the bookshelves. I want to make sure that everything's balanced and it's not too overcrowded. Once I'm nearly finished, I'll just check to make sure everything's aligned, neatened up and it's divide size. Maybe I'll go in and change the chair size and the shelving and just make sure that there's enough breathing space between each object. Once I'm happy I will pinch all my layers down to match them. I put the past few done of my illustration and I worked my cat into the scene this way. I normally do this because it gives me the flexibility to change it if I need to. As you can see here, I've done that to the cat, I'm happy with how it looks now, so I want to erase part of the illustration behind it. I don't want to destroy my illustration so I'm going to use a mask so I can go back if I decide I don't want to advocate there. I'll click on the Layer, Add mask and then I'm just going to erase part of the illustration where the cat is. Then I'll bring the opacity up and I can always merge or keep the cat separate in case I want to have the illustration with and without the cat. Here's my final sketch, and I'm really happy with how it's turned out and even though it took me a while to get everything accurate and neat, it's totally going to be worth it when I go to the color. Your assignment is to create a final sketch for your scene. Take a bit of time to play around with the conversation but remember to have fun with it. In the next video, I'll show you how to take this sketch and turn it into a beautiful full color illustration using some cool tips and tricks and appropriate. I'll see you in the next class.
9. From Sketch To Final: In this lesson, I'm going to be working through my whole process of how I build my scene using the shape tool. Firstly, bring the opacity down on your sketch to around 36 percent, then create a new layer and added underneath. This will help you see the line, so when you add color. I already have my color palette saved here, I'd really recommend choosing your colors before you get started with your final, It will make your life a lot easier. I normally do this by creating rough color thumbnails like this. If you struggle with colors then be sure to check out my fun with color class while I cover this in a lot more detail. Now that I have my thumbnail chosen, I can always refer back to this when finalizing my illustration, this process really speeds up my workflow. I'll fill the background color first and then create a new layer on top. Then I'll pick my outline brush, and create a quick shape for the chair. I'm just going to hold my pencil down but not click with my finger, so this will remain an ellipse rather than a perfect circle, and then I can just resize it to fit the sketch below. Little tip for you guys is if you're working with similar colors and you know, you're going to be used in that column later on. Why not try and fill out all of those colors at once? This is why it's really good to have thumbnails because I can refer back to my color thumbnail picture and see where there's yellow in my illustration. I'm now going to go over my illustration and fill out all of the yellow parts first. This way you're not flicking between colors all the time, so it just speeds things up a little bit. I'll pinch the layers down and merge them, so I can fill in the shape. I'm now going to start working on the red parts of my illustration. Again, making sure that everything is on separate layers. If I do decide that you don't want this red, I can easily change it. To create perfect circle, you hold it down and then put your finger on the screen same time and that will snap into a circle. It's going to now start working on the white so we can create a rectangle now, hold it down, and this will pop up here. Click on Edit Shape and then I compress on rectangle, and then a click off here and then make it fit the rectangle. How we do the chair legs is similar to how I did the bookshelves earlier on. I'll create a diagonal line this time, and then duplicate it and drag it over to the other side. I'll then close off the shape at the bottom and the top. Duplicate and click horizontal are tools, I use the most when I'm creating my scenes. I just want you to get into the habit of using these as well, it's really important to get that consistency, and it also speeds up your work flow too. A quick way to add the flow is to create a layer above the background layer and fill the whole canvas. Slide this shape down so it cuts off at the bottom. I will still want to add a skirting board, so I repeat the process again, and then put this layer behind my floor. I don't want this tangent here between the floor and the bottom of the chair. I'm going to move this up slightly to give it more breathing space. I'm going draw inside the eyes. I'm going to create a layer above and add a clipping mask, and then I can draw just within that shape. Another tip for you guys is if you're using two of the same colors, you can hold your finger down on the color up here and it will switch to the color you were previously using, this can speed up your workflow. I'm going to go a few shades darker and then I'm going to start to add some of the smaller details to the cat. To add detail, I'll be using my prickly brush by Jamie Bartlett. If you're wondering which brushes I'm using to add this textured detail, I covered all of these brushes in my former Faces class. Fill out the details, could definitely go a few shades darker. I'm just going to recolor them this way. You go to the magic wand here and then go down to recolor, and then you can move the X on the parts you want to recolor. I'm going to create a new layer on top and I'm just going to start to draw some more of the smaller details. I'm just testing out to see if, I think that brush needs to be a bit smaller. I'm going to go a few shades darker on my red, I'm going to add some more details, and this really starts to bring my illustration together. I want to add spots to plump her, and we're going to use my shape brush. I'll add another layer and then turn on clipping mask. I have the shape brushes that I got from Creative Market and I've linked this in the description below for you guys. This is just a great way of adding a [inaudible] really quickly. We're going to make a clipping mask and I'm going to start to draw the floorboards. I'm going to duplicate that and drag it over and then if I get this spacing, I feel that that's about right. I'll merge these down, duplicate, drag that over to the other side and then I'll raise the middle line. I'll merge them down to make three lines and then I'll duplicate that again. I'll just repeat this process and where the line is overlapping I'll remove that, merge them down and I've created my lines like this. Then I'll drag it over, and this is normally how I create my flowers. I'm going to start to add a shadow underneath everything. I'll go with a slightly darker brush and I'll just create the shape and fill in. Just so you guys can see it, I'll just go a little bit darker. I'll make sure everything is neat and then I'll play around with the Opacity. I'll play around with the background and hopefully use, maybe I can try this and I feel that that's a little bit too much. Maybe with my Bonobo texture brush, I can add a bit of texture this way, and I'll just create shade at the bottom, and again, just play around with the Opacity to make it a little bit more subtle. I'm just going to add small details like this, just to make the shelves look a bit more faded. I can just adjust it this way, adds a bit of texture to the chair, and I'm going to use my Gritty texture brush. I want to start adding a bit more texture to the painting, I'm going to go to my red layer, click on "Select," create a new layer and then I'm going to hide the layer underneath so I can see what I'm doing. I'm going to use a Nice texture brush to fill the shape. Okay. Back to this layer and then select the part I don't need anymore, and then with three fingers I'll swipe down and cut. I really like this effect where the backgrounds come in three. I'm just going to repeat the process again with the pink shape. Here is my final illustration, it does seem like a lot of steps and I don't want you guys to feel overwhelmed. Take your time and keep adding and building up your shapes. The more you practice, the quicker you'll get. Hopefully, I've given you some tips and tricks on how to speed up your workflow, and I can't wait to see your final illustration. In the next class, I'm going to be showing you how to animate your cat's tail and eyes.
10. Bonus: Animation Assist: In this bonus class I'm going be showing you how to use the animation assist in procreate. This is a great way to our personality to your illustrations. Today I'll be walking through how I add movement to the cat's tail and eyes. At the moment, my seniors in lots of different layers, that to the animation I just want a cat in the background to build separate layers. I could measure them down now, but I don't want to lose the original layered file, so I'll go back to the gallery and duplicate the illustration. Now that I have my Light File Saved, I can carefully start to pinch lays down to match them, making sure I get the background on the cat separate. Now that you've merged them, you should have two separate layers, one with the cat and one with the background. Hadoop to span here and then go to Canvas and turn on Animation Assist. Before we get started, I'm going to click on the "Frame" and turn this to background. This way it will make sure my background layer, it's going to be an order phase of my animation. I'll then go to my cat layer and duplicate it and start to move the tail, and now by i got Animation Assistant on, you can see that the frame, the life, has become an onion skin. This is going to help show us where to put the next frame. Before I trace over this frame, I'm going to duplicate the cat without a towel, so always got a copy of that. Then I'll go back to this layer and I'll start to draw slightly different tail on top. I want to make sure the line is coming out the same place as the tail before. But I want movement in the tip of the tail, so I'm going to slightly change that up and then fill in, and going to get that really neat, and as you can see, I haven't completely traced it because I want it to slowly move, so I'm going to duplicate it again and then on the layer below it, I'm going to repeat this process. Take your time with this, and then I'll just repeat the process over and over until I slowly grab the tail coming onto the other side. If you're still unsure on how it moves, then you can check out some videos online or if you have your own cat, maybe you can watch your cat's tail. Then I'll go back to my frame sound here and press play, so I can watch how the tail is moving to make sure that it's move and it's moving how I wanted it to. It's getting quite hard to see where to draw next just because it's so many layers here, so I'm just going to Settings and put down my onion skin frames from six to two, and that way it will only show the two onion skins, below this frame. I want to make sure my animation is set to ping-pong and not leap. If I select leap, it will jump back to the beginning and you won't have this move back and forth motion. So once I'm happy with the tail, I can move on to creating movements of the eyes. I'm going to head over to one of the frames and paint over the eyes, then 'll do the same for the frame above. This way it will keep the blink for slightly longer. I'm going to see what my cat looks like, if I add another blink forever on, and then I'll just press play and check to see how that's looking. I'm not really happy with how many blinks were, so I think I'm just going to keep it to one blink. I think it just looks a bit more natural. It's completely up to you how long you have the wink for, maybe you want to do a bit longer, or if you want to have it even quicker then just have one frame without the eyes, and here's the final animation. I hope you guys were able to follow along and you have all the tools now to bring your illustrations to life. I can't wait to see what you guys come up with.
11. Exporting Your Animation: We're going to explore our animation now, and there are a few ways you can do this. If I go to the spanner here, and I click share and you have all of these different options. I'm going to go to the animated GIF. I have an estimated file size of 40.6 megabytes, which is a really large file. If you want to upload your animation to Skillshare, you only have a max of 8.4 megabytes. I'm going to show you how to reduce your Canvas size. I'm just going to cancel and I'm going to go back to gallery because I want to reduce the Canvas size, but I don't want to lose this file, so I'm going to swipe again and duplicate like we did earlier. We're going to go back to the spanner, go to Canvas and press on crop and resize. I'm going to click on resample canvas, and I'm going to put my file size to 1200 by 1200 and press done. Now I can go back and check, now this has been reduced to 7.8 megabytes so you'll be able to upload your animation to Skillshare. Going to export this now as a GIF and save image and then I can go back and check in my files and I have my animation here. But this is only one second long and to upload to Instagram you have to have at least three seconds. I'll show you how I convert this GIF into a video so I can also upload it to Instagram. Use the app GifVid and it's I think about $1 but it's really, really good because it can convert your GIFs into videos. I'm just going to click here to create, and then I'm going to select GIF to video. Then you can see in my recents, put the highest, and then it will generate this two second GIF into a video. Then I have options now to make this video a bit longer. I'm going to make it into a 10 second video and that way I can upload it to Instagram. I'm going to press on this arrow here, and now it will start to convert my GIF into a video. Then I can press on here and save video. Then I go back to my gallery, and I have the GIF that I can share to Skillshare. I also have this video that's looping for 10 seconds, that's long enough to upload to Instagram. If you guys have any issues with uploading or exporting your files, just leave a comment in the discussion and I'll get back to you. Hopefully that will make sense and I'm really excited for your animations.
12. Thank you + Speed Painting: Thanks so much for taking my class. I hope you've enjoyed it as much as I have. Remember to take your time and most importantly, enjoy the process. The more you practice use in the shape tool, the quicker you'll get. Don't worry if you're a bit slow at the beginning, it does get easier. Creating scenes is a long process that's so much fun, and I hope you've picked up lots of useful tips and tricks to speed up your work play. I can't wait to see your final scenes and animations. Be sure to upload them to the projects section below, along with ordinal exercises, and if you've enjoyed the class, then please leave some feedback for others to see. Thanks again guys. Bye
Charly Clements, Greeting Card Designer and Illustrator
