Animated GIFs for Instagram: Creating GIFs with Procreate | Ceren Dabag | Skillshare
Drawer
Search

Playback Speed


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

Animated GIFs for Instagram: Creating GIFs with Procreate

teacher avatar Ceren Dabag, Illustrator

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.

      Intro

      2:34

    • 2.

      Class Project

      1:18

    • 3.

      Beginning Step: Take Photos

      1:08

    • 4.

      Beginning Step: Download Your Files

      0:50

    • 5.

      Coming Up with Great Ideas

      8:31

    • 6.

      Basics to Animate in Procreate

      1:59

    • 7.

      GIF Animation 1: Wiggly Text

      7:23

    • 8.

      GIF Animation 2: Wiggly Object

      7:43

    • 9.

      GIF Animation 3: Erasing

      9:25

    • 10.

      GIF Animation 4: Guided Motion

      8:19

    • 11.

      GIF Animation 5: Blinking Eyes

      6:54

    • 12.

      GIF Animation 6: Small Changes

      8:04

    • 13.

      Canvas, Colors and Brushes

      3:20

    • 14.

      Tips: Before Applying to GIPHY

      1:28

    • 15.

      Applying to GIPHY

      2:56

    • 16.

      Share: From Camera Roll to Instagram

      1:47

    • 17.

      Final Thoughts

      1:39

  • --
  • 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.

736

Students

9

Projects

About This Class

Want to learn how to create fun animated GIFS in Procreate and get them on Instagram via GIPHY? 

In this class, as a verified GIPHY artist with more than 600 millions views on my GIFs, I’ll walk you through a simple process where you’ll be learn how to come up with great GIF ideas for Instagram stories and exercise with different methods to animate them! I’ll cover everything you need to know about applying to GIPHY to make your GIFS available for everyone’s use on Instagram. From Procreate’s animation interface to tips on brushes, coloring and exporting to share, I’ll teach you everything you need to know to create outstanding GIFS for Instagram. 

Key lessons include:

  • Methods and exercises to come up with eye catching GIF ideas for Instagram stories
  • Basics on animating on Procreate
  • Six different methods to animate your GIFs (full process & step by step procedure with two different project (12 GIF example in total) 
  • Tips to make your GIFs stand out from the crowd on Instagram GIF search. 
  • Everything about brushes, colors and canvas sizes
  • How to be a verified artist on GIPHY and get them your GIFs to Instagram via GIPHY. 
  • How to use your own GIFs on your IG without being a verified GIPHY artist. 
  • Things to avoid while creating GIFs for Instagram stories. 
  • How to export your GIFs to look their best
  • Lots of tips and tricks 

This class is perfect for everyone who wants to create and use their own GIFs on their Instagram stories,  but just doesn’t know how the process works, or stuck in the creative process. The class is for all levels. Because the gifs you create can be very simple and still very effective or can be more advanced. It’s really up to your imagination and skills. But don’t worry if you’re a beginner, the class takes it easy with step by step processes. 

What you need for this class?

To start this class you just need Procreate app in your ipad and any stylo that is compatible with your ipad would be enough. 

So once again When you finish this class, you will be able to create your own unique gifs, and get them on Instagram. It’s pretty simple. So let’s get started!

Follow me on Instagram: @ceren_dabag

Check our my website: http://www.cerendabag.com

Music: https://soundcloud.com/jeff-kaale/sunday-afternoon

Meet Your Teacher

Teacher Profile Image

Ceren Dabag

Illustrator

Top Teacher


Hey, I'm Ceren!

I am a freelance illustrator and designer based in Lisbon! I love drawing colourfull stylish characters, interiors or patterns. I am working with Ipadpro and Apple pencil. My style is very colourfull and geometrical. 

I’m also a verified GIPHY artist with more 50 GIFs on Instagram, and I’ve more than 600 millions on my GIFs. 

When I am not creating, I am most probably spending some time caring my plants, playing with my cat, walking at the beach or swimming. 

I love sharing my latest work, process videos and mini tutorials on Instagram and Youtube  so feel free to check them out :)

See full profile

Level: All Levels

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. Intro: Hi, I'm Ceren Dabag. I'm an illustrator and a verified artist on GIPHY, which means that everyone can use my GIFs on their Instagram stories. I already have around 50 GIFs on GIPHY and I have pretty wide success uploading my GIFs to GIPHY. So far, I have more than 600 million views on my GIFs and with this class, I promise you that you can do the same. In today's class, I'm going to show you how to create awesome animated GIFs in Procreate and how to get them on Instagram. In the Instagram world, if you want to stand out, you need to know what you do very well. If you create GIFs for Instagram, this includes your GIFs as well. But don't worry, because in this class I'm going to show you how to create eye-catching GIFs for Instagram stories and some tips to make your GIFs stand out from the crowd on IG GIF search as well. We will start the course by learning two different methods for making a start on your ideas for your GIF creations. Then you will have a quick tour on understanding animated GIFs and you will get a short bronchures of Procreate interface focusing on its animation tool. Then I will show you six different methods to animate your GIFs and for each method, I will share true GIF projects as step-by-step example. After completing your GIFs, I will show you how to get them on Instagram via GIPHY and things to know before applying to be a verified artist on GIPHY. Basically, this class is just for anyone who wants to create their own unique GIFs and get them on Instagram but just doesn't know how the process works or stuck in the creative process at some point. During the class, we might be focusing on creating GIFs for Instagram stories. But since you will be familiar with the basic animation skills in Procreate, you'll be able to apply these skills in your bed illustrations as well. You can make a bird fly in the background of your illustration, or you can create a bursa pack on your plants in a two-year ever seen drawings so sky's the limit. Once again, when you finish this class, you'll be able to create your own unique GIFs and get them on Instagram. It's very easy. Let's get started. 2. Class Project: [MUSIC] Your project is to create animated GIFs that will work well with your photos and share them on your Instagram stories. We will be looking at how to come up with concepts to create GIFs, and we will be learning four different methods to generate your GIFs. By the end of this class, you'll be able to create five unique GIFs that will pop up on your IG stories. I will also show you how to verify GIFs archives, and in this way your GIFs will be available not just for you, but for everyone who uses Instagram. To start this class, you just need Procreate App on your iPad and [inaudible] that is compatible with your iPad will be enough. In the final project, I will be looking at how you create your concepts, and how you generate your GIFs. I will be also looking at how your GIFs will pop up on your photos. We will also discuss color use and solution standards because I think this is really important if you create GIFs for Instagram use. To start your project, you have two options. First option is taking your own photos for your stories, which I will be covering the details in the next class. Or you can download the photos I took for you to use while creating your GIFs. I will be also covering how to download the photos I prepared for you. You can find this as some beginning step download your photos, and you can start creating your GIFs directly. 3. Beginning Step: Take Photos: [MUSIC] I'm so happy that you have decided to take this class. I want you to create GIFs that you might want to use in your Instagram stories. The best way to do that is to think about the general concepts of your GIFs. That means thinking about how your GIFs will work together with your photos. Let me be more specific about that. Your first step is to take photos that you might want to use for your Instagram stories. This might be a photo of your favorite lunch spot or a plant corner at home, or your desk at your studio or a beachy day photo. It's really up to you, you can take a photo of anything you like. I want you to take at least five photo because in this way, you can have more resources to create your concepts for your GIFs. I'm also going to show you five different methods to generate your GIFs. You can create at least five GIFs for each photo, or double it and make it 10. But if you don't want to bother yourself taking photos at the moment and you want to dive into create your GIFs directly, don't worry, because I have already uploaded five different photos for you. In the next class, I'm going to show you how to download these photos. 4. Beginning Step: Download Your Files: Because this is a class about creating GIFs, you might want to focus only creating your own GIFs. I didn't want to bother yourself for checking useful shots for your project. Instead, I've put together five different photos for you guys. To download your files, you need to open this class on a web browser because you won't be able to download the files on your mobile app. You can download your photos in the Project and Resources section below. When you first download your photos, you'll be able to import down into Procreate. I'm going to click ''Settings'', then insert a photo, and now your photo is on your canvas. Since now you have your photos, let's jump into the next class where I'll be showing you how to come up with concepts for your GIFs while using these photos. 5. Coming Up with Great Ideas: First part of making GIFs is actually coming out with a concept. In this class, we will come up with different concepts and just simply draw a few ideas that will work with your photos. Coming up with a concept on a very blank page can be really tricky, this is why we will use photos to think about possible GIF ideas. At the end of today, your GIFs need to work well together with your photos while you post them on your Instagram stories. I think this is also good way to come up with GIF ideas that people will search on Instagram. I just want you to have a look at the photo you have and think about what kind of GIFs you would love to use if you search it on Instagram. In this step of the project I just want you to focus on static shapes like I want to sing a sound here or a [inaudible] or some content to celebrate. It's fairly simple, you don't need to create something overly complicated. Let's get started. I want you to open a Canvas in the size of 1080 to 1920 pixel. This is the size of your Instagram stories. Now I want you to bring your photo to your Canvas. To do that, click "Section", and then click "Insert a photo". Now you have your photo in your Canvas. As a next step, I want you to lower the opacity of the photo just around 80 percent. Now create another layer on top of your photo layer by clicking on the plus sign on the right corner and pick your favorite brush to sketch. You can pick any brush in the sketching process. I just like sketching with 6B brush. Now let's start together to come up with ideas. I'm going to bring my photos to brainstorm for my GIF ideas. A little reminder here, you can download the files in the project and resources section. You can check how to download that in the earlier classes. Now my photos are already here so let's start to imagine. I'm going to share with you three different methods to come up with GIF ideas. The first one is core adjectives by me. The second one is copying. The third one is, what's missing. We will go with the first one. Our first photo contains a bowl of fruits and vegetables. Let's think about which GIF ideas I'd like to show in this one. Easiest and most effective trick here to find some great ideas is actually coming up with some adjectives. That's because you can make really great GIFs with just words and you just need to think about some adjectives that will work with your photo. When I look at this photo, some of the words that come to my mind are vitamins, fresh, or yummy, healthy, maybe a hundred percent natural. For each photo you work, I really suggest you first try words as GIF ideas. My second trick to come up with ideas is copying. If I work in this photo again, I see fruits and vegetable so I can create cute moving vegetables as GIFs. I can create a cute blanking tomato or cute carrot and I can always give characters to my GIFs. I can make my carrot sad or happy or a little flirt rose, it's really up to you, so let's get started. To come up with ideas, my chart trait called what's missing and I think this trick works really good. I just want you to have some fun and think about what you can add to your photo just like a little college work. When I look at this photo, I can easily imagine that some butterflies or bees can be in this photo, or when I look at this photo, I can easily think of some fishes, turtles in this photo, so why not make some GIFs of them? We learned two different methods to come up with ideas for our GIFs. Objectives, copying, and what's missing. I want you to choose your photos and just sketch some ideas on them by using these three different methods, and again, at this moment, I don't want you to focus on creating memoirs or generating your GIFs. Instead, just some static shapes to work with. In the next class, where basically I will be talking about what are animated GIFs exactly, and what you need to do to create one. 6. Basics to Animate in Procreate: The first thing we're going to do is turning on the Animation Assist. To find Animation Assist, we go Action and then Canvas, and just here Animation Assist. If we toggle this on, you will have a timeline here at the bottom of your Canvas. Procreate works, making frame-by-frame animation, every unique layer you create or each layer group will be a single layer while you are creating your animation in Procreate. I think it's really important to remember that groups act also as a single layer. I think that's really an amazing feature and can really help you while creating more complicated gifts. So in the timeline, we're only going to see the content of your selected frames. You can script the total timeline with one finger and just here on the left, you can play back and pause your animation. If you tap on the selected frame, you will have the options, delete, duplicate our hold the frame. In the timeline settings just in here, we have all the frames and onion skin options. If you wonder what's onion skin, that means you can see the frame before and the frame after and the frame you're on. You can always adjust the number of the frames you want to see and the opacity on your frames in here. There are also different playback features and today we're going to use Loop playback. Loop playback goes to the end and goes back to the beginning and plays again. Since we covered the basics animation features in Procreate, in the next class, now we can start to animate our guests. 7. GIF Animation 1: Wiggly Text: First method we're going to try is something I call wiggly text. I think this method is the easiest but still very effective one. Let's start. Before starting to draw my GIF, first, I want to open Animation Assist and Drawing Assist. To do that, I go to settings and then Canvas. Drawing Assist helps me to control my writing. It's not necessary but it's just half-full, if you don't trust your writing abilities like me. On this new Canvas, grab your favorite brush and write something from your sketches. Then I pick my color, I always prefer bright colors for my GIFs. This time I want to go with red. Let's just start to draw now. I picked a word, what from my ideas sketches and now I'm just going to write that. I always go with mono line brush for my GIFs. I think the sharpness of mono line brush works really well in GIFs. Now I'd like to turn off the drawing assist feature because I don't need it anymore, and it's looking much better without it. Run [inaudible], create a new layer, and in the new layers, simply trace the first layer you just made. I also like to use different colors in each layer, but that's your taste. You can always go with the same colors. But I think using different colors makes your GIF more effective. Then create another new layer over your last layer again and keep doing the same thing. Just simply trace your previous layer. Remember that you can always change the number of your onion skin layers by just going to settings in your animation timeline. In here, you can also change the opacity of your onion skin layers. Anyway, let's have a look how our animation looks like. I forgot, we need to tap the play button in here. Repeat the process two more times. Now you have a total of four different layers. Now make sure that all the layers are on. Now we are ready to export. Go settings and then share, and then select "Animated GIF". This window will also give you a tiny view of your animation. This also nice way for a last check in on how everything is looking. I like the way it is. I'm just going to hit "Export" and save my GIF. You have just made some fun wiggly text. Let's try another example. This time, I want to add a little drawing to my text. On our new Canvas, let's make all the preparation we did in the first one. That means turn on animation and drawing assist, and then pick your mono line brush and your favorite color. You can just start to draw now. I like to write "good morning", because I think a good morning GIF can go with so many stories in Instagram. I also like editing my writing [inaudible] by using the free hand select tool and moving some parts. Now I'm going to trace my first layers two times more, and I'm going to use different colors each time. But this time I want to keep it warm colors and use only yellow, orange, and red. I'm done with writing now, but I want to also add a drawing to my sketch now. I open a new layer and group my new layer with my first layer. Because as I mentioned in earlier classes, groups act as raw frame in animation in Procreate. Now I want to draw a little sun over here. Now I will do the same thing with this sun drawing and trace over my first layer in a new layer. I always stop and check and [inaudible] to see how my animation is going. I really suggest you to do the same. In this way you can fix quickly if anything is wrong. Now, we've finished all the layers and we can export our GIF. 8. GIF Animation 2: Wiggly Object: You can always use this redraw method in illustration as well, not just lettering. In this way, you can have video objects as your GIFs. Let's make a wiggly tomato. This is a tomato we have sketched in earlier classes. The brush I'm using for this tomato is monoline brush and now I'm just going to create a new layer and reduce the opacity of my sketch layer very low. Then I pick my color and start to draw my tomato. Now I create another layer, and I keep all my layers in one group, and I start to draw my tomato's layers. This is my first layer group. Now I create another layer and now I want to open my animation assist. For that, I go "Action" then "Canvas", and turn on animation assist. Now in a new layer, I draw my tomato again, but this time I change the shape a little. Now I create another layer and keep all the layers of my second tomatoes drawing in a new group. Then in my new layer, I pick my green and redraw the leaves of my tomato. Like in the red part, I'm going to also change the shapes of my leaves. Now I'm going to draw a third one and I'm changing the shape in third one as well. I want you to draw at least three layers in total. I think wiggling animations really work when you have four or five layers. It gives you more variation in that wiggling motion. Now turn all the layers back on if they are not selected and check if all the layers are 100 percent in the opacity. Now I can check how my animation looks like so far. I hit the "Play" button. I think it looks really fast, so I slow it down in timeline settings. Here we go. I think the tomato looks really good now. Now I want to add eyes on my drawing. I close this one and create a new layer on my first layer group. Then I choose the select tool and choose ellipse in the bottom right corner, and then create my eye shape and then duplicate this and bring it to the right as my second eye. I keep them as one layer by merging them. Then I choose black and draw my eyeballs. I like keeping them as one layer as well. I duplicate my eye layers and bring them to my second layer group. Then what I need to do is just go to Select and move the eyeballs to the middle. I will do the same again in my chart layer group. I duplicate my layers and move them to my chart group. Then I need to move my eyeballs. Let's have a look how it looks so far. I'm just going to hit the play button. I think it looks great. You can make it a bit faster if you want. There you go. You have a really wiggly tomato. Let's try another one. This time, I'm going to draw a lemon. In a new layer, I just start to draw my lemon. Now for the leaf, I create another layer. Again, I keep all my layers in one group. The trick is drawing every part in different layers and keep all the layers in the same group. In this way, you can make your changes easily. Go ahead and draw lemons by tracing the earlier layers until you have at least three frames. Let's check how it looks. I'm just going to hit the "Play" button. I think it looks good but feels like I can do some edits. Don't forget you can always check how your animation looks like in the middle of your process and you can edit to make it better. I want to add some texture to make my gift a bit more exciting. I'm going to use Alpha Lock tools for adding some textures. Then I pick up a darker yellow or orange tones, and I choose another brush and now I can experiment and actually enjoy the process. I also would like to add some dots and I use monoline brush for that. Now I do that for all the layer groups. All done. I'm going to hit the "Play" button to see how my animation looks like. I also want to add eyes and maybe eyebrows to give some character to my drawing. Everything looks great. I go Actions and then share as animated gifs. You can see one more time how your animation looks like and if you like it, you can hit the "Export" button. 9. GIF Animation 3: Erasing: [MUSIC] Another method I use while creating my GIFs is called erasing. To show this technique as first example, I'm going to draw an apple and we're going to eat that apple in my drawing. As my second example, I'm going to draw a rainbow. I'm using my monoline brush again, and I'm going to draw an apple. I draw the red part and green part of my apple in different layers. This enables me to animate them separately later. If you use multiple layers in your drawings like I'm doing right now, you should group them. Because animation feature in Procreate also accepts groups as layers, so you don't need to merge them. I think this is a pretty cool feature. After drawing the basic shape of my apple, now I want to add some texture, for this, I'm using a soft brush in Procreate. I'm thinking about adding some pink and oranges to my apple. Maybe a bit more pink. Now, I'm done with my actual drawing and I can start to animate. To start making an animation of our drawing, first, I open Animation Assist, go to Settings and then tap the "Animation Assist." Then since all the layers of my apple drawing are in one group, I'm going to duplicate my layer group and grab my erasing tool. Now it is like a bite mark in your apple. Then I'm going to copy off my last layer group and then erase more bites. Duplicate and erase more bites, and repeat this process until you reach the middle part of your apple. I add another new layer and draw each side of my apple with a light color. For this, I use monoline brush again, and then I add some seeds. Then I duplicate my last layer again and erase more bites. I want to check how my animation goes so far and I check the play button on my animation assist. It looks good. I think I'm done with erasing apple bites. Now, I want to create a visually effect on the leaves of my apple. I pick my green and tries to leave in a new layer. I always keep my new layer under the group, and then I do this for each layer group. Since I drew all the layers groups, now I can check how my animation looks. I think the leaves are bigger than it should be in some layers, so I'm going to make them smaller and check again. Then I'm going to hold on, make sure to control and turn on all layer groups. Then you can hit the play button and see if everything is as you like. I'm going to add a couple of frames of the whole apple by duplicating the bottom layer two times. Check again, and then go export. You can see the preview of your animation in here as well and save it. Now creating to eat some apples. As my second example, I'm going to draw a rainbow. I'm getting my monoline brush and start drawing my rainbow. I use red, pink, orange, and yellow in my rainbow. Again, I keep all my layers in one group. After finishing my rainbow, I'm going to turn on my animation assist and then duplicate my first group and start to erase my rainbow from the first color inside. Then erase a little bit less in my second color. Then I duplicate my last layer group again and continue erasing from the inside out. Erasing the yellow a little bit more, and then orange and then start to erase pink as well. Then I duplicate my layer group again, and every time I delete a little bit more from each color. I continue to duplicate and erase my rainbow until it's all gone. Let's turn to play and see how it's animated. As you can see, it's only wrong way of moment now, but I want it to bounce back as well. To do that, I'm going to start duplicating from the second layer group and then move that layer to the top. I'm going to do that for all the layers one-by-one, duplicate and bring it to the top. Now let's check again to see how it's animated and fix if there's something wrong. It looks good. Let's export. Tap "Setting" and then share as animated GIFs. Voila, your colorful rainbow is ready. 10. GIF Animation 4: Guided Motion: The next method, I'm going to show you how to make a motion that goes across your canvas by using a guide. To start, I pick my monoline brush and on my color, and now I'm going to draw a bee. I first draw the body part, and then with a lighter color, I draw the wings. For this, I use select tool again with freehand option. I draw every part in different layers and keep them under the same group. Now with the Alpha lock tool, I draw the black lines of my bee. Then I go for the last details. [MUSIC] I'm done. Now we can start to animate. First I go action and then canvas, and then I turn on animation assist. Then I create a new layer. First, I want to make my drawing smaller and bring it to the corner. Then to help me figure, I should have pulled my drawing, I use guided motion. For that, in my new layer, I'm going to draw a dark line across the canvas, and in animation timeline, I select this layer as a background layer. This line will be the path of the motion this bee is going to take as it goes across the canvas. Now I can start to set up the frames of the animation. This part of the process goes like, duplicate the top layer and move it a little further and rotate it if it's needed. Duplicate the top layer and move it a little further. Duplicate again, move and rotate. Duplicate again, move and rotate. Duplicate again, and move and rotate. Duplicate again, move and rotate. If you want your bee to come into the frame and go out of the frame, you need a few extra frame, so duplicate and move until the bee all the way to the frame and out of the frame. I'm going to move it all the way into the left as well. I want my bee to stay inside of the frame, so I don't keep these layers. Now I can hit the play and see how it looks. Now, we can see the preview of our bee flying on our canvas. As you can see, guides can be really handy. Let's try another one. I also use this guided motion method to animate a worm. First, I want to draw the worm I want to animate as my example. [MUSIC] I'm done, so let's animate. As the first thing, I turn animation assist, and then in a new layer, I draw a motion guide to help me draw my worm. [MUSIC] Now I draw my first warm using my reference drawing. Then I draw my second guide so that I know I was getting the land of the worm consistent throughout the animation. Now I copy my second guide. Then in settings right here, I turn on magnetics and snapping to move my lines straight. Now I draw my second worm starting from the middle of the first worm drawing. [MUSIC] Then I draw my third one and the fourth one. [MUSIC] You might repeat the process according to the length of your guide. Now let's hit the Play button to see how it looks and then we can export. 11. GIF Animation 5: Blinking Eyes: [MUSIC] Now I'm going to show you how to create blinking eyes. I think if you learn this technique you can adopt this technique in so many of your drawings and you can create your own characters. You can basically just draw anything you like and add these cute blinking eyes to your drawing and then voila, you have your own GIFs. I first turn on my Animation Assist and then I just want to draw a simple eye. I draw every part of my eye such as eyebrows or eyelashes in different layers and keep all the layers under the same group. [MUSIC] Then I duplicate my first eye, and move it to the left, and flip it. To flip it, I select Uniform troll and then Flip Horizontal. I don't want a squint eye so I move my eyeball a little bit to the left after flipping it. I keep my two group layers under the same group and then I duplicate this group, and then I create a new layer. I'm going to draw one eye closed all the way down, so that means I only draw the eyelashes and I'm going to offline all the other layers in this one eye group. [MUSIC] Now, I'm going to hit the ''Play'' button and voila, your drawing just blink at you. Now you can go and save it as Animated GIFs. Now let's make it a little bit more complicated. I turn on my Animation Assist like always and then I create a new layer and pick my monoline brush and start to draw my eyes. [MUSIC] Again, I duplicate my first eye and move it to the left and flip it. I always prefer keeping snapping and magnetics on, and I keep my two group layers under the same group. Then I duplicate this group. Now I'm just going to draw the eyes half-shut. To do that in a new layer, I draw a new half-shut eye shape and then delete the upper part in all the other layers. [MUSIC] My half-shut eye layer group is done. Now I'm going to draw the third layer of my animation. In this one I'm going to draw the eyes closed all the way down. [MUSIC] Now we can see all the layers of our animation and as you can see, all the layers are in harmony. Now let's hit the "Play" button and see how it looks. Voila, you have animated eyes. You can always play with the animation settings to make the movement faster or slower, it's your choice. I think it looks good. Now you can export as Animated GIFs. 12. GIF Animation 6: Small Changes: Another way adding motion to your illustration while creating GIFs is to change the size of your drawing or to change the colors of your drawing. It's really easy and one of the fastest way to add motion to your GIFs because you just don't need to redraw. Let's try. First, we open a new layer. Then we turn on the Animation Assist like always. Then we choose the color we are going to use. As my brush, I again go with monoline brush, and I start to draw my fish. I use very bright colors because these colors pop up on stories much better. I also draw a few details on my fish to make it more interesting. But I don't keep my details too small because they're going to be so small in stories as GIFs, so to make it visible, I'm going to try to draw them a little bigger. Basically, I just enjoy drawing my fish, and at this point, I don't need to worry about my animation, just draw whatever I like. I also want to draw some bubbles. I think it will look good in animation. To draw my bubbles, I use Select tool. Now let's animate. I keep all the layers under the same group. Of course, I turn on the Animation Assist. For that, I go action and then turn on the Animation Assist. Then I duplicate my first layer group and rotates my drawing a little. At this point, it's important to imagine the animation moment and move my layer group a little according to that. I also change the arrangement of my bubbles in the second layer group. All done. Let's hit the Play button. It looks good. Now to the Actions menu and share as animated GIFs. Let's try another animated GIF. This time I want to play with colors and size. Let's start to draw. I draw a simple cube shape in yellow. Then in my second layer, I redraw my shape a bit bigger in a different color. This time I use a light orange. Then in my third layer, I choose pink and draw my shape a little bit bigger. I draw one more layer, and this time I choose red. Let's hit the Play button and see how our animation goes so far. I also want to give you some characters to my drawing, so I create a new layer and group this layer with my first layer. Then I choose black and draw some eyelashes. Then I'm going to add a smile too. I redraw this layer in all my layers, and this will create a really effect on my animation. Let's hit the Play button and see how our animation goes so far. I think it looks really cute and colorful, and I'm also thinking that it will work really great as animated GIF in your stories. Now, I can export it as animated GIF. 13. Canvas, Colors and Brushes: So far we have learned the basics of animation in Procreate and how to come up with great concepts, and now we can talk about the things we need to cause through while creating and exporting GIFs for Instagram. In my experience and observation, there are things that you need to think about while creating your GIFs for Instagram. One of the main things you need to know for Instagram GIFs is the background of your GIFs. Your GIFs sticker should have neither white or colored background, they must be exported with transparency feature and it's also important to keep your background as small as possible. Your comments border shall be something really close to your GIFs, and for that, after completing drawing your GIFs, you need to crop to cover all the edges of your drawing. This is really important because sticker GIFs that are exported with too much empty space in the frame will appear very small when they are uploaded to Giphy and Instagram. Another important thing to keep in mind while creating your GIFs is the brush you're going to choose. While creating GIFs for Instagram, you need to use a smooth brush on the edges, like monoline brush, that's really help you to avoid pixelation around the edges. Even though you are using different kinds of brushes, make sure that you are using a smooth brush on the outlines. Of course, we need to also talk about the size of your Canvas. Giphy recommends that your GIFs should be as clear resolution as possible, so don't use like five-pixel to five-pixel resolution. For my GIFs, I use present square option in Procreate. Basically, no matter how big your size is, Giphy we'll resize it to their default size. You would like to have enough so much pixelated GIFs. So keep in mind to keep your Canvas size right. Another really important thing is to think about concept, background, and colors. It's really important that while creating GIFs for Instagram, you really need to think about the background photo and the things that can go well with this photo. First of all, most of the time people's photos are quite dark, so that's something that you should really keep in mind. In that case, I really recommend keeping your colors quite bright and catchy as much as possible. If you are going to create texts GIFs, I recommend keeping your texts colors white, yellow, or very bright colors because these are the texts colors really pop out on the photos. Or if you want to use black text, make sure you're surrounded with color, like inside of a shape or some color to make sure that people can still read it because otherwise your GIFs just become invisible. While uploading your GIFs to Giphy you will also use hashtags to make sure your GIFs is reachable in search engines. At that point, don't forget to check your username code. You would like to give something to the people to find you so much easier. 14. Tips: Before Applying to GIPHY: To get your GIFs to Instagram for everyone's use, first, you need to have an artist channel on Giphy. In this class, I'm going to show you what you need before applying for an artist channel on Giphy. First, you need to set up a channel. That means you need a profile picture and fill out all the information. You also need to have a collection of work before you apply and get verified. You need to add links to your portfolio, your website, or your social media accounts. I think these are quite important to increase your chances of getting verified. To be able to apply to artist channel on Giphy, you need at least 5-10 original animated GIFs. I really suggest you to create at least 10 GIFs before applying. So that means at least three different drawings for each GIF and across 10 different GIFs. That means 30 frames to draw. I think there's not so many frames to draw, and I'm sure that you will have so much fun by doing it. To get started, first, you need to open an account on Giphy. If you already have one, you can always use this one too. It doesn't really matter. Then you need to upload your GIFs first and then you can apply for an artist channel. Then you just need to wait to get verified. It can take some time to get a verified artist on Giphy, so don't worry about that. Just give them some time. For me, I waited like a month to get a verified artist on Giphy. In the next class, I will show you step-by-step how to apply for an artist channel on Giphy. 15. Applying to GIPHY: In this class, I'm going to show you how to upload your GIFs to Giphy. First thing you need to do is going to sign up to giphy.com. I already have an account, so I just wanted to demonstrate the whole process starting with a new account. You just need to go to click on Login and then if you don't have an account, you can just click "Join Giphy." I have already put some information here, so I just click on Sign Up. Then uploading your information. Your second step is applying for an artist channel. You need to be accurate first before uploading your GIFs to Giphy. If you go here, and then here, there's a section, Giphy for Brands and Artists, and then on the first section here, there is, Apply For An Artist Channel. I'm going to also upload this link in the class project section. If you go and click this link, you will be able to go directly to this page. Then you can just go here, digital and visual artists can apply right here, and then it's going to go to this page and it's going to ask you to upload some GIFs. Don't forget you need to upload at least five GIFS, but I would recommend going for 10 GIFs at least. This way, you have a better chance to get reviewed and approved by giphy.com. Approving system can change for everybody and I think it's also up to how many application they have at this moment. For me, it took like a month, but for you, it can be faster or longer, so don't worry, if you haven't accepted yet, it can happen anytime. You never know but when it happen, you can always upload more GIFs in the feature. About that, when you upload your GIFs in the feature, your GIFs will be visible on Instagram after almost a day. Don't worry about that as well. To upload more GIFs, you just need to click on this Upload button right here and then you can just go to browse your file, and then you need to upload your texts. That's really important because in this people will be able to search for your GIFs. At this point, I really suggest you to use your name as well. For example, I'm going to type Safraninthejungle here or cerendabag here so people will be able to see my GIFs directly with my name. Then you just need to upload to Giphy, then it's going to take a few seconds to upload, so it's okay. Once you upload, your GIFs will not show up on Instagram GIFs search directly. But it takes a few days for your GIFs to be approved. You're not going to get a notification when it's done, so you just need to track in in the next phase if it show up on the IG. In the next class, I will be showing you how to use your GIFs in your Instagram stories without being a verified Giphy artist. 16. Share: From Camera Roll to Instagram: [MUSIC] Let's imagine you are not trying to be GIPHY Artist or you're accepting process to be a verified artist on GIPHY gets so long. Don't worry because there is still a way to use your GIFs in your stories or share them with your friends. In this class, I'm going to show you how I do that on my iPhone. First, you need to open up your story in your Instagram and prepare to add a sticker GIF and then save your copy to GIFs sticker. It can be emoji or GIF sticker with transparent background to your camera roll. You can do this from Dropbox, Google Docs, or via email. In this case, I'm copying one of my GIFs over from my AirDrop. It's a simple GIF from my bird GIF series. I then click Copy on the left bottom corner, then open up Instagram again and your Instagram story will still be there ready to go. An option to add this sticker you just copied will pop up and you just need to tap the X Sticker icon. Well, your sticker will be added to your Instagram story just as if you had edited from Instagram selection of stickers. Let's imagine Add the sticker option didn't show up, there's still one more way you can use, and you just need to click on the Text option in your Instagram story, and then just like pasting a text, you can just paste this sticker, you just copy it. I think these two options is really useful if you are not a verified artist on GIPHY. Finish up your story as you normally would. That's it. A few simple step and you have added your own custom sticker from outside of Instagram stories into your story. It's really easy. You can always use this method while waiting for your acceptance process. 17. Final Thoughts: [MUSIC] I will definitely recommend giving GIF making a go if you're into illustration or just want to try something new in the digital artwork. It's really rewarding because you upload them and then GIF views get insane and it's definitely fun to see people using what you have created. Even if you're not trying to be a GIPHY Arts, it's always fun to practice in animated GIFs and using them in your stories or share them with your friends. When you share your projects, don't forget to give a link to your Instagram account. In this way, people who are curious about your work can find more of you. You can also tag me if you share your work on Instagram, because I generally share a collection of my student's project on my Instagram. If you tag me, I can see your project and re-post them. If you want a specific feedback from me, please let me know what feedback you're looking for in the text of your project. I really want to give you the most helpful feedback so please let me know. I always love seeing your process, so don't be shy to share, even if you're not finished the whole project yet. You can always share your sketches, your initial tries on your animated GIFs or anything you go so far. I think it's always good to see the process before the final animation. I will be really happy if you leave me a review on my class. In this way, my class can get a higher rank in the Skillshare platform and can reach more students. I can always improve my classes with your feedback so they're really important to me and please don't forget to review my class because of that. [LAUGHTER] Anyway, thank you for watching my class and hope to see you in my next class.