Sketch to Vector: Logo Design. | Lilah Higgins | Skillshare
Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
5 Lessons (15m)
    • 1. Sketch to Vector Skillshare Intro

      0:42
    • 2. Design Basics for Logo Design

      7:24
    • 3. Concept Sketch to Vector Using Adobe Capture

      1:14
    • 4. Using Adobe Illustrator to Clean Up Your Sketch

      4:49
    • 5. Skillshare Outro

      0:24

About This Class

c8450173

Do you have an idea of what you want for your logo design? Do you have a sketchbook filled with ideas, but you haven't figured out a streamlined way to get those designs on the computer?

Look no further!

In this class, I'm showing you my favorite ways to turn those sketches into digital designs.

This is just a peek at what I teach in my signature course It's Not Brand Surgery. To get the full experience, check out bit.ly/itsnotbrandsurgery!

Save

Transcripts

1. Sketch to Vector Skillshare Intro: Hey, guys. Slyly here from the Higgins creative welcome to my very first skill share class in this class, I'm going to show you how to turn your sketches into vectors and vectors are the digital term for images that can change with without losing X elation. So they're kind of built up of points and angles, and they keep your images from getting pixelated and unclear as you size them up or down. So in this class, I'm just gonna walk you through a few simple steps. I used to digitize my art. I hope it's helpful for you. I hope that you are encouraged by this and that you have greater ability to make the cool stuff that you make enjoy. 2. Design Basics for Logo Design: no guides. Welcome to module to on logo design. I'm gonna show you how to take your sketch into a local form. So I want to go over a few design basics with you and then I'll get into the tutorial. So when it comes to logo designs, simple is always, always best. You want to make sure that you're not getting too complicated, that you're making something that's very concise and clear, So locals need to be one color need to be easily readable from far away and easily sizable . So how do I get my design onto the computer? We're going to go from sketch to what is called a vector and the difference between vector and regular design Um, design in pixels is kind of the opposite of vector, So pixels are So how do I get my design onto the computer or we're going to turn your design, your sketch, your photograph, whatever you're taking it from A into a vector and a vector is a series of dots and lines that kind of connecting Teoh geometric shapes and give you kind of a, um, pixel free image. So with a pixel picture or a picture or design. The closer you get, the more you make it bigger and the more pixelated it's going to be. So with vectors, you don't ever lose that clarity. So let me show you how in Adobe Illustrator how to take a photograph of your sketch and put it into illustrator in Turn it into a vector. So as you can see, I've opened Adobe Illustrator And what I've done is I simply set up a message set up on my computer. So I just texted myself. An image of what I'm going to create today is that I have that easily accessible and I'm just going to click new and I always start with a seven or with a square, our board. So you know, you're gonna start appearing, you gonna name its That's gonna be outman moon logo and then you're want what I want. I like working on inches with Victor's just because it you can resize it after you're done . Can she hear in through in resolution and just pick a square size? Doesn't matter. How about you make it, but I like to go anywhere between five inches and 10 inches. Look, OK, you're going to get your square art board, and then you're just going to take your image and drag it into no mystery here. You can resize it down to size of your our board, and then what you're gonna do, You just going to select the image and you're going to see that image trace option right up here and you're going to grab the little arrow next to that and you're going to click black and white logo So a few things Before you do this, make sure you take your picture and good lighting. Make sure that you have sketched your logo in darker tones and thicker lines. Because if you do the image trace when there's not a whole lot of contrast between the background and the front, you're going to get a lot of pixels and a lot of pieces of, um, the paper. It's gonna pick up a lot of things, so it's not gonna work as well. Make sure that your image is clear and you have dark lines and you take it in good body. And I'm just going to click black and white logo and, as you can see, so see down here this What? I mean, if you don't take a good enough lighted picture, then you'll get some of that extra, which is OK, but as long as it doesn't interfere with your logo that you're good. After that, you're gonna see the option to expand. You're going to hit expand. As you can see, it's gonna break it up. And these are the lines and the dots. I was talking about these air called cats, and that's how it keeps your image intact. So after you do that, you're gonna want to make sure it's on grouped, and sometimes you do this a few times, and then, as you can see, you can select different parts. So first of all, I'm gonna go down here and get rid of all these extra pieces. I could just take a few minutes to clean it up, and then you want to make sure you get all the white pieces out so you can see they're still white pieces to grab here. So you're gonna go up to select. You're gonna select. First, you're gonna select one of the white pieces you're gonna go to select, and it's same feel color and then that will select all of the white and your picture. You're just gonna hit, delete, and then you have a very simplified version of your sketch, and so sometimes it can need a little extra cleaning up. And if you need to go in and actually take away some of the pieces or ADM. Or you can use this eraser button on the left or you can use the blood brush tool toe added . Still, Eraser will take it away, and the brush tool will bring it back in. You can go in here. And so I got a couple extra lines here. I don't want probably pencil that it picked up. I wanted a little sharper, so I'm just going to go around, pick up the extra spots. And if you want a clearer logo, the easiest way to do that is to use graph paper and actually draw straight lines. When I was going to kind of a hand drawn, look here. So I'm OK with some of them. I just don't want it to look too sloppy. So here is a little sloppy, so I'm just erasing the extra lines I don't want. That's my daughter. You here at the time. This course lunches. She'll be, too. So after you cleaned it up to a point that you're happy with it now you have a vector. So as you can see, I can make it very day where I can make it tiny and it's not going to lose its shape or it's straight lines. And so, as you're thinking about this, just remember that you want it to look good on a business card, and you wanted to look good on a billboard. So the farther rising away even still tell. It's pretty, you know, smooth looking logo, and your local needs to be, um, in one color. Now you can. Now you can have a logo that has multiple colors in it, but you need to have the option. If you were to turn it to gray scale and inverted what it still show through what your logo says, what it's still, Would it still be readable? Just something to keep in mind as you're designing your logo as faras sketching your logo out. Um, if you don't have the artistic talent, you're not feeling very inspired. Help um, interest hop in the Facebook group get some inspiration from other artists and, um, just start drawing lines and starts out as basic shapes. So it's very simple to start out with Is you consumed sister Circle, half circle and a bunch of triangles so it can be very simple. Load. The best logos are very, very simple. Think about the Nike Swisher, the Apple logo. The logo is the iconic because they're very simple and easy to memorize. 3. Concept Sketch to Vector Using Adobe Capture: for this tutorial, I'm gonna show you how to use the app Adobe capture for importing your work into the online space. So all you do is open the app and you're gonna use this scroll bar here to determine how much you want toe. Actually, pick up your snapped the picture. We'll give you a preview, you can de select or select the items you want to keep and the items you want to get rid of . I'm just gonna keep the fives and sixes Gonna go next. I'm gonna turn smoothing on because I do like that. Look, if you want to be a little more rough, you can keep smoothing off. You're gonna simply save. You can add name if you'd like, And then it's that simple to upload to Illustrator. Once you're in Illustrator, I'll show you where to take it from there 4. Using Adobe Illustrator to Clean Up Your Sketch: So, as you can see, once you push it from Adobe capture into it'll be illustrator. You're going to get kind of a rough version of that. So basically, on going to Dio is clean out all the parts that I don't want by selecting departed, you want moving over and deleting the parts that I do not want. So I've got a little bit of work to do here, mostly with the e actually, really like the lines it got here. The little specks. So you're you can feel free to take those out or not. And an illustrator you're working in vectors, so all you have to do is adjust. You can either adjust the angles and dots, or you can just go on in a race which is a preference of mine. One of the problems with Adobe capture is sometimes aching. Make your shapes a little too round, and so this helps to go in and create a little bit more angle. So it's a little rough. So all I want to do is go in here and start getting rid of some of those anchor points. I'm going to create some new anchor points just kind of straight. Now all of those I'm pushing Ault and clicking to get a street point there using the curvature tool, which is one of my favorites. Not no lie. So I'm doing here is deleting anchor points that I don't like. Then I used the curvature told to go and add anchor points. I do like, looks much cleaner there again, going in, removing anchor points I don't want and adjusting or adding anchor points. I do want get that the Alz or option click to give you that straight right angle. Usually it doesn't need a whole lot of tweaking. And so if you can get a good enough photo and your lines are clean, you don't really have to do this kind of work. But I'm just showing you a little bit of the ways that I adjust and how your lettering really can be totally customizable. If you do have some design scale, this will be fairly easy to you. You'll know you should know the pen tool fairly well. Okay. We fixed the tea there. This gives me a little bit more of the look. I'm going for. The e down here is still not exactly how I wanted to be. I'm just gonna create a little bit more of a strong angle here just to give it a little bit less of a digitized look. Because a lot of the times when you digitize, you do lose some of your work. This can also be used to improve consistency. If you find yourself having trouble with different parts of it, where you're like I want, you know, I want this certain look. But I can't get the thickness and the fitness right. This can help with that kind of work as well. Yes, it's much better. All right. So, for example, you could then go in and select all, and you could change this to of fun Valentine's Day color. See if you can find a Valentine state color. And so as a vector, this is re sizable, however you want it to be. If you want it to be tiny for a business card or giant for a Bill Ward, this is totally re sizable, and you can use for anything in the next story. I'll show you how to implement this into your social media templates. 5. Skillshare Outro: haymaker. I'm Lila Higgins, Brandon coach and designer at the Higgins Creative I inspire and power and equipped makers just like you to make with your head, heart and hands. If you enjoyed this mini course, check out my signature course. It's not brand surgery. It's gonna walking through the uncomplicated way to craft a brand that get you noticed online. You can check out more about. It's not brand surgery at bit dot l y forward slash It's not brain surgery.