Draw Your Bike! Getting Started with Vector Illustration

1. Intro: Hey, what's up Skillsharing and welcome to my new class, draw your bikes. In this class, it's going to be pretty straightforward. You're going to be using Adobe Illustrator and you're going to be taking a photo of your bike and you're basically going to be tracing it in vector format. So you have a really cool art print that you can put on your wall or give to a friend or do whatever you want with it. I think it's going to be a lot of fun, and this class is a little bit longer, it took me about an hour and a half to actually draw the bike that I drew, battling and condense it as much as I can. I think this is going to be a really good class for you to either watch on your iPad or your phone or something.and actually work on your bike at the same time while I'm working on the one I'm drawing. So it's a good class that you can actually follow along and participate while you're watching I think, just because it's a little bit longer and there's some little parts that might be a little more tedious than my normal classes. But I basically showed you everything I do to create the illustration, I did it from scratch, I didn't practice. So you basically just get to see exactly how I would go about creating something. So I think it's pretty fun. I think you're going to enjoy the class, so I hope you click "Enroll" and I'll see you in a minute. 2. Drawing - Part 1: Welcome to the class. In this class, I'm actually basing this off of an illustration I did here of my bike almost three years ago, so I want to give credit where credit is due. If I pop into Safari here on Dribble you can see that I posted this on August of 2013. It was actually a rebound of a bicycle shot that Kyle Stetz did. Shout out to those people because they were the basis for this design. I recently posted this on Instagram as a throwback, and a lot of people liked it, so I thought I might make it a cool Skillshare class. This one is going to be super informal and I'm just going to draw a bike right from scratch. I threw it up on Instagram which, of course, you can add me, That's at Jon Brommet, and basically, I just asked people to send me pictures of their bikes and I picked one. This one is from at Band of Gold K on Instagram. It's Kristen, she sent me over her bike and so that's what I'm going to draw. I'm doing this from scratch, I haven't drawn one in three years, so we're just going to figure it out as we go. I guess this is going to be the most real process video I've ever showed you guys because I'm just going to figure it out as I go. I do want to base it on the bike that I did before because I think it's cool that it's really minimalistic. I want most of the details in there but little things, I'm not going to draw all the little tiny pieces and things that make up all the gears and stuff like that, I just want to put overall silhouettes. What I'm going to do is I'm going to grab this bike image and you can always grab this off my Instagram or my Dribble or whatever and use it as your reference. Basically, I'm just going to put it up here so it's something that I can refer to. Another thing, just for highlight, I like to get rid of the stuff I don't need, so I'm just going to kind of block this in. I'm using M on my keyboard to grab the rectangle tool over here, and then I'm drawing it to fit my art board. Then I'm just going to fill it with a color, and going back to my arrow tool which is V on the keyboard, I'm going to select both of these, and I'm going to hit Command 7 which is Control 7 on a PC, and basically unmasking this, so you can see when I hover over it, but it'll show you the outer border of the actual image. The reason why mine might be showing that and yours isn't is that I have something called smart guides on which is a shortcut called Command U or Control U on a PC. You can turn that on and off. It might actually get annoying when you're drawing but sometimes, it's good to have. Just to show you what smart guides are, I will go ahead and I'll draw a circle over here. Things it will do is if you were to drag this over, I'm holding Option, it will show you it'll snap to an edge which is really nice to make sure that you have perfect artwork. If you didn't have smart guides on, so I'll turn them off here, you can see that I'm just guessing, I'm hoping that's really close. Yeah, I can zoom in really close and then you'll start to see, "Oh, it wasn't that perfect at all." But if I zoom right back out and I delete that, now with my smart guides on, if I do it again and it snaps to that edge, that is perfectly lined up. So I can get in as close as I want and go on a wireframe which is Command Y, and you can see it is exactly flawless. Smart guides are just a really good way to make sure that your vector artwork is perfect. What you are going to want to know is really memorize that Command U because sometimes, they're useful and then other times, you'll find them snapping to things you don't want. You want to be able to turn them off pretty quickly because they're not always useful. We're going to get into this. The one request that Kristen gave me was that her back wheel should be white just like the front wheel, so we're just going to make sure that we remember that, she just couldn't get a white wheel in. Yeah, we'll go ahead. Sometimes, I'll just randomly start where I feel like, I'll jump all over the place. I'm not sure why I do that, I guess it's a little ADD. But a lot of this is going to be the pen tool and we're going to get some shapes in there when we can. If you haven't used the pen tool before, definitely check out my pen tool class. Otherwise, you can get the idea from here. I'm just clicking the pen tool. Again, that's P on your keyboard as the shortcut, and I'm just going to drag out some arrows here and just go. If you make some mistakes, especially for something like this, it's not too big of a deal, but if you do end up wanting to go back, you can always adjust the lines and things like that. Another cool feature in newer Illustrator versions is this round feature. I could try and get this right, which I can do pretty well, or what I could do is I'm going to draw a straight line here, and a straight line here, and then I'm going to drag on my arrows to get this next one. You can see I've got some issues. What I'm going to do is I'm going to hit shift X on your keyboard, which is just going to change the fill to the stroke, which you can see here. I'm also using this neon color just so that it stands out from the artwork. You can see, I need to fix some things. Using my direct selection tool which is A on your keyboard, I'm going to click that little node, I'm going to grab the handle. I'm just going to drag it in to make sure that it fits there nicely. I can finesse some of the stuff. Again, I'm not going for flawless, I just want it cool and along the lines of what I want, I can pull this out a little bit more. The neat thing with the newer versions of Illustrator is if I click this point, this little circle pops up. By clicking on it, I can drag out a perfect corner from that, and it actually stays live as long as you don't rasterize or expand your artwork, so you can go back and you can change that line later on. But it's a nice way to make sure that you get a really cool smooth curve. I'm going to go back and click that and shift X again. Another thing that I have is my artwork right now is movable. It's nice to make sure that that doesn't happen, and if I hit Command 2 or Control 2 on a PC, what that does is that locks that layer in the background. There's another thing that a lot of people like to do, it just depends on personal preference, is we could delete this image, so I'm just going to hit command X, go into our Layers panel which if you go to Window, you can go down at Layers. Your screen may look a little bit different than this. You can add a new layer and then we'll paste it in the same spot. That's command F. Then if we double-click this layer, we can select a template which dims the image to 50 percent or you can change it. Then you can put that to the background like that. Then just make sure you go back to your normal layer. A huge benefit of this is if you're drawing, drawing, drawing, and you start to lose pieces that you can't see, if you go wireframe mode which is command Y, you'll actually still be able to see the image, just see the outline of your artwork, but the image will still be there, which is something that wouldn't happen if you didn't have a template layer beneath it. So that's cool. We can get into drawing some of the tubes. It's just nice. Sometimes, when you're drawing, you just want to get some big pieces out of the way so it looks like you're making quick progress. I'm just using the rectangle tool just like I showed you before. I'm going to drag it out here, drag it out here. Another thing is this photo may not be taken on a perfect angle, so things that are going to happen is when we get to the wheels, this wheel probably isn't going to line up perfectly with this wheel, so we're going to change that a little bit so that our work is a little more perfect than the photo even is. Now, if we grab that, again, I'm holding the Option key which is Alt on a PC, and that's just copying it, and then when I let go of the shape, it actually is copied into that new spot. We'll just rotate this. This tube size might be different but we'll see that in a second. Again, I'm just trying to get as close as I can. Then here's an example, so I can't see the artwork right now or the image below, but if I go on a wireframe, now, I can see it quite well and I can see that I need to just drag that in a little bit to there. So that's a pretty useful feature. We'll do the same thing. Actually, I guess, let's just finish this one here. Another quick key that you should definitely know, if you've watched any of my classes, I'm sure you have all this stuff memorized, but Command Z or Control Z or Control Shift Z, so that's backwards and forwards so undo and redo, basically. Those are going to be very useful tools to know. Go in here again and we'll just draw a box. I'm going to assume that at this point, most of you have taken at least one of my classes, so you have an idea of how to do some of these things. If you're seeing anything that's foreign to you that I'm just skipping, just let me know in the discussion and you can ask me what I was doing or definitely check out some of my other classes. This is my 12th class, I believe. I've explained a lot of this stuff in former classes, so just don't want to be too repetitive for those who've watched them. We can decide later if we want to go in there and fake these welds and stuff like that. This little shape here is another good example of being able to use the rounding tool. What I'm going to do is I'm just going to draw a rectangle. A lot of people might pen tool this out, but I like to use shapes as much as I can, like the rectangle or the ellipse tool, because it's just more accurate and it just makes sure that my curves and everything are a lot smoother. What you want to do is get this point to the outer edge of that circle, and this point to the outer edge of this. Now, if I go to my arrow tool or my direct select tool which is A on my keyboard, you'll see I have all four selected. Now, if I drag this little circles in, they'll actually drag in all four corners at once. Then if you only want to do one corner back, you can grab one piece and do something like that. That's just to show you. Again, I'm not too worried about color right now, I just want to be able to see what I'm doing. Let me bring that down here. It's a little hard to see sometimes with the shadow is behind the bike, but we'll worry about layers and colors and stuff when we have the artwork a little more finished. I think what I'll do, just to make sure that this video is not 45 minutes long with me drawing this bike, is I'm going to fast forward at certain spots. Right now, I'm just going to draw a couple more tubes and a couple more rectangles, this tube, these tubes. Rather than bore you to death, I'm just going to fast forward them real quick here. I've got to this part of the bike and as you can see when we draw the rectangle, it actually get smaller over here. Again, instead of using the Pen tool, I just like to use the Rectangle tool grab this little node, drag it into there, and the same thing over here just to make sure that you get those angles. Now you can see that in parts there's actually going to bend. There's a few ways that we can do that. Again I'm not worried about these rounds because these are probably going to be the same color. But what we can do is we can use our Pen tool. If I go ahead and I'm using key on the keyboard just like the Pen tool, and if I hold the Option Key, I can click a point on the line and actually drag it out there, which is going to make a nice curve to that point. I'm clicking a center point and I'm bringing it out there. Again it's not for all those in here, but for the purpose of what we're doing it's okay. I'm going to decide whether I want to add that little extra part of the background or not afterwards. We'll just see how the bike actually looks. This is where things start to get a little bit complicated because when you want to go in and start to draw this out you'll see these getting your way so that's the good thing about using the template layer. Let's go ahead and finish up the seat area. Again when I'm drawing vector illustrations if I can get away with using a shape over the Pen tool, I'll pretty much do it every time just because it's going to be a little nicer quality. In this case we're using the Pen tool. Here it's set to fill so I'm hitting Shift X again just to invert that and then I'm going to select it and we're going to jump up this stroke to get that line something like that, and these are some of the points where I'm not going to be too picky about how this looks. This is another thing with smart guide if I go back here I'll turn my smart guides on. If I redraw this line out again. Let's just start from here. Then I want this to snap to that line, it's snapping perfectly to it. That's a good way of just ensuring that your artwork is as clean as it can be. If we go back we know that those points are exactly overlapped. I'll turn it back off again for now. Again, it's just I don't know. It's the process that I have, I probably should work at a little area and slowly branch out from there, but I end up drawing a point in case like this then I'll zoom out and just randomly decide the next part that I want to draw. Sometimes I'll start to avoid annoying things or tricky things like these handlebars are going to be a bit tricky with the layers and stuff. There's a little part of me that's I'll get that later. Again, just randomly picking spots. This our Pen tool here going to bring in this shape. On these ones you can decide maybe if we actually select both using the direct selection tool both these rectangles and we zoom in. I'm just going to round those edges a little bit they look like they are rounded, and you can see that it rounds both at the same time. That's a nice tool to make sure that they have the same amount of roundness to them. Then using the Pen tool I'm just going to put in this break line. Now it's going to be pretty thin so maybe I'll leave it at that thickness. Let me know what you think of a class like this because, this is a little different than what I've done in the past. Normally I've focused on a tool or a specific product or something, but this one's just a little bit more fun. Draw a bike and see what happens. Let me know if you like this idea of a class or if it's too repetitive for other things that I've done, because I'm definitely showing you a few things that we've done in the past over again. But, I thought that might actually be good for you guys because it'll definitely drive home somethings that maybe you forgot about and need some practice with. I'm going to extend this line. You actually see here too that this piece is little thicker so that's something else that you can think about adding. Again all this stuff is going to be personal preference and just using your discretion as a little details that you want. We can add that until we're around it, and then put a break line through there. Another quick key that I'm using that I didn't mention before is Z on your keyboard will get you the zoom features that you can quickly zoom in and out. At this point what I would do is I hit I which is my I dropper tool and I'm going to click on the other brake line. Now I know that this is the exact same thickness of that one, and I'll just make sure that it was fairly centered in here as far as this point it's not necessarily here. You can get the idea. Most of the stuff's pretty straightforward. We can get into the wheels. We've almost knocked out the easy part so it's going to get a little tricky from here. With this one we're going to hit Shift X and if we go over to our stroke panel again, if you don't have any panels open or miss one just go to window and make sure that there's a check mark beside it. It'll come up for you. We're going to change the outline of the stroke to the outside. Before it was set to center so that the stroke would be equal on both sides of the line that we drew but we want this one to just go to the outside. This is going to make our rim. Then we're also going to do is going to Command C, Command F, so that it copies and pastes the exact same shape in the same spot and then I'm going to continue to make this larger and this will be our wheel. Because it's a street bike, I'm not going to bother with adding any texture to the wheels as far as the pattern that's on it. But if you have a mountain bike, you may want to do something like that. Something that you could do, I'm going to do Command C, Command F again to paste in place. Let's make a little bit of a thicker line. You could play around with the idea of a dash line and then you can see that it's going to give you a little bit of that grip. That's just a really cool way to quickly add that feature, so if you want to do that you can. Now it's a bit tricky hear with the colors because it's hard to see what you're doing. This might be one of these points where we're going to have to start to come in and add sum actual color. What we're going to do is we want silver here. For my CMYK, I'm just going to go ahead and make it 50 for now. If it's not showing up, that means it needs to come to the front. What we can do is go to Object, Arrange, Bring to Front, or you can use the quick keys for that too, and there's our rim. Now we can start to think about the spokes. Obviously, an easy way to do would be to grab your Pen tool, just select, click the bottom and click the top and then add that as your stroke of course, because you can see that spokes actually for some reason don't follow through. LAUGHTER] I don't know why. That's obviously is designed in the sturdiness of them. But an easy way that you might think it would be to follow this all the way through, get that stroke to the thickness that you want it. Very pretty thin, something like that. Then you go Command C, Command F, and then just rotate it and hit your next point. That would be an easier way to do it definitely. But since we want this to be fairly authentic I'm going to actually go ahead and draw these points. I'm going to finish the other wheel and do the other rims, and we're going to a fast forward mode and then I think I'll cut this video and we'll do the next video as our next piece. I'll see you in a minute. At this point I have all the spokes drawn for this wheel. What I'm going to do is I'm going to drag and select everything. I'm going to deselect my wheel and deselect the fork and these two circles that I've maid here so that I have only the spokes. I'm going to hit Command G or Control G to group them, and then I'm going to send them to back using my quick keys. Again you can just go to Object, Arrange if you have them selected and send them to the back. Technically, this should actually be behind those pieces. We'll decide whether we want to do that or not. Then what we can do is just drag all this as one piece and this is where I'm going to see you can see that the wheels really aren't aligned at all just because this picture is a little bit out, that won't happen here. Somehow minus stuff doesn't group so let's do that again. Hopefully they're all grouped here, there we go. Grab our wheel and drag it over. Again I'm going to make my bike a perfect profile so it's going to be a little off from our actual photo but that's okay. Let's put that in the background. You could have come in and drawn all these spokes again, but that's a new level of ADD. I'm just going to rotate the wheel so the spokes aren't in slightly different spots. If any point you want to see what you've done you can always come into here and hide the template layer. You can see what we've got going so far. Of course there's going to be some like snags of coarse if here and spots that we haven't finished. But it's a nice way two just quickly and easily see where you're at. We'll pause here and break this into separate video and I'll see you in a minute. 3. Drawing - Part 2: We're going to just keep on going. As you can see, it's so crazy, I didn't even finish this break line. I got so carried away. Again, just using our Eyedropper Tool, we're going to make sure it's the same thickness as the other brake line, and then I think at this point I'd like to start using the real colors. Like I said, I like to use just strange colors that make it really obvious where my drawing as compared to the photo in the background, but having that template with the photo transparency lightened helps a lot. What we're going to do is we're going to actually try and change some of these colors. All of these parts of the tube again, I'll just hit command line, these are all black. So I'm going to go ahead and make those black. This is black as well, so is the seat. All of these parts were gray. Another thing that you can do is, once you're pretty set that everything else needs to be changed, we're going to go to select "Same", "Fill Color" so it's going to grab all these little bits and you can change them all at once. But a few of them are still different, looks like those little bits. We'll go ahead. I want to use a real light gray I think for that silver. So I'm going to change it to 25 percent K, I think. You can always add gradients and stuff in here too, but I like to keep it as simple as I can. So what we're going to do is we will just change these real quick because these one will be black. You can definitely start to see some layering issues here, but we'll fix those. Grab the seat and bring that to the front. You can see this post needs to be behind that, so I'll just select all the seat. If I grab just this post and I send it to the back, it may work in this case, but sometimes if you had these pieces groups and you send that to the back, then it'll throw out all your alignments, so you want to sometimes just grab everything. You can group them, send them all to the back, so I will keep all those separate. You might want to center this again. You can see that in the bike photo, I think that's one in there, but it's nice to center that to this rectangle if we can. That's right. That should be our top. Let's see above this break lines. Looks like this one should be behind. Since this one should be on top, we need to clean up that line. That's okay. This should be the same silver color. I'm going to make the silver as well. Actually, they're so thin, maybe I'll just make them black. Just make sure you can see them when you actually zoom out. Those points will clean up. As I mentioned before, we're going to make sure these wheels are white. I'm going to change the rim color because as of right now we're doing everything at 25. Actually, I've made a small error. I have my work set right now as RGB because I dragged the photo in. So I'm going to change that to CMYK. The problem with leaving it as RGB is I like to work in CMYK. So these things that I made 50 percent gray or whatever it was earlier have now converted into this mix mash of color and that's because of it being RGB. Now if I change it, it should actually stay as the exact color that I set it to be. We'll go back and change this again. The only issue is I may have to do it almost over for everything I just did. Let's see. Yeah. We will select the "Same", "Fill Color". That's little bit of an annoying thing if you use the RGB, which I rarely use, but because I dragged the photo straight into Illustrator, the photo was RGB and that is the reason for that. With these, we can just use our Eyedropper Tool. The Eyedropper Tool also take on the color. There we go. Our bike is starting to come together, and we'll just make sure that we get all these alignments right. More or less have our layers correct. So what I was doing here, by the way, is again, I have these keys memorized, so we're hitting Command and I don't even know what this kind of bracket is called or Shift Command with the bracket and those are the quick keys that I'm using, so I don't have to go Object, Arrange, hit the thing every time. I can just really quickly hit a key and do it that way. I've mentioned it in basically every class I've done that quick keys are really important, so make sure you do those. Another thing that's really important is to save your file. I've called it Norco. What you can see is, if you see this little asterisk beside it, that means that you've made changes without saving. So we're just going to go ahead and hit Command-S, which is Ctrl-S on the PC. Depending on the speed of your computer, it might take a second to save, but just make sure you're saving all the time. The fact that I even went this long without saving it is pretty out of character. Usually, I save at least every couple minutes. It's just a really good way to make sure that you don't lose a big portion of your time. I'm sure it's happened to basically everybody where they draw and draw and they lose track of time and hours gone by, and they might lose their art. That sucks. I'm just going to grab this piece over and bring it up here. I'm going to use it as my basis for this one. You might want this line to line up with the one below it just to make sure you've got the angles the same. It depends on how picky you want to be with your drawing. So if we go up to my handlebars before, you can see, I just want to show you that I'm going to draw and silhouette everything. It's going to look a little sloppy, but only from up-close, only if you zoom in like 10 times. Let's go ahead and make a silhouette of this. There's so many ways to do these things. Instead of just doing what I was about to do, another thing you could do is you could draw your ovals, rotate them, do it again up here. There's so many ways for you to make your art work. Then you could add a rectangle, rotate it, you want that rotation to be about the same as that if you can. Then if I grab both of these, and in my Pathfinder Tool, I use Unite. What I could even do is hit these two points with my Direct Selection Tool, bring him out and it'll nicely round that. There's so many ways to create something in Illustrator. It's the same with Photoshop. It's the same with basically any Adobe software. When you're designing, there is 10 different ways to do anything. That's why I think it's cool to see people's entire process. That's the only reason why I'm actually doing this class to begin with. To me, this seems really tedious and that you guys might not be interested, but then I know that I've watched other designers do it and I think everybody just thinks a little bit differently. I'll watch Draplin's class and he'll start to attack something slightly differently than I would have. Whichever one's better or worse, you may realize, I do it better than that person in this case, so I don't need to do it. Or you might realize like, wow, I've never thought of doing it the way they just did. So I think it's really neat to just watch people's entire process so that's why I'm making this tedious class that some of you may love and some of you may find boring. But let me know what you do think. What is this line even? It's not a shadow. This might connect to the other. Yeah, that's connected to the other side of the brake, I think anyway. Another quick key that I'm using a lot is my heinous space bar to move around. You can click and grab and you get this little hand Tool that you can shift around your art board pretty quickly. If you go in here and start to draw our handlebars. Again, if we use our smart guides and make sure that we hit that point exactly. With some of these kind of curves, I'll show you what I'm going to do here. I like to make sure certain curves are perfect. Instead of actually drawing that, I'll just use a circle there. Then if we go on the wire frame, extend this beyond that circle. Divide. Get rid of these excess pieces we don't need. If this a little bit foreign to you, definitely check out my class on the Pathfinder. The Pathfinder is definitely, at least for new comers of Illustrator, a really underutilized Tool. I think people that use Illustrator all the time are probably pretty comfortable with it and realize that it's very important. You get the idea what this process is. Like I said, it's pretty darn tedious and those I'll do with a rectangle. We'll hit the old fast-forward button and I'll see you in a few minutes. I got some of those real tedious spots out of the way. I said finish the front of this work now. Looks like there's a well there. Again, it's up to you really whether you are bothered with all this little pieces. Got that, let's get this badge. Kind of fun to have that kind of stuff it's up to you whether they actually add, the real writing and stuff like that we could, try this in around the font like even just all this area will be fine. You can actually draw the font to you if you wanted to, get real crazy. We might be able to look up an old-school version of the actual logo. You never herd of things like brands of the world or something. Those will probably save your life one day when you need a font or a logo that someone can't give you. When I'm using the wrong arrow that's silly, again, save, make sure you're saving a lot. So let's get a little finish this sort of area and then we can kind of move to the back, we're almost done. She forgot about this mud flap here and let's get this old bolt. I think in sum way I'm actually being a lot less picky than I normally would, in a lot of things like sometimes what I would do hear is I would drag them out, bring them over. I'd make sure that this square is perfectly in line and same with this one. Grabbed them both use my alignment tool to make sure they're kind of flawlessly centered. You could use your smart guys to make sure that it snaps to sort of the center of that point. You know, this is oval is a little off so bring it back, things like that and then I would rotate it and put it back in there. It just depends on the project that I'm working on and how flawless I feel that it needs to be. In a project like this, and you've got lots of little details and stuff and no one's going to be looking at it this close. It's up to you whether you want to get kind of crazy about it. Sometimes I definitely do. So to make this mudflap, I'm going to do is I'm going to use the same circle. One of these circle I will use it for so I will go command C, command F. And then I'm holding Shift option to drag it out. So that drags out even from the center and I'll do it again, command C, command F, drag that out again. Then let's just give it a random fill color and get rid of that stroke, and use our divide in the pathfinder, so ungroup it, and then we can delete that center, and then using our wire frame, I'm just going to draw a line straight through that, come over, draw another line. Just connect those pathfinder again, there we go light around those corners, just a tiny bit around those edges, add black, so let's get these sorted of connectors in here, try silver and something like this.You might want a nice rounded corner because it's actually in a show there. So we'll go over here and was put a rounded cap on it, and we do want two make sure again that some things have gotten alignments that you can see that my spokes have got on top of the wheel so we also are seeing grab them again and send them back to the back. Then you have to figure out this is where things get a little tricky with layers. So, it did actually show up here. So we'll go over here, grab that circle that's where that piece connects and I guess it bolt's in here, so there is no second bar there. So there's another one behind, you can actually see the circle. Make that gray, shade down like a call-in show or something so I could talk to you guys while I was doing this [LAUGHTER] stream live or something. That way I should do something actually be something I'd be willing to do in a future class if you guys think that's a cool idea. Let me know because I could definitely try stream in a class live and I think that would be pretty fun. So we've got some layer and things going on again, so we could bring this up. Let's just see here, things that are above this. Let's just select, [MUSIC] that as far as just because we want the brakes on top of that, mud flap and I think that about does the front half. Most of our back half is done. We've got a couple of tricky parts to go with now is the mud flap the same now, it's bigger on the back. So did that mud flap on the back. But again, let's fast forward. [LAUGHTER] See you then. [MUSIC] 4. Drawing - Part 3: Now, we're going to get into just the finishing touches of the bike, and I'm going to show you guys some more advanced stuff, just things to give you some ideas, and also things that are going to be probably pretty useful to you for other purposes. One of the things I'm going to show you is how to make this chain. I'll show you how to make the gears, and that thing. What we're going to do is we're going to go into wire frame and we're going to make a circle that's just to the inside of the gear here, the sprocket or whatever. Then I'm going to do another one. I'll actually make this big. I'll just make it the inside of the teeth and then this one would be the outside of them. Let's move this off the iPod for the moment. I'll make it two different colors just so you can see. What I want to do, actually, I'm going to move this very back for just a second because I want to make sure that I get the right amount. There's going to be a lot of different ways to do this. But one way that we could do is we could use our Star Tool. We can actually choose the amount of points that it has, so you can see if you hit 12, or whatever you're going to hit 12 points. You could actually count out these points, and then we could do it that way. I'm just saying I guess that there's 40 points. I'll blow that up to roughly fit that spot. Now this looks a little insane right now, but it'll all make sense. Bring it over here, and we're going to use our Align Tool. Align to Selection, align both ways and let's just make this in yet another color, so you see what's going on. What I actually want to do is I want to merge this with this piece. Put those together and hit "Unite." Then I'm going to bring this on top, select both and we're going to crop it. The weird thing that cropping does is, it adds this ghosts and things. We're just going to hit "Command shift G," holding shift I'm going to click the pink, and now I've got all these ghost pieces which I'll just hit "Delete" on. We've got the idea here. Now what I want to do is, service actually round the corners. For whatever reason it just wants to be paid a little pane and make a rounding a little trickier. But way you're essentially going to do is, just hit those pieces and do something like that all the weigh across. Probably round them a little more than I should have, but I think that's okay. More or less, it's just black. Now we can decide whether we add this shield. I guess we may as well, so I'll just add that in. I'm going to do is, I'm going to make that gray, and then it's going to be the only thing on here. But since it is see through, I'm going to make it transparent. I'll show the background. Then we're going to get into the tricky thing of the chain. I'll show you how I did it with my last one. Basically what we did is, just make a brush. The way that you do that, I'll show you the broken down version, if you need to actually draw these shapes. What you can do, is draw a circle. Let's make it a color here, drag it out so I'll do it on top of my artwork to show you a little easier. I don't even known if this is going to work into so much [inaudible]. If we hit these few points around those out the best we can. We'll add in our circles in inside. Then we'll group those together to make sure that it basically all that stuff's nice and centered. Then we need to have this connecting point as well. There's a few ways to do that, you could probably just repeat this pattern over here, which I have in my snap, honestly if that does anything, right there would be perfect. This is going to seem a little confusing. If we drag this over here, so it snap as well. Again, I'II not group everything. Make sure everything is basically centered as perfect as it gets. If we just change the color of this piece and bring it up, what I want to do is, I want to have that same outline. I'm going to Command C, Command V to paste in front. We're going to make an outline. I'm going to go a tie but thicker than I did last time span appearance, merge it. Then what I want to do is, I want to basically cut into these pieces. Just like that. Now let's just make this all black so it's a little easier to see, the red color. You can see that we're almost there. We just need to cut that extra piece off. There's a few ways we could do that. We're just going to duplicate this, invert it, and line it up. Just duplicate this over here for this sighed. We'll just cut those out with the divide tool. We're pretty close at this point I'm just going to copy this and bring it over once more. The mane thing that you need to do now, is we're going to draw a rectangle from exactly that center point to that center point. This is a really important time to have here smart guides on, because this needs to be basically perfect. It's snapping right there. Then what I'm going two do as I'm going to crop out those pieces, as where does that looks, that should work. We want to do is make sure we've got our brushes open. I'm going to drag this in, and turn it into pattern brush I believe. Let's just try this generic settings. We'll draw a line click our new brush, and as you can see that's pretty good. You can see it looks like there's a line there, but if you actually zoom in, it's got to be gone. Now we'll go over here. I don't want it to complicate the spoke, so I'm actually going to skip those. I'm going to start it over here. Put it roughly center of these. Click my spokes. You can see there are a bit small. Over here I'll just up to the size that looks about right over here. There you go, that's your spokes. That's a cool way, like using brushes to actually make them show up. Other thing you always is just duplicate and bring hymn over here. You can see that they are like a slightly different shade of black. But you can do is break that down a CMYK, that's shifted on me at one point. Select, Same, fill color just to make all that black. Now everything is the nice same shade of black. The last thing we need to do is our pedals and though piece, let me just seen. We've got to break line here that I forgot. Actually, this for gear is not a break line. This side almost looks like just this back-end is around and so that's cool. We'll just grab those two points and around it like that. Yes, there is. Spokes go under all this.Then I should draw that little connecting piece here. We did for the other about flop. So close. I'll just quickly draw in these pedals and then we'll do this sprocket and we'll be done. Let's get it on the spot. You are going to make that outer circle. Once we have that where we want it, we'll just line up that gear. I'm going to have to move it back in, but that's okay. We'll cut that into the gear like that. Then again, I'm just hitting the "Command C", "Command F", using the divide. There's definitely a lot of ways to make these pieces too. It's a bit tricky because it's not even in that. This shape doesn't line up perfect on this end or we could draw one and really easily make sure it was absolutely flawless. I think what we're going to do is just cheat a little bit and it's not going to be false. I was just going to show you a quick thing that you could try and that is basically using just a rectangle or a triangle, sorry, and line up these points like this. Then using our pen tool, we can drag out that piece and then you just have to smooth out these lines. Turn my smart guides off, it'll snap into everything. It's almost pretty close. This is going to be less than flawless, but it will work. There are those pieces lined up. This is just a tricky one. You can try and make in this star shape. The problem is that nothing is lined up as easily. With this one is a lot easier because you could draw a line this way, a line in that way, merge them and round the corners. There's a lot of ways to make sure that this is exactly flawless and the shape is the exact same as this shape. But just the way that this one's designed, it's a lot trickier to make something that's going to be perfect, but it should get the job done anyway for what we're doing for sure. Then what I'm going do is I'm going to copy this inner line, paste it, and cut these out like so. Then we essentially just want to repeat the same process here. Now that our bike is basically done, let's just take a look here whether we need to do anything else. There was a name over here that I need to add in the actual model, Cityglide. Put that in, make sure it's gray. That's pretty good. The other thing I did on mine is I like to add a little wheel shadows, so add those in, and we'll do the transparency on these to maybe 25 percent. We'll see if we like that. Now I'm going to copy the whole thing, group it, and make sure were saved. This is where you decide the size that you want to make your art prints. Let's say, we're going to make it 12 by 12. You put it in here. I want to use this color. This is the color that Kristin picked. That basically is the finished bike, so maybe this color is a little too light. She did say I could use whatever I want. If you went with a darker color, and the other thing we want to do here is we want these to be that dark, so we'll just get switch that over to Multiply. Then you bring him down a tiny bit. There you go, that's the finished print. As you can see, it actually took a little while. You might be sending in an hour. The one thing that this class is perfect for is if you're doing it on your computer, you can minimize the browser and put it in the corner of your window and follow along and sort your bike as I'm building this one. But I hope you guys enjoyed the class. You can do your own thing for sure. If you want to add texture to it or just have fun. Do whatever you think is cool and whatever style you'd like to put into it. It doesn't have to look the same as this or if you want to do this same style and just make your bike look like it, for sure do that too. In the next video, I'm going to tell you a little bit about some former classes of mine and of course, my social media, and stuff. I think that if you've never taken one of my classes before and you enjoyed this one, this one was definitely a little bit slower and [inaudible] as exciting as some of the other ones I've done. But definitely check them out because like I said, this is my 12th one and I think I've put some pretty good ones out there. We'll see you in a second. 5. Outro: I hope you guys enjoyed the class, it's definitely a bit more thorough than some of the other ones I've done and I got a little bit monotone in the process just because I was thinking and actually drawing at the same time. But yeah, I think it's going to be a cool class and that you guys will have found some stuff pretty interesting. I just want to show you real quickly that if you go to my name, of course, on skillshare.com, there are 11 other classes other than this one, and they all range on a bunch of different topics. Some of them are Photoshop, some of them are Illustrator or both. I talked about block printing, which is a hand-printed medium that's really cool, you should check out. Halftones are neat for adding my texture and things like that, I did a class on textures. How to set things up for print using the Pen Tool, which I showed you a bit in this class, and then it was Pathfinder. I did another hands-on one about Gel transfers, which was a cool way to take it to print and add it to wood or a surface like that. I showed you how to set up your own stickers. This class is definitely undervalued. It's only 28 minutes and it's definitely worth watching maybe while you're not doing something else. Learning how to set envelopes up for mass mailings and setup labels on a sheet, it's definitely really useful information and it's way easier than it sounds. Another one that's cool is the time saving actions in Illustrator. There are certain things they have F1 setup so that my work automatically centers to my artboard. This class teaches you how to do easy things like that just to automate your workflow and make Illustrator a lot easier to use. A newer class of timeless design, which is creating a monogram like mine, where you can use your own initials and intertwine them, and in that class has done really well and it was a lot of fun to make too. Definitely make sure you check out my other classes, I think that you all for sure will learn stuff. As always you can get me on also some media, some at John Brommet on Instagram, Twitter, Facebook, Dribble, Behance, Snapchat, you name it basically. You can always contact me through the discussion on Skillshare or even e-mail me that's info@johnbrommet.com. Another thing that I almost never promote is if you go to my website here and you click on "Shop" you definitely check out on my website. If you go to Shop, I've got a lot of cool pins, patches, different art prints, block prints, stickers, a lot of really cool stuff that's on Etsy, it's pretty well priced I think, and the shipping is really good. I think you should definitely check out some of my products if you want. Just make sure you follow me on Instagram, that's the one I'm most social on, and if you are already following me, I might have been drawing your bike for this class. I want to do stuff like that more in the future so I can interact with people a little more and actually work and collaborate in ways to do classes like I did. Thanks so much for taking the class and we'll see you shortly with a new class, I'm sure. I haven't been talking about a room with class coming up, there's just been a big delay in the production of the products that I can't name yet. It's coming, I'm hearing it's coming, but it might be a few more weeks again. There may be another class between this one and the one that I've been talking about for like three months now. Yeah, thanks so much and I will talk to you later. 6. A Message From Future Jon: Wait, one more thing. I'm adding this. This is the future Jon Brommet talking to you. I hope you enjoyed the class that you just watched. Some of these classes have been recorded a few years ago. I just wanted to give a little up to date on what I'm doing now. So you can see that I've put out a ton of classes potentially from the class that you just watched as you may have been watching one of my older classes. If you go over to my profile, you can click it somewhere on the Skillshare website or go to skillshare.com/jonbrommet. It's spelled just like that with no H, just J-O-N. You'll see here I've got things broken down in my newest classes. This may even look slightly different for you because I'm putting out classes once a month right now. I've got my most popular classes, illustration, efficiency and illustrator, Photoshop stuff, and then all of my other classes, and make sure that if it's not already selected, you click "See More" to see the rest of it. So many different classes. I hope you guys will be inspired to learn lots more and hopefully you 're enjoying my classes and I want to see more. If that's not enough, I'm @jonbrommet on Instagram. You can check out my Instagram as well to know what I'm doing. I post all my new artwork there and of course let you know when I'm doing new Skillshare stuff. I've started a YouTube channel where I put short videos that are instructional and I obviously advertise a bit of my Skillshare class, but short videos that I can't really put a whole class out. I put it here on YouTube. And I even do things like have conversations with other teachers, like tab with a park, plan to do that kind of stuff more often. And if you head over to jonbrommet.com, I've newly updated my website. I have a digital shop where you can grab my procreate brushes or other things like that. And on top of seeing that my different portfolio elements and things like that, I've also got a Etsy shop, which I'll click here and it would open this. So you can buy all of my pins and different art things that I've created. I will ship them to you from me. I've gotten them all produced here in my home and they look awesome and I know that they're cool. And I just recently started a Threadless shop, which you could click here. Of course there's about Skillshare and contact. Everything's linked from my website. And this new Threadless shop has all my merch that can be printed on demand on a really weirdly wild variety of things like, I don't know, let's just click one of these things here. It's going to open a t-shirt, but let's just say maybe instead of a t-shirt you wanted, I don't know, what a duvet cover or shower curtains. Why wouldn't you want those things? I don't know. Anyway, I've got lots of different things going on. So if you'd like what I'm doing, please check it out more of that and I'll keep making more things. Thanks everyone. Bye- bye