Vector Graphic Illustrations - Drawing on the iPad Pro in Adobe Draw - Digital animal illustrations | Suzy Lizz | Skillshare

Vector Graphic Illustrations - Drawing on the iPad Pro in Adobe Draw - Digital animal illustrations

Suzy Lizz, Designer and Illustrator

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
7 Lessons (18m)
    • 1. Intro

      0:45
    • 2. Adobe Draw basics

      3:34
    • 3. Referencing images and creating shapes

      4:46
    • 4. Adding basic detail - coloring inside a shape

      2:48
    • 5. Adding extra detail

      2:54
    • 6. Creating a background

      2:22
    • 7. Class project

      0:37
28 students are watching this class

About This Class

In this class I show you how to create your own unique simple vector illustrations on your iPad. I use the adobe app Adobe Draw to show you how to create these vector graphics illustrations. I share with you my 5 step process to creating simple fun vector illustrations of any subject matter. I go through my creative process from start to finish. For this class I will be showing my illustration process by creating a cute fox illustration. These are easy steps to create a piece of vector art!

563818f1

I use an Ipad Pro, Apple Pencil, and the app Adobe Draw in this class. Feel free to follow along using your preferred drawing app or method if you are not concerned with drawing in vectors. This is also a beginner level class, so no experience in drawing or illustration is necessary!

Thanks so much for watching my first skillshare class!

90bedf12

Transcripts

1. Intro: Hey there. I'm Suzy. Liz. I'm a designer and illustrator based in Vancouver, Canada. I love drawing fun, whimsical and cute illustrations. Mostly now I draw my illustrations on my iPad using Adobe Draw. I love this app. So much for creating vector drawings in this class. I'm going to show you my creative process for creating an animal illustration. From start to finish, I will be using an iPad apple pencil and adobe drawn this class. But if you would like to fall along with a different drawing program, that's cool, too. These illustrations will be simplistic but impactful. You can use these illustrations in art prints, cards, pattern designs, graphic design projects and much more. No prior experience in illustration is necessary. I'm excited to share this class with you, so let's go ahead and get started. 2. Adobe Draw basics: we're going to start by going over the adobe drop basics. Okay, For this class, I'm going to be using my IPAD pro my apple pencil and the app adobe draw. So let's go ahead and open the app Adobe drop and let's start a new project by clicking the plus button down here. It gives you a bunch of different size formats and I'm just gonna go with the standard screen format. Now, what I like about Adobe Drop is that you drop in vectors so I can import this into Illustrator and change it to any size that I'd like because I'm drawing in vector format, not raster. So that's why I really like this app compared to other drawing APs. So to go over the basics on the right side there is the layers and on the left side there is the brush is now out of all these brushes are really only stick with this one, you can play around with other ones, but this is the only one that I really use. And just to go over the basics here, you've been changed the size by going up and down like so. You can also change the opacity by going down, but I don't really do that at all. You just keep it at 100% and then to change the color, you just tap on the color and it comes up with a wheel, and then you can sort of pick your saturation of the color on the darkness or lightness of the color just moving around in the wheel. They also have built in themes that you can use if you have trouble picking your own colors . And it would also create your own libraries by just creating a new library, calling it whatever you want. And you can add colors to it that way by pressing this plus button and it gets saved to your library again. That's not something that I usually use. I just sort of usually just play in the wheel here Now, on the right side, we have the layers, and it comes with a standard background layer that is great, and you can turn layers on and off by just double clicking, and to create a new layer, you click on the layer that you want it to be on top of. So I wanted to be on top of this layer. Press the plus button and you can do a dry layer. Image layer and image layer is really good if you sketch something out and you want to draw on top of it so you can put the image in here and draw on top. But I'm going to be sticking with a draw layer for this class. So just like any other layer, you can draw on top of things. And it doesn't affect what is below. Now to erase, you have to go back to your brushes panel, and that erases down here. You can change the size, and that's the only option for the eraser and just a race like that. And there's undo button up here. If you ever want to undo things, you can also undo it. Redo by sweeping with your fingers. But I don't usually mess with that, so I just use this a lot. And there's also the options down here. Teoh transform your layers. If you want to move them around or you can transform all heirs, you can duplicate layers, which I will be using a lot as you will see in the video show you here works. This is the basics that you need to know Just get started and I'll show you more as we go along in the illustration. 3. Referencing images and creating shapes: so the first step to making your illustration is to reference images. It's important to view a variety of images and really look at the shape of your animal. Really. Look at what makes it recognisable. What makes the animal look like itself? In my case, I'm doing a fox and ah, Fox's orange. It has black front legs. It has pointy ears and a pointy face. I'm gonna incorporate these all into my illustrations, so my illustration is recognizable. Step two is to create shapes, look at the images and features of your animal and break them down into simple shapes ahead of body in detail. My fox has 20 years and a bushy tail. These are important fox traits that I'm going to emphasize in my drawing with size making animals head eyes tale. Bigger also adds to the cute nous factor. Make sure the negative space of your animal is interesting as well. Make parts of the animal stick out, such as I'm going to do for the tail. A. Fox's tail doesn't actually stick that far out, but I'm doing it just to create a more interesting silhouette on my illustration and make my illustration just look more interesting overall. Now incorporating both those 1st 2 steps. We're gonna go ahead and start our illustration. I'm going to start with a simple sketch of my fox, and I like just to use a great color and to do just my sketch all on the same layer. I also like to turn off my blood velocity dynamics and turn down my pressure dynamics. This is just a way that I like to use this brush. You can experiment, decide which way you like to use it. I'm just doing a very simple sketch. You can take more time if you want doing it. And don't be afraid to hit that undo button. As you see me doing a lot here, you can just sort of go over and redo Redo until you're happy with your sketch before you move onto the next phase. Now I'm going to draw on top of my sketch, so I'm just going to click on the layer of my sketch and turned down the opacity and then create another layer on the top. My fox is orange, so I'm just gonna go ahead and pick out an orange color. You can always change it later, but it's a good idea. Just get the base color of what your animal is down. Then I'm gonna go ahead and outlined the basic shapes of my animal. I'm starting with the head here, and when you're outlining, make sure your lines touch and then hold your pencil in the middle and that will fill the shape with the same color. Now I'm gonna add another layer, and to move layers, just hold them and drag them below the layer you would like. I'm moving this layer behind the head because I'd like to make this the body layer. So go ahead and draw a circle, make sure it's connected and you could feel again. Then I'm going to add another layer, and this one is going to be for the years. As you can see here, I'm having trouble filling my shape. It comes up with little air message with a big bucket with an X through it. That just means you're shape is not connected. It could be kind of tricky cause you're drawing underneath another shape, but just sort of guess where it should be connected. If you really want, you can turn on and off the layer above and then connect your shapes easier now going to create the tail. And I want to make my tale of dark color than the rest of my animal. So I'm going to take the same color, and you can sample the same color by holding your pencil over the color and then putting it onto the object that you want the color of. And then I'm going to just dark in it, using this slider here. Then I'm going. Teoh outline my tale. I like to make some parts of my illustration darker than the others, just to give it more interest. And I make a tale darker just because it should be sitting a bit further behind the animal . Now I like the shape of my tail, but I don't really like words sitting. Something's going to click the layer and then click transform and move it to where I would like it to be. And then Preston. Now I'm going to grab a black color and then draw in my legs. Don't forget to create everything on a separate layer. It just makes it easier to go back and edit it later. I'm gonna add little toast to my leg, so I'm just going to pinch to zoom in a little bit further and then just draw toes right on top. When you draw the same color onto the same color in adobe draw, it automatically makes it into the same shape. So if I were to re color these legs, it would re color the whole legs, including the toes. 4. Adding basic detail - coloring inside a shape: and the next step is basic detail. I'm gonna be showing you how to add color within your shapes, and we're also going to do facial features and expression. In this step, it's important to decide what kind of facial expressions you want your animal to be making . I tend to like more cute style, so I always do sort of closed eyes with big lashes and a big nose. But this is really up to you also. I'm going to be adding a scarf in the section because I decided to give my fox a cute, cuddly scarf. So in Adobe Draw, there's no way to draw cleanly inside a shape, so I'll show you how I work around it. I just go ahead and find the layer. I would like to draw into and duplicate it. Then I pick out the color that I would like to use. Then I draw on to my shape how I would like it to be inside. I don't worry about the outside of my shape. I just worry about the inside of where the color will be. So I'm drawing an M shape here for the lighter color of my foxes. face and then filling it. I then double click this layer to turn it off. Then I go down to the original layer and I fill it with that color that I was using. I go back to the top layer. I wrapped the eraser and then I race of the object that I just drew. This creates two separate layers with separate objects. And if you want, you can combine that both of them, or you can leave them separate. As I do here, I would do the same thing with the tail. So I duplicate the layer on the layer on top. I draw where I would like the color to be. Then I feel the shape in. Then I double click that layer to not see it. Then I go to the layer below. I fill it in with that color I was using. Then I go to the other layer. I turned it back on so I can see it and then I erase the object that I drew. Now, I know this could be a little bit confusing to Dio, but once you do it over and over again, you really get the hang of it. And until adobe draw comes out with the way to draw within a shape, this is the only way that I found to really work around that problem. Now I go in and add the basic shape of my skirt and also draw in the eyes and the nose of my fox. This is also a good time to go through your illustration and re shave anything you don't like. You can use the eraser button and just change things up a little bit until you're happy with the result. 5. Adding extra detail: the next step is adding extra detail. I like to add a pattern to my illustrations just because I find it adds a slight complexity toe a simple illustration. I also like adding texture in the form of lines and dots. It adds more interest to the peace and makes it look a little less flat. Also shine. It's an extra special something. A reflection on the nose or the eyes or dots on the illustration just makes your illustrations stand out a bit more. Going to start by adding a knit pattern. Teoh my start. So I'm going to go ahead and grab a darker red color and using the same technique that I showed you earlier about drawing inside the shape, I am going to add the pattern. That way I start making this pattern by just drawing long line, and then I'm going to draw diagonal lines within thes lines. This just creates a really simple, easy knit pattern. I really do think it's a fun touch to add pattern within your illustrations, and it really makes your illustrations look more interesting and a little less flat. Now, using that same technique, I'm going to add the pattern within my scarf and then add the detail to the end of my scarf . I'm now adding another layer to add the extra detail to my drawing. I like to do this in the form of lines and circles and even diamonds or stars. I usually do it on top of my animals in a slightly lighter color, but you can experiment to play around with what you like best. You're manning dashes to the top of the Fox's head. I also add a bit of shine on the nose by drawing in a C shape and then a bit of fuzzy details over top of the years and then add some longer lines to my fox's tail and then add similar smaller dashes on the top of its tail. At this point, I turned off my sketch layer by double clicking it. But of course, you can do this whenever you want. Also, you can go through and refine your sketch whenever you want, actually decided to go back to the likes here and make them just a bit thicker. 6. Creating a background: the next step is adding a background. This is optional. Of course. You don't have to, but I'm going to for this illustration. Think about the color and tone of the background. It's always good to make it more muted, so your illustration stands out a bit more. And what kind of environment is your animal in? I put mine in a snowy background because he has a scarf on, and it just seemed to fit. You could also add trees or anything you like in the background. If you would like to make your illustration even a bit more interesting. So I'm gonna go ahead and create a new layer. I'm going to turn off the background layer and then add a layer above it. And to fill this in, all you gotta do is choose the color that you would like and then hold your pencil over it , as if you were just filling in. An object also decide to add snow to the background. So I just chose a white color and then dotted the snow. Over time, you can use different pressure on your pencil to make the snowflakes smaller or bigger. I also add some smaller dogs over the top of my fox as well. I just really like the way that this looks. I usually do them in groups of three. My illustration is done and I'm happy with it. So let's go over how to export this illustration really easy. You just press this icon up here and you can save it as an image. You can save it to your iPad, which I'm doing now. You can also send it to your Adobe desktop. I do this all the time. I usually send it into illustrator, where I also play around with the colors and maybe clean up the shapes of it. There's also a lot of different options up here to share to your be hands profile to Creative Cloud and such. There's also a really cool time lapse feature that I like to watch. You can go ahead and just press play. Watch yourself, draw it and you can even export this and save it and maybe post on instagram or anything like that. And that's my finished fox illustration. Now it's your turn. I'm gonna go over the class project next 7. Class project: Okay, Now it's your turn for the class project. I'd like you to share an illustration that you created of your favorite animal or any animal that you'd like using my steps, or even a variation of my steps to create your illustration. You can choose to exclude some steps if you like, or put your own spin on it. I'd love to see the finished project would be a single image shared to the project. Preach, I am so excited to see what you guys come up with, and I'm gonna be leaving a comment on everybody who posts. Thank you so much for watching my first skill share class. If you like to see any other classes for me, just let me know. I would love to make another one. See you soon.