Simple and Charming GIFs in Procreate: Illustrate and Animate Your Pet | Taylor Carroll | Skillshare
Drawer
Search

Playback Speed


  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x

Simple and Charming GIFs in Procreate: Illustrate and Animate Your Pet

teacher avatar Taylor Carroll, Illustrator & Chief Cat Mom

Watch this class and thousands more

Get unlimited access to every class
Taught by industry leaders & working professionals
Topics include illustration, design, photography, and more

Watch this class and thousands more

Get unlimited access to every class
Taught by industry leaders & working professionals
Topics include illustration, design, photography, and more

Lessons in This Class

    • 1.

      Introduction

      2:32

    • 2.

      Your Project

      2:29

    • 3.

      Basics of Procreate

      12:19

    • 4.

      Stylizing Your Pet

      5:29

    • 5.

      Exploring Your Design

      0:57

    • 6.

      Animation Assist

      6:59

    • 7.

      Basic Movement: Spring Up

      3:08

    • 8.

      Wobble Effect: Sleeping Pet

      2:40

    • 9.

      Using Guidelines: Wagging Tail

      6:38

    • 10.

      Putting It All Together

      1:42

    • 11.

      Exporting Your GIFs

      2:57

    • 12.

      Uploading To Giphy

      5:44

    • 13.

      Conclusion

      1:18

  • --
  • Beginner level
  • Intermediate level
  • Advanced level
  • All levels

Community Generated

The level is determined by a majority opinion of students who have reviewed this class. The teacher's recommendation is shown until at least 5 student responses are collected.

784

Students

16

Projects

About This Class

Let's create a GIF of your pet! From cats to dogs, birds to lizards, or even horses to hedgehogs — anyone who loves their pets will enjoy learning the basics of animation in Procreate in this fun class!

Hi there, I’m Taylor! I’m a freelance illustration and motion designer who is obsessed with her cats. Like a little too much I can’t stop drawing them...help!

Learn how to design a charming illustration of your pet, then animate them and turn them into GIFs to share with everyone! Procreate is a simple and accessible tool to get started on when learning how to animate! It’s very straightforward to use and comes packed with lots of fun tools to experiment with.

In this class, you will learn how to:

  • Use Procreate for drawing and animation
  • Create an adorable digital illustration of your pet
  • Make a basic character sheet to explore your pet’s quirky and cute behaviors
  • Animate your illustration using 3 easy frame-by-frame animation techniques
  • Export your animations 

This class is for anyone who wants to dip their toes in basic animation in Procreate, as well as pet lovers who want to make their pet GIF famous!

DISCLAIMER: I cannot guarantee your pet fame, but I know they are going to look so cute as little animations.

All you will need is an iPad, the Procreate App, an Apple pencil/stylus, and lots of pictures of your pet.

Let's bring your furry, scaly, or feathery friend to life in Procreate!

More of about me & my work at: www.taylorcarrollart.com

Like the class? Leave a review and follow me for more! Taylor Carroll - Skillshare

Meet Your Teacher

Teacher Profile Image

Taylor Carroll

Illustrator & Chief Cat Mom

Top Teacher

I'm so glad you're here! In case you don't know me, I'm an artist, teacher, & cat mom based in Virginia.

ABOUT ME

I've been making art since I was tiny. It makes me happy, so I just decided not to stop! I not only teach to help others explore their creative side, but I also sell products online and work with really cool clients on all kinds of fun art things. I definitely consider myself a generalist in that I enjoy any and all types of art.

I began my creative business in February 2020, perfect timing, right? Since then, I've slowly been creating m... See full profile

Level: Beginner

Class Ratings

Expectations Met?
    Exceeded!
  • 0%
  • Yes
  • 0%
  • Somewhat
  • 0%
  • Not really
  • 0%

Why Join Skillshare?

Take award-winning Skillshare Original Classes

Each class has short lessons, hands-on projects

Your membership supports Skillshare teachers

Learn From Anywhere

Take classes on the go with the Skillshare app. Stream or download to watch on the plane, the subway, or wherever you learn best.

Transcripts

1. Introduction: What if I told you you could see your pet as a GIF on Instagram, let me show you how. I'm Taylor, I'm a freelance illustrator and motion designer who is obsessed with her cats. I specialize in creating fun and memorable illustrations and animations, and I love to focus on whimsical themes and bright colors to help brighten the day of anyone who happens to see my work. I've a small YouTube channel where I document my life as a full-time artist and cat mom, and I also have an online shop where I sell originals and stickers featuring, you guessed it? Cats. Overall, I think the driving force with my work is having fun while I create and being open to experimenting. In this class, we'll be turning your pet in a GIF by drawing them in adorable and simple illustration style, and then animating them in Procreate using three different techniques. A cute spring up animation by shifting our layers to create movement, a wobble effect to show our pet taking a little nap by drawing our layers over and over, and using guidelines to create wiggly bodies, swishing tails, and more. We'll start by going over the basics of Procreate to give you a grasp of how it works and how we'll be using it, then we'll begin stylizing your pet by breaking them down into simple shapes and capturing the personality in our drawings. Once we nail down our preferred style, we'll explore our design further by creating a character sheet of various poses and emotions to make sure we have a handle on how we want to technically draw them, as well as how they look in real life. Drawing from observation is a key skill to have as an artist, so why not draw something we see and interact with every day. Our pets are the perfect subject. At the end, we'll upload these animations as GIFs to Giphy with a possibility of getting uploaded to Instagram. Who knows? Your pet could end up famous. Disclaimer, I cannot guarantee your pet fame, but I can guarantee that they're going to look super cute as little animations. Animating in Procreate is super simple and fun to learn, even if you only have an afternoon. All you'll need is an iPad, the Procreate app, an Apple pencil or stylus, and lots and lots of pictures of your pet. This class is perfect for illustrators who want to get started animating, Procreate beginners, and, of course, pet lovers. By the end of this class, you'll have a collection of 5-6 GIFs that feature your pet's personality, a method for drawing animals by breaking them down into simple shapes and exploring their stories with character design, as well as a workflow that can be used to create any type of GIF for yourself or future clients. It's also going to be super cute. Let's go ahead and get started animating. 2. Your Project: For today's project will be creating a set of gifts featuring your pet to upload to GIPHY. As I mentioned, I'm obsessed with my cats. One look at my Instagram will tell you that it's likely that you're just as obsessed with your Ferrari or scaly pet. If you're taking this class, you might have already drawn them before or maybe you want to, but you're not sure where to get started. I'm going to be showing you tips and tools in this class that you can use to simplify your pet and draw them in the cutest way possible to capture your favorite things that they do. Or maybe even you're not so favorite things they do like scratching the couch, cough, cough. I've even included a worksheet for you to go through and simplify your pet step-by-step. You can print that out or use it directly in Procreate. I'm going to be doing mine in Procreate, so I'll show you how to do it there, but it works the same on paper as well. If you're new to animation, don't worry, we're going to be using Procreate on the iPad to bring them to life. And it's super, super easy to learn and very intuitive to get started. At the end of this class, I'll be looking for a collection of about five to six gifts to upload the Giphy. The reason that we make a collection is that Giphy prefers five or more gifts on an account to approve it. So at the end of this, we're going to be applying to become an artist account and hopefully fingers crossed, we get approved because that means that we can get our gifts on Instagram. So you know how you can search up Instagram gifts and put them to your stories. We're going to be trying to go through that process to upload them. And I'm gonna give you all the tools you need to give you the best shot to get your pets all over Giphy. Go ahead and take some time to really study your Ferrari or scaly friends to see exactly how they move, what's like their main thing like you to think of one word that sums up their whole personality. What would that be? And then most importantly, what makes us want to squeeze the living Q out of them? We need to capture that in our illustration. Before we can really get started, I need to teach you the basics of procreate and just get you started on how to draw in the program before we can begin animating. So let's go ahead and move on to the next lesson. 3. Basics of Procreate: Don't worry if you're a complete beginner at Procreate, I'm going to be showing you all of the basics you need to excel in this class. That being said, I do want to address that I'm not going to be doing a deep comprehensive dive of Procreate in this particular class. However, if that's something you want, I'd love for you to let me know in the discussion. But again, I am going to be teaching you all of the tools that you need to make awesome GIFs in this class. For this class, you are going to need an iPad and an Apple Pencil. You want to make sure that your iPad is compatible with an Apple pencil. You can use a stylus, although I do recommend Apple Pencil just because it gives you a little bit more control, and it obviously feels and looks pretty much like a pencil, whereas stylus normally has that flat little bottom, and it doesn't quite feel the same. But whatever that works for you, go for that. When you first open up Procreate, you'll be presented with the gallery. This is where all of your artwork is stored. We're going to go ahead and just start a new document. We're going to go and hit this little plus icon. Then it's going to say new canvas, and then we're presented with a list. Your list is probably going to be the standard list of what comes with Procreate. I have a couple of custom ones. We're going to be using a GIF size. I'll put up on the screen the size that I'd like you set it up at. I'm going to show you really quick what it'll look like when you set up a document. If I hit "Edit online", it'll show you. You can set to pixels or inches. In our case we're using pixels. Again, 1800 by 1800. 300 DPI is good, it refers to dots per inch, that just means it's a high resolution. Depending on your iPad, of which I have an older iPad, so if I can run this, you should be perfectly fine, but just watch your maximum layers. Seventy eight is plenty for our purposes. But if it set something like 10, then you probably want to go smaller either on the DPI or the width or height. Again, if you have problems with that kind of thing, please feel free to drop me a message in the discussion board, and I'll be happy to answer that. Color profiles, here in my case for prints, we're going to say on RGB. I'm just going to go with the standard one because to be honest, I don't know what all of these mean. It's a little over my head, so the first default one is perfect. Time-lapse settings, we don't need to mess with, but if you wanted to, you can. Then Canvas properties, we don't have to mess with either. We'll just make sure that it's same to GIF, and then we'll hit "Save". Then once we are ready, we're going to click our document, though we would like to start, and it will open the document for us and boom, it will pop up. From here, we're going to make a couple little adjustments. We can change a little bit of preferences. I'm going to set my preferences to a dark interface because it helps my eyeballs. Oh my gosh, that is bright. Dark interface. Then I'm going to turn on the brush cursor. What that's going to do, it's going to show me the shape of the brush as I'm drawing. We'll go over a couple of these later when we use them. For now, let's move on to quick menu that, I think, is super helpful. If you tap once, it will open up your quick menu. From here you can set all the different things that you'd like access to quickly. You just hit this middle one, and you can set it up. I mostly use New layer and Alpha Lock and Flip horizontally. It's mostly just these three, these are just hard to fill in, but that's there for you. If you tap again, it goes away. If we want to undo something, say we make a pretty little line, we want to get rid of that, we're going to tap with two fingers. It's going to undo, and you'll see it'll come up here and tell you what it's doing. It'll undo movements as well, but you'll see people draw stuff and tap there, just undoing. If we want to redo it, then we tap with three fingers and it's going to redo it. Then if we want to use an eyedropper, we just hold our finger and it'll go and turn into a tiny little eyedropper. Then over on this side we have the brush icon, the smudge icon, the eraser icon, and layers, and then our color. Brush is obviously brushes. I have a lot of brushes that I've purchased, but your Procreate will come standard with a lot of these brushes. Then we have smudge which, obviously, smudges things, and then eraser which, obviously, erase things. If I have my pen, selected my brush, and I draw something, and I want to smudge it with the same type of brush, then I hold down and I'll smudge with current brush. Then, again, for the same thing, if I'm on brush and I want to erase with that same brush, then I just hold down, and it'll erase with current brush, which is super helpful if you want to keep a consistent look. From here, I don't have to tap to undo if I have a lot of things going on that I just want to get rid of. I'll just go to my Layers, tap, and then hit "Clear", and it will clear that out for me. When I'm drawing with my brush, if I'm coloring something in and I'm like, men this isn't big enough, then I can go over here and increase the brush size, and then it'll make it bigger for me. Then, again, same principle, but this time it's opacity. Over here, if I want the opacity to be lighter, then I can set it lighter, and then it'll overlay as things do. Feels like a watercolor brush or like a brush that colors like watercolor. This is a cool technique. Then if we go into our Layers menu like before, we'll tap and hit "Clear". From here, we can do a couple different things. We can rename it, Alpha Lock, which I'll get into a little bit later in a later lesson, all these other things, but we're mostly going to be working with Rename, Clear, and Alpha Lock. From here, let's draw something. Let's draw a little happy dude. Say we want a new layer, this is where quick menu can come in handy. We'll hit it and then hit new layer, and it'll tell me [inaudible] new layer, and then I'll change the color, say red color, and draw another smiley face. We have two layers. If I wanted to group those, I could just slide and hit "Group". It'll create a whole group. Then if I wanted those to be together, I could flatten them or rename the whole group. If you've ever used Photoshop before, there's different preferences you can do with things. Just like in Photoshop, there's different layer settings. You can play around with these. It gives you cool little icons that show you what it would do, like hard light, pin light. You can play with all of these. But N means normal. Then again, you can also change the opacity of layers, which is cool. We're going to create a new layer. Then to delete this layer, then we just slide it, hit "Delete", and then it's gone. To access the colors, as you saw me do, you just hit "Color", super simple. These one's all of my palettes. This is my default palette, so it's going to show up at the bottom. But you switch between all of these, and you have value, harmony, which, of course, there's no harmony with black, classic, and then disc. You can use all of these to mess around and create cool color combos, especially like this thing where you can hit and do different types of colors, which is nice. If you know any color theory at all, then you'll know what these words mean. But regardless, if you don't know color theory, boom, those already go together perfect. Really quickly, I'm going to show you my favorite brushes. Again, I have a ton of brushes. I'll show you first some of my favorite ones that come on Procreate. My favorite sketching brush is called dry ink. I love this brush. It's chunky and cute. Another favorite of mine is 6B pencil. It really does act like a pencil. I like coloring with it. That one's cool. Studio pen is also good. It's really smooth. I have my smoothness up on this one really high, it's super smooth. Then my favorite purchase pens, there's a gouache liner, and this is from MaxPacks. I will include links to these in the resources. But again, you don't need any fancy brushes to do any of this. There's a lot of cool brushes that Procreate comes with. These are just my favorites. Then this one is from RetroSupply, it's called drunk sailor. We'll just write sailor. I like the texture of those. Those are my most frequently used ones, especially the pen for outlining stickers. But I love coloring with the gouache and sailor and then sketching with the dry ink and 6B pencil. Go and clear that one. Let's say we have a brush. Say we're on the pencil and we're drawing and it's just not feeling right, it's just not coming out smooth, like if I drew on a piece of paper it would be so smooth, I wish I could make it smoother, if having a hard time drawing lines or something, by the way, you can hold, and it will snap a line for you, maybe. You can make a line that way, and you can also make circles, squares, and rectangles, which is pretty nice. But again, say we're drawing and we're like, men, I wish this was smoother, we can go into our brush properties, hit the brush, and then on this little stroke properties thing, bump up the streamline. I normally don't like mine to go over 80 because it looks a little artificial, but it'll be better if you do try this on your own to get a feel for it. But it basically just makes your brush predict where you want to go, and allows make really smooth lines. If I go back and I take this one down again, it goes like 20, and I make those same marks, it's going to be a little different. I'm used to drawing on them, so you'll probably tailor those of the same. But please draw with your pen. If you notice that you're getting stuck and you feel like it looks chunky or it's just not coming out right, then play with your streamline. Now that you have the basics down in Procreate, I'm going to be showing you how to stylize your [inaudible]. I've created a worksheet to help guide you through this. Then we're also going to be going through it in the next lesson. Feel free to download that file to open in Procreate, which is what I'll be doing. Or you can put it on a piece of paper, just print it out, literally, printer paper is fine. A lot of times when I get into my head when I'm drawing with stuff, I'd like to draw on a piece of paper because there is no undo button, so I can just go over and over and over and make the same mistakes almost. I feel like digital stuff makes you really hyper-focused on the fact that you can delete it really quickly, whereas when I'm drawing on a piece of paper, there's this connection with my hand and the actual lead going to the paper that helps me sometimes. I know when I created my first cat illustrations, those were all in my sketch book on paper. They're just pages of me drawing a cat one way and not liking it, drawing it again in another way, and it's really good to see that progression. If you're someone who likes that, if you're so into digital and you're like, what is paper? You don't even want want to touch it, like certain people don't like the feel of paper, then feel free to do it on the iPad. But really, all I'm getting at is that either way works. Now that you have the basics, we're going to be moving onto stylizing your pen. Let's move on to the next lesson. 4. Stylizing Your Pet: Drawing animals is actually pretty easy. The best part is we're going to be drawing an animal that you stare at literally every day. Drawing is really just observation and the fact that you've been observing your pet for however long you've had them is already a leg up. We're going to be drawing them by breaking them down into really simple shapes and adding really cute details to capture their personality. To help you get started, I've created a worksheet to really explain what I mean when I say breaking them down into simple shapes. Like I mentioned, you can print out that worksheet and do it on a piece of paper or do it all in Procreate, whatever you're the most comfortable with. Let's go ahead and draw an animal together so I can show you exactly what I mean when I say breaking them down into simple shapes. This image is a free image from Unsplash. Thank you to whoever took a picture of this sweet little pup for us to use for this class. I am going to assume that you are going to be using a picture of your own pet. Although feel free to grab some pictures of pets like royalty-free pets that you want to practice this technique on. If for some reason you're feeling anxious about capturing your pet and you want a pet that you don't even know to practice on. I'm going to show you the steps I went through. Then of course you can work through the worksheet, and they'll be plenty of example pictures as well for you to look at. When I first got started, I took the dog image and I drew over top of it to break down these simple shapes. These are the main shapes that I gathered from the image. Again, lots of circles. This is where I handy-dandy, we draw a circle and hold, it can come into play. You can draw circles that way, or you can draw them freehand. Good for you. I broke down his arms because I'm of course going to capture those. The general shape of his ears and of course its cute little curly tail and his legs. But from here, just simple shapes, how simple can you get it. Then again, I drew like this line just because I wanted an idea of where his little head would come in. That's why that line is there. But overall everything else, super basic shapes. From there I did a first sketch on top of the simple shapes. Now the sketch was fine, but for me, it felt a little too realistic and that's not what I like going for. I didn't super love where his eyes placement were. I just placed them where they were. I wanted his tail to be fluffier, but that wasn't really true to the original illustration, it didn't quite look right. This leg was throwing me off, so I decided to make another iteration as we do as artists. You definitely should make all the sketches. Then I made a second sketch. This one was more on track. I felt like these arms looked odd. If you'll look, his arms actually end right here, but I drew them all the way up here because I wanted him to capture that cute, scrunchieness. Then again his ears like this one ended a little bit further, then his tail was tucked in, but I brought it out, so those stylistic choices that we can make. Then the little floofs on the belly and the little dots for where his whiskers would be because I don't really want to draw big whiskers. Again, not super happy with this part, but we're almost there. I decided to try one more sketch then boom, the final pup was born. I drew this little line to indicate his arms and then I moved their placement a little bit. It made a little more sense with my drawing, but I still kept this little scrunched in proportions. Then if I bumped opacity up of the dog image, you'll see it is not exactly where we got started, but it still looks like it. That's the main purpose. We want to take all the things we like about our image and then stylize it how we see fit. I did do some guidelines from my first sketch because I was having a really hard time with this curve going on so if you see in the worksheet, it does say add guidelines. This is why I added those guidelines. It helped me straighten out his body for this final sketch. Then from there, I just colored him in, and you can color him in any way you want. Now that we've stylized our pet, and we really explored at different types of illustrations, and we've narrowed it down to this one specific one that we really like how it looks, we're going to explore that design further. The reason we do this is because not only do we need to practice drawing it a couple more times, but going through this can help us when we animate because we need to know what is their tail going to look like when they're turned sideways instead of just front on. What are they going to look like when they're angry? What are they going to look like when they're super excited? It's basically just getting some of the hard work out of when we go to animate because we already know [inaudible]. I want the illustration style will look like this. When they do this, it's going to look like this. Yeah, I am going to stop talking now, and we're going to move on to exploring your design. 5. Exploring Your Design: Take a moment to download the exploring your design worksheet and walk through all of the prompts I have listed with the illustration that you just created in the last lesson. I promise, do not skip this step, I pinky swear that it will make the animating process a lot easier. While we are referencing a real-life pet in these illustrations, we're turning them into characters that we're going to share with everyone, so that's why I consider this a character design sheet because while they are our pets, we're making them a character. Once you're done going through the prompts, we're going to dive into animation in Procreate. I'll see you in the next lesson. 6. Animation Assist: Now, that you have a design you're happy with, it's finally time to start animating and bring your pet to life. Before we dive headfirst into more advanced animation techniques, I'm going to be showing you the basics of animation assist in Procreate to create some simple moving details, so you can really understand some of the terminology and just generally how animation is going to work in Procreate. Let's go ahead, and open up our iPad, and get started doing that. To turn on the animation timeline, we're going to go to the gear icon again. Then we're going to go over to Canvas and we're going to flip on animation assist. You'll see this little timeline pop-up, and it's going to say "Play", "Settings", and "Add Frame". We're going to go into our settings. From there, you'll see we have a couple different options. Ours is going to be set to loop because GIFs do loop forever but if you're ever working on a different animation after this class, you can mess with ping-pong, one-shot, obviously it just plays once, but again, loop is perfect for us. Frames per second, 15 is a little bold for GIFs so I'm going to take it down. I normally do about 2-3 frames per second. The more frames you have, the more you have to draw so the more layers you have to have. We're not going to be drawing an intense amount of things. We want to get stuff moving quickly and easily so two frames per second is perfect. Onion skins refer to the visibility of your other frames. I only like to have my onion skin set to one or two because I don't like to see a lot of my other frames because it confuses me. The only time I like bump up my onion skins is if I'm working on really flowing animation and I need to be able to see the other frames and how it's moving into stopping point. For our purposes, 1-2 frames of onion skin is perfect. You don't have to change the opacity, 60 percent is fine. We don't have to worry with blend primary frame or color secondary frame, but I will tell you that blend primary frame makes your current layer a transparent look, lowers the opacity, and then color secondary frame changes your current frame to a green color, so the frame before. Then the frames that are behind it will look red. Now that we're good with that, we're going to start by pulling up or inserting our final character design. Turn over the gear icon. Add, insert a photo. Earlier, I had exported my final illustration of Daisy just so I could reference it in this doc. So I'm going to size it down, put it over to the side. This is going to count as one of our frames right now, but we'll deal with that later. The reason I like to do this is so I can keep the character looking consistent and then I can also color pick from it, which is really helpful when we're drawing, so we don't really have to have our palette pulled up and you see boop, boop, boop, and take all the colors. To start an animation, you're going to draw a sketch in a pose you want on a new layer, and for our purposes right now, while we're animating, a layer is equal to a frame. We have our one layer where our reference is. Then if we add a new layer, that is a new frame. So you'll notice the opacity shift on this. This is because this is now acting as an onion skin. On our first layer, we're going to draw a sketch of the pose we want to begin our animation. For this purpose, I'm actually going to do Daisy sitting. So I'm going to use this actual picture that I had pulled up and put it in the center-ish. Then when I click on my next layer, you'll see that it lowers the opacity. You can also flip between layers by flipping back and forth down here. I'm going to draw over top of this in the post that I did. So this is where exploring your design worksheet comes in handy, especially if you did it digitally because even if you did it traditionally, you can scan it in and then draw over top of the explored designs that you already made, which super-helpful. Right now, I'm focusing on the main details. I just want to get a sketch down. Now that I'm good with that, we can duplicate our first layer. Now, we have three frames. I am going to go ahead and turn off our one, and then if you see when I turn it off, it acts like we only have two frames because we only have two layers visible. With our first layer copied, we're going to make small little changes to get it start animating. The first change I'm going to make is I'm going to make Daisy wink, so I'm going to do a little winky face. Then maybe some lines, and then maybe a heart or two. If you get stuck on what you want to change, think of minor movements your pet would do in that pose or just add little embellishments like hearts. We'll get to more advanced stuff later but I could even slightly redraw this tail. You'll see this low opacity version behind it, that is our last layer and that is exactly what the onion skin is supposed to do. We'll just redraw the tail a little slightly. It got thinner, but that's okay. Then all we have to do is press "Play" and boom, we are animating. I'm serious when I said it is that simple. The next couple of lessons I'm going to be showing you three different techniques to create more movement, but you can easily just color these frames and have this be your first GIF animation. GIFy normally like to have at least three frames on a forever loop so I would recommend maybe adding one more frame in here because they do a little bit more movement but seriously, this is how simple it was. I was not kidding. You can so do this. Let's go ahead and move on to the next lesson where I'll be showing you how to make a spring up animation. Our illustrations are already starting to move and I hope you're really excited with the results so far. I'm going to be showing you three more advanced techniques to animate them in Procreate and bring them to life even more. Then we're going to be using all of those techniques to make our collection of GIFs. I'll see you in the next lesson to teach you the first technique. 7. Basic Movement: Spring Up: For this lesson, I'm going to be teaching you how to make your little pet pop up from the bottom of the page. This looks really cute in Instagram stories because it looks like they're coming out from the bottom of the story to say "hello," we can even add a little speech bubble thing hello, or maybe they're British and they say "hello." They could even say a profanity if you want, my cat Daisy would probably say a profanity. Anyway, let's go ahead and hop into Procreate and I'm going to show you how we do that. For this technique, all we're going to need is one of our final illustrations of our pet. This can be really any pose, but I'm just going to do my little Daisy smiling. I have it brought in all on one layer, but if you do have an illustration that's on groups, you can bring it in in a group, but bringing in in one layer is perfect for this. This technique is super-simple as well. We're literally just going to be moving our pet out of frame incrementally. What I mean by that is we're going to go ahead and duplicate this layer, and we're going to hit this little Cursor button, and we're going to move our pet down. If you're having trouble though, moving, say it's going all over the place, you can hit this little "Snapping" button and you can have it sit at a snapping or magnetics. Snapping is perfectly fine for this, but magnetics also keep it in line. Again, we're going to move it down, say about this far. Then do one more and take it all the way up the screen. Then magic happens. All you do is press play. There's a good example of when Ping-Pong would work well, because we want them to go boop, and then boop. While this already looks super cute, I want Daisy's whole body to pop all the way up, and I want it to run a little faster, so the less frames, the faster it'll go. All of these where I can see almost all of her body, I'm gonna get rid of those. If I press play, happens a little faster. Super cute. From there we just make adjustments until we're happy with it. She can say hello as she pops up, and let's bring the frames up, let's try five. Boop, then she says ''hello.'' In the next lesson, I'm going to be showing you a wobble effect. Let's go ahead and move onto that lesson to make our pets take a cute little nap. 8. Wobble Effect: Sleeping Pet: I like to call this technique the wobble effect, but you'll most likely hear it called as line boil in the industry. It's basically what happens when you have any hand-drawn animation because we aren't robots, so we can't draw the same exact line perfectly over and over. The line going to look like it boils or moves. I don't know why they call it boil like that makes me think of like a boil or like boiling water. I call it wobble because it's going to wobble just a little bit like maybe not this much but like this much. You'll see as you draw it, especially if your illustration style has texture on it, then you're going to see the texture play-through and adds a really charming effect to your illustration in animation. For this technique, all we'll be doing is redrawing our pet over and over in a sleeping pose. What this is going to create is a cute little wobble effect. You can have them open their eyes and then close them. Or you can have them fully asleep and say they move their little tail. Once we have our sketch of our pet sleeping, to create a new layer, and then we go on skin. We can draw them again and the point here is that the fact that we're not robots will allow us to draw them slightly different, which will create a wobble which is also known as line boil. The only thing I'll purposely do is maybe make the belly a little less because they're taking a breath. Now if we play that back, it's a little fast, but she's sleeping. We'll do two frames here. She's taking a little nap. Again, I went pretty quickly but as you color this in and you can like make minor adjustments, it'll just wobble. Now that we have an adorable little napping pet to add to our GIF collection. I'm going to be showing you another technique and then we're going to be putting it altogether. Let's go ahead and move on to the next lesson. 9. Using Guidelines: Wagging Tail: This technique is a little bit more advanced, but really easy to follow once you get the hang of it. We're going to be using guidelines with our animations and all that's going to allow us to do is create a little bit more complex animation because we're going to be able to see what our animation is generally going to look like before we commit to drawing all of those frames over and over. For my example, I'm going to be animating a tail. But if your pet doesn't have a tail, that's okay. Guidelines can be used for any complex animation so just understanding this technique will help in a different way for you. Say you have a snake, their whole body is technically a tail, but if you have a snake, then you can animate what they would look like moving along a path and we'll use guidelines to do that before you go through and color all of their scales or all of the cool little details you have added on them just so you can get a sense of how the animation is going to flow. All of this will make a lot more sense once we've just hopped into Procreate and I show exactly what I mean. Let's go ahead and just dive in. This technique is essentially like sketching our frames before we color them in, but on a more simplified level. What we're going to do is instead of drawing the whole sketch, we're going to make simple guides to check our flow of our animation before we make the sketches. I'm going to be animating this tail, but you can also use this to animate a lizard's tongue, a snake's body, even like little [inaudible] wiggles. The main thing is to not get overwhelmed by your first pass at sketching out the guides if it isn't flowing right. The whole point of using guidelines is to help us establish a base movement before we spend the time fleshing it out. Instead of drawing up a tail, I'm going to draw a guideline. I'm going to do this first guideline. Let's go ahead and do it in a different color just so you can tell. Do it in a red color. I'm going to draw the guideline in red and I'm going to do it in the same spot that her tail is currently in and I'm going to mark beginning and middle point, just to give me a base of the tail. Then I'm going to duplicate this layer and I'm going to erase the tail that we had. You'll see that it's like the onion skin showing up here. I'm going to do some more movement and I want her told to swish over. I'm going to draw it and this time I'm going to bring it down a little bit and draw our guidelines back in. We're going to duplicate it again, erase, and we're going to get it to swish back up. Maybe not that hard, a little slight. I know you're thinking, "Oh my gosh, this looks so weird." But we don't want to draw this whole little tail, especially if the tail is fluffy, like if I draw Emma, her tail is so fluffy and curly, I want to get the basic movement down first. If I turn off my guide layer and I press play, we're going to get an idea of how this tail would move. If I scrub through these, I'm okay with the first tail movement, the last one, but this one's feeling a little weird. Now that I have these guidelines, I can go ahead and just easily erase that and make an adjustment to make it move a little less. Let me show you one loop. Then hit play. That's almost there. Now I feel like this curved one down is a little too far down, so we'll raise that top. This is super basic movement and I'm just going to keep playing with this till I'm happy with it because guess what? It's really easy to erase and adjust this little line than it would to be to erase and adjust like a more complex shape. I'm doing a trick where I duplicate that middle one and I bring it up. Now it's going to act as my fourth one, so it's going to be like the in-betweens. I'm generally happy with that. Now I'm going to go through and actually draw the tail. I'm just going to do this in black. Let's start with our first one and draw it based on the shape that we drew. Next one, this time we're going to draw it based on this guideline. Now I use guidelines to help me flesh out that tail and now it's going to move a little bit more planned than if I were to would have just drawn it. I can tell you, you can go ahead and draw straight forward what you think it would move length. But generally using guidelines is a bit more helpful for me to help me determine the best plan of action for when I draw it. Whereas if I'm drawing it straight forward, I have a little bit of a hard time, I get caught up somewhere. This has been a lot easier for me to comprehend how things are going to move. Now we know how to make our pet spring up, we know how to create a wobble effect with a little napping pet, and we know how to use guidelines to create complex animations like a wagging tail. We're going to be putting all of that together in one amazing GIF that's going to have all of the cool animation techniques put together. Let's move on to the next lesson to do that. 10. Putting It All Together: If all of these different techniques I've shown you have already started overlapping your head and that is awesome. That's exactly what we're going to be doing in this lesson. We're going to be taking as many of the different techniques that we've learned over the past couple of lessons and combining them all into one. Now you can use all of the techniques that we've learned over the past couple of lessons to create lots of fun movements of your final animations. Please keep in mind the symbol animations are just as valid and they work perfectly. However, if you do want to take it up a notch, you can try adding a couple of different techniques together to create some fun animations. Here Here used guidelines on the tail and then I used these simple animations that we learned. We're just learning animation assist to make these little pops of hearts and then if I wanted to take it a step further then I could even redraw every frame of my cat bodies. So it gives it that wobble effect. Remember that we need to create at least five GIFs to get a better chance of getting our account, except that is an artist account on Giphy. The only way to get our GIFs on Instagram is to have an approved artists account on Giphy. So go ahead and make as many animations if you'd like, but please make at least five so that we can see your pet on Instagram stories. Now that you have all of your animations, I'm going to be showing you how to actually export them into transparent GIFs that we can then upload to Giphy. So let's move on to the next lesson. 11. Exporting Your GIFs: Let's go ahead and open up one of our finished animations and learn how to export those into GIFs. Before we export our animation as a GIF, we need to make sure that the background transparency is off. To do that, we're going to open up our layers, and we're going to hit the background color and turn that off. You'll see your grid show up, that's how you know that the background layers are off. Once we turn off the background layer, we're going to hit our little gear icon again. This time we're going to go to Share, and then we're going to do Share Layers, and then Animated GIF. From here, we can keep it on Max Resolution. You will get a preview of it and then we can adjust the frames. If we want it to go freakishly fast, we could do 17, 4 is a little faster. I think I'm happy with 3, so I'll leave that there. Giphy is going to automatically scale down the size for this when we upload it, so Max Resolution is fine, we don't have to do Web Ready. Dithering refers to a process that reduces the color range down to 256 or fewer colors. This is a process that it does to conserve the high qualitiness basically of your GIF. If you don't have many colors though, you really don't need to do anything with this because it's not going to make it look that different. I really only have a couple colors, if I turn on Dithering, you're really not going to notice a huge difference. If we had a video and you turn on Dithering, then you would immediately know the difference because the dithered one would look way duller because it's going to take the colors down to 256, but it's going to keep the image sharper. For our purposes, we can leave it off. We're also going to leave off the Per frame color palette that is not referred to us. Here, you can also turn off the background. We don't really need to do that because we already did. All you have to do is hit "Export" and tell it where to save it, and that's literally, you've just made a GIF. I always save mine on the Drive, you can save it where you want. You can save it to your iPad. But yeah, that's how simple that is. Now that you know how to export your animation as a GIF, we're going to repeat that process on all of our animations until we have a nice little collection of our pet in Illustrator animated GIF form. Once we have those, we're going to open up Giphy.com in the next lesson and upload those. I'll give you the best practices for being approved as an artist account and getting your GIFs fingers crossed featured on Instagram. Let's move on to the next lesson. 12. Uploading To Giphy: GIPHY is definitely the place to upload your GIFs, especially if you want them featured on Instagram. Although the number 1 place to upload your GIFs is the Project Gallery. Go ahead and do that. Make sure you upload them to the Project Gallery. All jokes aside, please upload them to the Project Gallery. That is not a joke. But I need to show you how to even get them uploaded on GIPHY, and best practices for using tags, and then how to apply for an artist account. Let's go ahead and hop on my computer and do that. This is giphy.com. The first thing we're obviously going to want to do is to log in and create an account. These will be the little log-in buttons. If you don't have an account, then you can create one from there. Or if you have an account, you can go ahead and log in. After that, we're just going to go to upload. We're going to be uploading a sticker because we have a GIF with no background, so we have transparency. We'll click "Choose File" From here, we want to make sure it's set to public. If it's private, then GIPHY won't share it anywhere, basically, you can find it. But it's definitely not going to be able to be on Instagram stories. From here, we want to add tags. Tags help us find our content, but it also helps other people find our content. I'm going to add some relevant tags. For tags, you just want to make sure that you're putting relevant tags. Obviously, it's a cat. It's a calico cat, cat GIF. Illustration is a good tag if people are looking for illustrated GIFs. We might even put illustrated. If you have a community and even if you don't have a community, tag your name, it'll help people look up on your GIFs if they can search your name. Then you hit "Enter" to just enter the tags. Source URL, you can put your websites if you have a portfolio website. You can also put your Instagram. I typically put my portfolio website just if people are like, oh, this artist, I want to work with them because they can see your GIFs on GIPHY and they give you like, oh, I wonder who made this, let's find out more about them. I definitely recommend putting something in the source URL. After that's done, you just want to make sure, again, this is a checkerboard. Obviously doesn't have a background, which is what we want. We have all of our tags on, and it's set to public, so we're just going to click "Upload to GIPHY" Be sure to upload your whole collection of GIFs before you apply for an artist account. Because remember, GIPHY likes accounts that have more than one GIF. If we have a whole collection then they're already like, oh, they obviously make art. They are definitely going to keep making cool content, we'll go ahead and approve them as an artist account. Plus, who could say no to a cute animal GIF? Once our GIFs are uploaded, we're going to go up here, and we're going to go to our settings. From here, you can add all of your websites and your link, and again, making sure that you are public. If you're not public, it's not going to help your case. Make sure you're public. From here, we're going to go How to GIPHY, and then we want to click "GIPHY For Brands And Artists" Then you'll see it's about the third one down is apply for an artist channel. From there, we're going to see digital and visual artists can apply here. We're going to be selecting art to apply for an artist account because we are illustrators and animators. This is going to allow us to show up in stories, and then it's also going to lead us attract the analytics of our GIFs which is super cool. You can see how many people have clicked them or viewed them, which is awesome. We're just going to hit "Select Artist" Then we're going to make sure everything looks right here. Once we have everything filled out, I do recommend putting your Instagram there, especially because we're trying to get on Instagram. But if you have another social media that is best associated with you, then definitely go for that. I think they have Instagram, Twitter, Facebook, Behance, YouTube, Dribbble, all that good stuff. Also highly recommend that you have an avatar. I just had one of my GIFs as an avatar. You can set your logo, one of your GIFs, a picture of yourself on anything that represents you as an artist. Then we're going to hit "Check" and then "Submit Application" Our application has been submitted and that's all we really got to do. Now that they're uploaded to Giphy and we've applied to be an artist account, all we can really do is wait. However, while we are waiting, we can upload them to the Project Gallery. Wasn't joking, make sure you do that. You can even put them on Slack or Discord. You can blow up your friends and coworkers with all of your adorable pet GIFs. I bet they might appreciate those more than pet pictures, although I don't care. I just photobomb and GIF-bomb all of my friends all the time with that stuff. You can also use the same process we use to export a GIF, but you just put a background, any color, or even a texture. You just put a background on the GIF and export it as an mp4, and then boom, you have 5-6 videos that you can put on your social media. There you go, 5-6 things of content. You're welcome. I know as artists are constantly looking for stuff to post so we can stay consistent, so there you go. I hope you enjoyed this class, and I will see you in the next lesson for a little wrap-up. 13. Conclusion: Congrats on making adorable GIFs of your pet. I can not wait to see them, so please make sure that you upload them to the project gallery. During this class, we went over the basics of using Procreate for drawing, how to stylize your pet using basic shapes and super cute details, exploring your design by making a character sheet, three easy techniques for animating and Procreate, how to export a GIF, and best practices for uploading to GIPHY. Keep in mind that this process works great for any GIF you can think of. You can create all kinds of fun illustrations and bring them to life. Maybe even get them featured on the GIF trending page. I hope you had fun tackling the basics of animation in this class. I know anytime I use my cats as inspiration, it's always a good time. If there's only one thing I hope you learned from this class, it's the animating and Procreate. It's super simple and fun to do. Using the three different techniques we went over in this class, you can create all kinds of fun and exciting GIFs and animations that you can use in your own work or future client projects. Like I mentioned it, don't forget to upload your GIFs to the project gallery. If you post them on Instagram, definitely tag me. Last but not least, if you like the class, please leave a review and follow me for more. I'll talk to you next time.