Create a Map of Your Hometown Using Illustrator | Josie Adams | Skillshare

Create a Map of Your Hometown Using Illustrator

Josie Adams, Surface Pattern Designer

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
12 Lessons (1h 20m)
    • 1. Hometown Map Introduction

      0:53
    • 2. What You'll Need

      0:23
    • 3. Brainstorm

      5:21
    • 4. Gathering Your Sources

      7:07
    • 5. Creating Your Base Map - Part 1

      14:05
    • 6. Creating Your Base Map - Part 2

      8:22
    • 7. Sketching Your Icons

      9:01
    • 8. Digitizing Your Sketches

      10:53
    • 9. Creating a Custom Color Palette

      4:16
    • 10. Coloring Your Sketches

      5:40
    • 11. Putting It All Together

      12:20
    • 12. Finishing Touches

      2:04

About This Class

929217f8

In this class, we are going to learn how to create a map of your hometown using Adobe Illustrator.  This class does assume that you have some very basic knowledge of Illustrator, such as how to open a new document and select objects.  Feel free to use my list of commonly used key commands that I have provided in the project section for some help.  Here's an overview of how this class will work:

  1. We'll learn how and where to gather source photos for your sketches
  2. I'll show you how to create a base map the easy way using Google Maps as a guide, and you'll learn how to use a few tools in Illustrator along the way
  3. I'll show you a few of my favorite sketching techniques and how to digitize and color your artwork using a custom color palette that you will create
  4. Finally we will combine everything to create a truly unique and meaningful map of your hometown

Don't forget to follow me on Skillshare and Instagram to keep up to date with new projects and classes! 

Transcripts

1. Hometown Map Introduction: I all. I'm Josie, educator, gun illustrator. I am a former teacher, her in school counselor. And ultimately someone fell in love with illustration and pattern design, and I'm super excited to teach this class on how to create a map of your home town. Using Adobe Illustrator, we'll learn everything from how to gather your source. Photos. Distant tips on how to create your base map that easy way. Using Google maps, we'll learn some sketching techniques and had a color artwork using a custom color palette that will create ourselves. And finally, we'll put it all together to create a completely unique map of your hometown. Let's get started. 2. What You'll Need: for this class. I want you to illustrate a map of your hometown. You won't need access to Adobe Illustrator and some basic knowledge on how to use illustrator a sketch pad and an iPhone or scanner and finally awakened tablet or some other form of Cabinet is optional. 3. Brainstorm: Alright, guys. So in this video, we're going to start brainstorming for our hometown map because that's what the project is . So I would like you to start by picking around 6 to 8 landmarks that make your hometown special to you. You might live in an area that's a little obscure on DSO. Tell us what makes your hometown unique in your eyes. I mean, I am from wake up, and people didn't really know a whole lot about Waco until Chip and Joanna Gaines started fixer upper. So, um, I feel like it's necessary to include some of their stuff and in my map, just because they've really done they've done a great job in kind of brings and positive light or shedding some positive light on wake up. But the point is for you to make your maths specialty do so something that that me and something Teoh you. So I'm gonna get started here and just starts my right storm. Oh, down back that I'm using Evernote to sketch my brainstorm out if you're interested. Okay. So I want you to kind of take note of some specific streets are waterways that you want to make sure you include because that's what's going to be your basement. That's gonna make things more interesting and provide that that under later for all of your icons. So I know that I 35 is pretty important to Waco because it it runs right down the middle of it. And we kind of separate things out as to what's on the right side of my 35 once on the left and all of that. So I want to include that highway. I want to make sure that I include breath as this river. And if you can include some waterways, that's good, because it does make a nice visual interest on your map. I no, that university parks is a street that I want to use because that's where Baylor University is, which is where I went to college, and it's a huge Waco landmark, so I'm gonna put Baylor down Teoh on. I'm just gonna start listening at my my great star map here, and like I said, I want to include the silos or Magnolia Market. Well, my really a market. Was it really a part of things in Waco while I was growing up I do feel like it's a really ex stable now. It really has changed a lot for our city. And I mean, Chip and Joanna are awesome. So of course I'm going to you. I'm going to clean them. Okay, so I've got 1234 like I said, I kind of want you to come up with about 6 to 8. So I'm just gonna keep thinking here. What else would I want to use? Okay, so I've got 123456 six icons, and then a few streets waterway that I definitely want in my Now that you kind of have a list of what your icons are. Thanks. Um, quick notes on what sketches you think you might want to include for each one. You don't have to denote a building by actually drawing a building you could depict. Like Dr Pepper Museum here by sketching out a little Dr Pepper bottler can. I'm not doing that because I actually like drawing a little buildings that you can do whatever works best for you. So once you kind of finish up your brainstorm map, then meet me over in the next video and we'll actually get started gathering your source photos 4. Gathering Your Sources: Hey, welcome back, guys. In this video, we're gonna talk about gathering sources for your map. I like to use Pinterest to do this, because for me, it's an easy way together. A bunch of images. Keep them all in one place so I can go back and reference them. Um, and I don't have to store them on my computer's hard drive. It's just a really easy way for me to do this. I would like to encourage you to go out and take a many photos of these icons or these landmarks as you can, because when you are taking the photo or their photos that you own, then you're really not in any danger of copying anyone else's work. Um, and while you know it, I can't even say that I'm doing that like here. You can see in my Pinterest board here. I've got this photo, which is my own, and then all of these came from the Internet because I don't actually live in Waco anymore . So it's not like I could walk outside or go downtown and snap a picture of the silos at the moment. So I do want to say that even though I don't have a lot of my own personal photos here in my source board that I'm gonna be taking a lot of liberties whenever I actually start sketching these things out that it's not gonna be me specifically copying the person who took the photo like, for example, in that silos photo that you can see, I probably you know, won't have the silo in the exact same place. Or, you know, that tent might not be there or something, you know. So I will make some changes, and I will encourage you to do the same whenever you actually start making your own sketches. And you can see also that I have kind of, um, variation of images that are flat or straight on to the camera and then images that look like the buildings, like maybe in 3/4 or something. Um, and that's really you know, your personal choice. If you want to do all flat images like this one and this one, then that's totally fine. If you want to do all angle images, that's that's your choice to. I have a mixed right now because that's kind of what I found that I liked. And then again, as you start sketching, if you realize hey, okay, I'm driving this bridge here, and I really don't like it at an angle anymore. So I'm gonna take my own perspective of that bridge and, you know, sketched out how I think it might look, if it were flat. You know, even though I don't have I don't have that image to look at our to reference, but, um, so that's kind of where I'm gonna go with these. So I've got photos of all icons and landmarks that I'm going to use in my map, and then I also have an image of a magnolia flower. So I don't know how many of you have actually been to Waco, but, um, as much as I love tip in Joanna, there aren't a lot of magnolia trees, you know, just growing. Um, So I wasn't going to have to reference someone else's photo of a magnet Leah flower and kind of go from there. All right, so take some time, gather your images, make sure you have everything you think you might want, and it's okay to have more, because you can always take things away. later. You don't have to use everything. Now that we have taken some time together, our source images for our icons and landmarks that we want to use. I want to talk a little bit about actually getting your So we're gonna go over here and we're gonna go to Google Maps, and you're just gonna put in your home, Tom here, and draw up a, you know, draw up an area of where you want all of your place peso. Okay, so here I I I have Google Waco, and there it is. And you can see that I've already got these markers here on the landmarks that I'm interested in. And how I did that was I went Teoh over here. It says your places in this little, you know, fly at mania. And I have already se used a Waco map list here. That's got all of these on here that I think I might want to sketch out in my mouth. Um, and it's okay if you know, you have a whole lot on here, I would encourage that. You choose about, you know, 6 to 8 landmarks that you want, and they don't all have to be buildings like, You know, that could be right. Here is the suspension bridge from Waco. That's pretty iconic. And, uh so I'm gonna do that one. I've got a coffee shop down here that, you know, when I went to college, it was kind of a place to be. It's been a Waco for a super long time, and everybody loves it. And so Okay, so here we go. So I zoomed in Teoh on those little cheaper to an area of the map that includes all of the landmarks that I want to using my map. And then it's cut off a lot of the excess that I don't like. I definitely want browses River in here. I definitely want I 35 in here. I am going to take now a screenshot of my map and on your Mac, how you do that is you do shift command four and subtle across areas. They're gonna come up, and then I am going Teoh, just create my bounds here. Uh, what I want Teoh. Include, And I photo for my map. Kind of keeping in mind the eight by 10 dimensions that we're gonna use when we actually get the photo into illustrator. And so when you let go, it automatically takes a photo for you and then drops it onto your desktop. So I'll sure you going over here took up us up, and now you can see I got the hippodrome, which is super cool. Okay, My doctor museum got silos. I've got common grounds. Baylor, where I went to college and the suspension bridge and everything is in there. And it's just enough that I think we could make a really cool map out of it. So All right, so now that you have all of your source images for your icons and now you have your map taken care of, then we will start in the next video in Adobe Illustrator. 5. Creating Your Base Map - Part 1: in this video, we're going Teoh illustrate our base map using Adobe Illustrator. And if you don't already have illustrator on your computer, you can go to the project's tab and there is a leak for downloading a free trial of Illustrator. We're gonna go ahead and get started by opening up a new document that has eight by 10 dimensions and minus landscape. You can do yours, landscape or portrait whatever works best for the screenshot that you took. And I'm gonna bring over my screenshot into Adobe Illustrator simply by dragging and dropping. So I'm gonna come over here to my desktop where the screenshot iss and I'm just going to click on it and drag it and drop it into illustrator Very easy. I'm Mbesuma, and then I'm going to start playing with the map a little bit to make sure that it fits within my fights in dimensions that I I'm going to use. And here you can get a little creative and actually rotate things around. Uh, stretch it, stretch the map, squish the map, whatever to make it so that it You've included all of your landmarks that you want to include, but it doesn't have to be exactly like the screenshot that you took straight from the map. In fact, it's probably best if it isn't. You know, we're not We're not actual map makers, so you don't have to have it be perfect. Just take some time, play around, get the the map looking kind of how you want to how you want to draw it. So I'm gonna do that right now. It just kind of play with it a little bit. I actually think that keeping it straight rectangle is gonna work pretty well for me. So do that. But I do think I'm gonna stretch things a little bit so that I have so much extra space all the way around. Some pretty good with that. I've got Baylor over here that I can't. He shot down here that all of my landmarks are visible within by eight by 10. And pretty soon we're going to start drawing right on top of our map here. And how I'm gonna do that is by using layers. So to me, when you're doing this, layers are very important because it helps you keep everything really organized, and it helps you look things that you don't actually wanna mess with. So, like this map, Now that I've got it where I want it, I want to leave it there. And I don't want to move it or accidentally move it or mess something up with it. So I'm gonna come over here and I am going Teoh rename my Layer original mask, and I am going to lock it. So now I can't I can't do anything with it, Okay? And that's exactly what I want to happen. Okay, so now I'm gonna create a new layer. And this is where I'm gonna start drawing on top of my map in getting my streets and the river and all of that started and I highlight the word started because I'm not even I'm not gonna worry about color right now. Like I'm just I'm just going to sketch it up. And I am gonna use awake. I'm tablet to do this. You don't have Teoh. You can use your Matt. I'm in your mouths. If that's what you got, I'm gonna make sure that I am on layer to and I'm gonna use my blob brush by hitting shift , Be on my keyboard. I'm nipple it my brush and you can see I can start drawing right on top of my map. And because map is locked, I'm not accidentally moving it or doing anything like that. So now that I have my blood brush, I am going to start sketching in some of these streets. And I am not going to use every single street that you see here. I'm only gonna use the ones that I feel like a relevant to the map relevant to me and would be noticeable. Someone is. They have seen your hometown of in your hometown. They could say, Oh, yeah, you know, I've seen Austin Avenue, or I know what I 35 is. And that makes sense. Yes, I can see that. That's Waco. But that's also helping us, you know, make this work original because we're not going to use every tiny little street we're gonna We're gonna make it our own just by highlighting what's important to us. I'm gonna resize my blob brush here a little bit, making a little bit bigger by using the right bracket tool, right bracket key on your keyword. And I'm actually gonna start off my bound here, and I'm just gonna sketch over. I'm 35. It doesn't have to be perfect. Like I said, not going for perfect. I'm just going for look, you get a little smaller or some of these smaller streets over here. I definitely want university parks like a set of start off. You can see I'm not perfect. She could get the idea. I want Frankl it in here and you don't have to start off. I'm actually gonna have frankly kinda go up like that. I want Austin on. They're gonna make a little bit smaller because Austin is a smaller street than Franklin. Um, but there's still what's going on on Aston Avenues. Uh, you make your you make your blob brush smaller by hitting the left bracket key that I don't like that under it bigger here. I'm gonna get MLK in here. All right, so this side and then I'm also going Teoh, get the river in there right now. But I to do that, I'm gonna select a different cellar. That the strength in it? Yeah, you can see I've got kind of my strengths mapped out that I want a little bit and then I've got the river in there. And now I'm gonna get some of the parks in there as well, just to have a little bit of variations. So choosing difference color Come in here and just get on. I like some of these works. Okay, So I am actually going to turn these into shapes using the shape builder tool. You can come over here and click on it, or you can hit shift in and I'm just going Teoh, turn those into all shapes. So now your map is looking really awful, but soon it will look very nice. Nissen that to the back all works reminiscent of the back by hitting shift command and the left bracket tool. Start cleaning everything up here with the shape builder tool by going into outline view. And how you do that is by hitting command. Why on your keyboard or coming up here to view um, excuse me to view and outline. Can you can see that I've got all these overlapping shapes. I've got stuff that's hanging off of my bound box, my eight by 10 box and I just really want a more simplified Ah, more simplified shapes here. So how I'm going to do that is by using the shape builder tool, Miss Solich. Everything hit command H to hide all of the anchor points and then hit Shift in to bring up my shape, builder, tool. And you can see that as I start to Dr my Mouse over these shapes, it's kind of highlighting certain parts. So I'm going to click and just drag my mouse all the way across the areas that I want to turn into a shape. So that's one river is done there and I want to talk. Go back and forth between outline, view and regular just to make sure that I'm not combining anything that I don't actually want to buy accidentally. So go back to outlines and select Black, and I'm gonna start combining all these streets here changing like where the parks kind of overlap, but making sure that all of that is one shape. So you just take some time on and make sure that you are getting your shapes. I said, I've got all this stuff on the outside that I want to get rid of, and I'm gonna use the shape builder tool for that as well. So you can see when you have shaped builder tool up there is a tiny little plus symbol next to your cursor. And when you hold down the old key that changes to a minus sign and said that time gonna get rid of all of that excess stuff on the outside of my eight by 10 bucks. But first I need to draw myself a rectangle around my box. So I hit him on my keyboard and just draw me a rectangle here, send it to the back and I avoid todo No stroke. No, Phil. All right, select everything again It shift him to bring it the shape builder tool And then you can see I've got the little Plus simple is up Hold down Alton on my keyboard and click and it's gonna take it away instructed And I'm gonna do that with all these pieces that air hanging over and it just cleans it up Really nice. Combines those edges, and I don't have to worry about, you know, during a clinic mask or the trip tool, which you could. But to me, the shape builder tool is just super easy for doing that. And I've got an overlap here for my part. You can see that when I zoom in Really close. Um, I want to get rid of that as well. Look at it. Okay. You may be to come back on. I could see if I come over here to my layers and I hide my original map. You can see that. Good. Kind of got a base map started. 6. Creating Your Base Map - Part 2: Okay, so now that I've got a clean base map, I'm gonna start creating a little bit of texture Or give some texture to my roads and the river by applying a brush. So come over here into my layers and I'm actually gonna hide original maps that that's gone . It's gone totally. But I can't see it. And I am going to use some brushes that I purchased from creative market. All those up here on their mid century Mutis brushes. And I really like that. So I'm gonna have those here, and I'm a start just applying a little bit of texture to my roads. I'm just gonna play around with my Russia's here. You can start to see that there's a little bit of texture that is applied to the edges of the roads. I want something kind of each like, and you can give texture to your roads by applying a brush you don't have Teoh. It's really kind of to you. I just kind of like the in kill up a little bit. So that's what I'm gonna dio around here for a second. Okay, kind of like that one. It's just super subtle that it's there. Women to the same thing. Remember? Fresh now the rectangle that I have in the back has no stroke and no Phil, but eventually I'm gonna give it some color. And now I know I've been saying, like, don't worry about color, whatever, but, um, these colors are kind of driving me crazy, so I haven't going to bring color it a little bit right now so that it's just slightly more pleasing to look at. Okay, so, yes, that's a little bit better. I like that. Okay, so now I'm gonna start kind of giving myself some markers for the for my landmark. So I'm gonna bring back my original maps so that I can see it, and I'm gonna take the capacity of my rectangle here down. So I couldn't see through it. And I'm gonna create a new layer. I'll rename layer to roads on every name Layer three just markers because I am actually gonna be able to delete this entire later layer later. Um, once I have my icon sketched and drawn in and placed in the right area, but Okay, so now that I'm on my new third layer of in a hit, uh, shift be against bringing my blob brush tool. And I'm just gonna kind of make some X is over they over the landmarks that I am gonna use . So I know I want to use the hippodrome, so I'm not put an X right there. I'm actually going Teoh select a different color. I don't know. When I bring my background looks back, we'll be able to see that anymore, so Okay, I know what the hippodrome I know. I want the Doctor Pepper Museum, And I know I want the silos, And I can see now that hey, I left up some crucial streets, so I'm gonna have to go back in there and fix that. And you might notice the same about your map. You might notice that you've left out something. Uh, that's my suspension bridges up there. I want Baylor. There is common ground on That's the Breasts River. And I know that's gonna be one of my iPhones, but let's see. 123456 So that's my sex icons. I know I had some other ones that I thought I was gonna use, but I think I'm gonna leave those out, all right. And it's now that I have that gonna bring up has City back up and you can kind of see a gut a little bit of a base map by that original one that you can see that's where we're going to start. Said now that we've kind of created our base map would be like how it looks for now. I'm not going to say that the color is gonna stay this way, but for now, I'm feeling pretty good about it. I want to make some cheese and actually type up so that I know what's what. So I know what I find is the Dr Pepper you Zia. I'm just gonna bring that over there. Looks to the French. Oh, it's on the wrong layer. Make sure you're on the right player. Even then, it makes sense markers for key streets, and you don't have to focus on what thought you're using or what color you're using, because that's all gonna change. Once you really start cleaning things up in your map, it's over. Okay, so you go ahead and and make sure you get kind of the markers that you want. Um and then, like I said, I'm gonna have to go back in and re draw some of those streets, but you might have to do as well. But once you get everything kind of laid out, how you want it to that I will meet you over in the next video. 7. Sketching Your Icons: thing video. We're gonna start sketching out our icons Teoh use for are illustrated map of our hometown . I am gonna use just regular sketchbook and, um, some pins for my And the reason that I like to use pins is because it makes me be really confident in what I'm drawing. When I have a pencil, I tend to just, you know, sketch something, and then I will Oh, I don't like it, you know, a race. And I'll spend forever on one sketch just because I want to make it perfect. But when I have a pen, it really forces me. Teoh have confidence in what I'm doing and what I'm sketching. And so that's why I'm gonna use pins. And plus I like the whole urban sketching Look. And if you have no idea what I'm talking about when I say that Peggy Dean has an amazing class on skill share about urban sketching and it I cannot recommend it enough. It's great, but that kind of style of a lot of really, you know, heavy black lines. I like that style. And so that is why I tend to use ink hints. So this is one pin that I really love Just the micron ink pens. And this is in a and 03 And then I also like, speaking of Peggy Dean, I also like a new set of pins that she came out with her monoline pens and that comes in a couple of different sizes. I tend to stick with 030501 sometimes if I want really thin lines. But generally speaking, I am using 03 I want Teoh pull up my Pinterest board. My references for the icons that I'm gonna use and remember that your photos are a guide. They're not gospel like you can change what you see in that photo. And in fact, if you didn't take the photo yourself or you don't have the rights to that photo, I encourage you to change things up so that you're not in any danger of copying anyone's work like we talked about before. So I have my dangerous for just here on my ipad that I'm gonna pull up here, okay? And so that I'm just going to use that to go back and reference my photos, and I'm just going to start sketching. But like I was telling you before, I don't feel like you have to be married to the way these photos look exactly. You can just use them as guides. I am just going to start sketching out my iPhones. I encourage you to do the same, and we'll just see how it goes. All right. The point is to have fun, right? So you can already see that I'm not drawing things exact. Just getting that idea and you can see in my photo here. The Magnolia market right here is kind of shown at an angle, but I am sketching it flat so you can You can change things up however you want. It's totally fine to get part of the whole urban sketchy look is that there's a lot of kind of messy lines. So while I might start with some straight lines, I'm actually gonna go back over and just really and a rough everything up. I That's just a personal preference. I just like how that looks you and sketch, however, feels comfortable for you. And once you get icons into illustrator, it's really easy to kind of move things around. So if you want to just draw everything separately and assemble it all. An illustrator. Uh, that work suit add in a few little suggestion of bricks. Anyway, I'm gonna draw all the bricks in there, but I'm gonna get just a suggestion. - You may decide that when you start sketching something out, you really need it. That's OK, too. You don't have to use it for you. Keep sketching it. So you do. Like also a good thing to remember is to sketch and foliage. So the trees, their flowers. If you've got something, make sure you include some of that. It doesn't have to be perfect. It just be scribbles so that you can include those. And Okay , so now that I've got my first icon kind of sketched out, I'm really just gonna take some time and sketch out the rest. Devil. Once you guys were completely done getting your sketches the way that you want them, you can be over in the next video. We'll start importing our sketches into Adobe Illustrator 8. Digitizing Your Sketches: in this video, we're going to learn how to digitize our sketches using the Image Trace Function and Adobe Illustrator. I'm gonna get started by bringing my photos of my sketches into a new blank document in Illustrator and I used my phone to take the photos of the pictures. If you have a scanner, you can obviously do that. If you don't have a scanner, using your smartphone works super well, a couple of tips. Just make sure that you have enough light when you take the photos and make sure that you try to take the photos from yeah, each photo from an equal distance away so that your lines aren't completely different when you start digitizing them in. Illustrator, I used air dropped to transfer my photos for my phone to my computer. It's just easiest way for me to do that, since I have both Apple products and they just speak really well together. You can bring over your photos from your phone to your computer, however, works best for you. I'm just gonna drag and drop my photos that I have selected here into my new blank document . I'm going Teoh, Zoom out here by hitting command and the minus sign. I'm gonna select all of these photos and shrink them down so that they fit better in my document. Zoom back in. Okay, so we're gonna start digitizing are sketches using the image trace function. And make sure you have one of your sketches selected, and then you're gonna come over here. Teoh this icon right here. This is the image trace. And if you don't have this in your toolbar, you can easily get it by going to window and coming down. Teoh image trace. Okay, so with my sketch selected, I'm gonna hit image Trace, and I'm gonna change the preset toe, black and white logo. And this may take a little bit to process. Um, make sure you have preview checked, and then you can see what's happening. It's pretty good, but I do want Teoh change some of my advanced options here. I'm going to hit ignore White so that we can take all of that background white out and you can see that it's changed how the lines look. So I'm gonna start playing with the threshold here a little bit because I want to maintain as much of that hand drawn look as I can, Illustrator really flattens everything out. So it does, you know, it changes the hand drawn look somewhat. So when you use this slider right here on threshold, you can take it way far down and it's gonna get rid of a lot of lines you can see. So I'm gonna bring it back up and just kind of play around with the threshold to get it to where it looks good to me. Still not quite there to bring it up. I'm gonna go over here with my image still selected, and I'm going to hit expand. You might have the expand button at the top of your screen just depending on your version of Adobe Illustrator. But mine is now over here in this side panel. So with my sketch selected, I'm gonna come over here and hit expand so that it can become a usable image. And you can see now that I've also got all this other stuff in here that I don't actually want. I just I want these guys. So I'm gonna I'm gonna come over here to my eraser, which is also shift E on your keyboard and you can change the size of the A razor by hitting the left and right bracket tools on your keyboard. I'm just gonna get rid of all of this extra stuff that I don't want. All right, Hit V to select your image again. And I'm gonna hit command H to hide the anchor points. And now I am going to Owen Group it because I want the I want Pat Neff separate from my little trees that I drew. So you can come over here to object and hit on group. Or you could hit shift command, G, whatever works. Easiest for you. So I'm going, Teoh drag and select just the tree and hit command G so that I can group it. And I'm going to do the same with tetanus. So now I have three separate icons and I can change the size or do whatever I need to dio with all those. Okay, so I'm just going to do that with every single one of my sketches. Bring another one over here. This is the light post that I like black and white logo. Ignore white. I'm going to play with the threshold a little bit. Try to keep it similar. Teoh what I did with my previous sketch. So I had it at 105 having 105 again. And I like that and a hit expand and then shift e to bring up my razor, and I'm gonna get rid of right. So I'm gonna just finished up with my sketches because I like the way that you know the messy lights. Look, I'm not actually going to go in and smooth out every little You don't have to worry about sizing everything up perfectly right now. You're just getting everything traced in this photo. I am going. Teoh digitized. Just my letters here because my sketch of common grounds I did not like what I was writing . So I'm actually going to erase all of that out and trade it with these letters that I wrote up here, digitized my letters just the same way that I've been digitizing my sketches. I'm going to align these bite coming over, Hear anything? This? I got this feline. I thought in the same thing. If you don't have it in your toolbar, you goto you come down here and hit the line I'm gonna make sure that they're all sitting all my letters, They're sitting on the same live in a group. Them So they're each individual letters. I point this and then regret. Same here. Shift command. Jeez, group, move everything down on command. Now bring these guys down here around, all right? What? You select both of those groups so they stay together. Okay, so now that you have everything digitized like, you want it in the next video, we're going Teoh, bring all of these images into our base map and start kind of putting things together. I'll see you there. 9. Creating a Custom Color Palette: Now we're gonna get started coloring our icons. But first, I want to teach you how to create a custom color palette so that you could have a completely unique map. I'm gonna pull up interest because I have a whole board that's dedicated to color. And I am gonna choose one that are one photo that I really like the colors in. So I think for my map, I think I'm gonna choose this guy here, and I am just going Teoh, copy the image and paste it into illustrator. And I'm gonna draw out some rectangles by hitting him on my keyboard, just dragging and dropping and I'll go ahead and color this one and so you can see what I'm doing and then going Teoh duplicate these rectangles by dragging clicking on the first rectangle and dragging it over to the side and holding down the cult or option key. Then I can make a duplicate and then to repeat that because I've got several colors here. I'm just going to hit command D as many times as I need erectile. So let's say I need 123 h a brick tingle. So 2345678 Right now I'm gonna select the first rectangle and hit I on my keyboard, which brings up your eyedropper tool. And I'm gonna come over here and I'm just going to click in my first color it be to select again so you can change which rectangle and then hit. I come over here and grab a second color, and you can move things around to get the color that you really what? And then just repeat that until you get all your colors. It is good to have some neutrals in your color palette, but it's your color palette. So you do whatever you want to dio. Okay, I think I'm happy with that. Now I'm going to select all of my rectangles and I'm gonna come over here and my color swatches panel and click on this folder, this new color group and you can name it whatever you want. I'm gonna name this one's Waco map just for the sake of this class. But you can name it whatever you want and hit OK, and you can see that this watch has popped up in your swatches panel. Now we have to save that group or that swatch group to our swatches so that we can use it in other documents. So I'm gonna go ahead and delete all of these colors that I know I'm not going to use just by selecting them and hitting the delete. And so now the only colors that I have are my new color group that I just made and black and white. And now I'm gonna come over here to this little stack of books or the Swatch libraries, Minya and hit save swatches, as you can Name it, whatever you'd like. So again, just for the sake of this class, you would come over here to this watch libraries menu, come down to where it says user defined. And then you can pull up your new custom color palette, which we will do in the next video. When we start the color in our icons. See, there 10. Coloring Your Sketches: Welcome back, guys. We're gonna get started coloring in our icons using our new custom color palette that we created in the last video. So a quick reminder you're gonna come over here to your color swatches panel, come to the library's menu and come down to user defined and then find your newly created color palette. And I'm going to just drag this color group into my swatches panel just by clicking on the little folder and dragging it over to the panel. And then I can close that one out. So now I have just what I want. I just have my color group, my new color group and then black and white. If you have other colors still in your swatches panel, you can easily delete those just by selecting all the colors that you don't want and then coming down here and clicking on the deletes. Watch. But where did you get started? Coloring in our icons by using the blob brush tool and how you pull up the blob brush is by hitting ship to be on your keyboard, and you can change the size of your brush by holding down the right or left bracket keys just like the eraser. I'm gonna get started coloring in my sketches using the blob brush tool and how you pull up the blob brush tool is by hitting ship. Be on your keyboard and you can change the size of the brush by holding down the right or left bracket keys. And the way that I'm in a color in my icons is just by drawing on top of the icon here, I'll choose the color and you can see what I'm talking about. And make sure that there is no stroke on Leah. Phil. Okay, so I'm just gonna start drawing on top of my icon using my wake. I'm tablet and I like to do it this way. Just because it kind of blends a little bit of a painterly look, Teoh, my sketches. Um, even though illustrators graphics are just really flat, you like that and then I'm gonna hit the and select what I just did and then use the shape builder tool. You can come over here and click on it, or you can hit shift in and I'm just going Teoh, drag my mouse from the outline to the center and create one shape it be to select it again . And I'm going to send it behind by hitting shift command left bracket. And so that kind of gives a little bit of a paint. Really? Look, I'm not coloring in every signing little nook and cranny. I am just doing that. That's it. And I'm gonna do that with every single one of my sketches. You don't have Teoh already. Know exactly what color you want to make every little thing because you can change it later . So don't spend too much time making Oh, I don't really like that. I'm gonna need to switch it. You spent forever trying to choose colors. Just go ahead and get them colored in. And then we're going to import all of our sketches into our base map and start putting everything together. Then you will need Teoh route. Your eye hunts together because now you have two different shapes. You have your sketch shape and you have the base color shape. So selecting both command G That way they stay together. When you move. When I color in this lower, I'm actually going to use two different killers. So I'm gonna show you. I love brush tool. I'm gonna start by coloring in just lower grabs another color. And it's OK that I'm coloring on top of this because I'm gonna send it Teoh. Okay, All of that. You can choose to do as many colors and yours you want, Teoh. I'm gonna keep my pretty simple. So I'm gonna just finish up here coloring in all of my friends and I'll meet you over in the next video. 11. Putting It All Together: all right. Now for the fun part, we're going to import our colored icons into our base map so you can see that I have both my sketches and my base map open. So what I'm going to Dio is just select everything from my sketches, hit command scenes, a copy. Come over to my base map and we're going to create a new layer for our sketches. So my layers panel is over here. If you don't have your layers panel up, you can come over to the window and come down and select layers, and I'm gonna come down here and select create new layer, and I'm going to name Rename The Slayer sketches Or you know what? Let's name it icons. All right, so now I'm going Teoh, making sure that I am in my new icons layer hit command the Teoh paste, my sketches and to my document more right. And now I'm just gonna get started placing my sketches in the right area. So I had made some markers to kind of help me remember what's what and where everything goes. So I'm gonna start placing that out. You can see that everything is really big, so I'm going to just have to size all of it down so that it fits in my map. Better make sure all of your sketches air still grouped so that your you don't experience any issues. When you start moving things around, okay, it will start placing in some of these trees and remembering that you have some parks to fill in as well. Just get with that complete look. And I know that I have a lot of space appear, but this is actually where I'm going to write in Waco. We need to actually make some labels that will be a part of the map. So now that I've gotten my sketches kind of how I want them size and and placed somewhat, I'm gonna go ahead and start typing out my like street names and the names of the buildings and that kind of stuff that I am actually going to use. And you can do this in a couple of different ways. You can right out your words yourself. If you're particularly good at lettering and you can, you know, scan them into Adobe illustrator and digitized in the same way that we did just fine star sketches in the earlier video. Or you can use just a type a font that you have already loaded into your computer. If you purchased a font, you need to make sure that you purchased the correct licence so that if especially if you plan on selling it hurry. Are you using your map for commercial purposes? I'm gonna come over here and choose a type of front, and then I'm going Teoh, create a new layer and call it text because this is the text that I am actually going to use in my map that's going to stay there. So now that I have my font chosen, I'm gonna hit tea on my keyboard and just start typing out my labels. And once I start putting all of these on here, I may decide that I don't want to use some of the streets. Um, but I do want to label a couple of them just so that you are aware that you're looking at weight go the streets a little bit smaller. I'm gonna hide my markers layer by coming over here and clicking on a little I and then all of that whole layer is gone. So it's not confusing to me anymore and going through this pretty quickly. And I'm using a lot of key commands. And I have provided in the and the project page there's a list of the commonly used key commands for me. So you can go over to that the projects tab and just use that as a guide for key commands. If you don't already know them, I think I might leave these out because you get Waco in there. I'm actually gonna change that. Funds. Here we go. A little highway sign here. Smooth out the edge of this by coming over here and hitting the smooth tool, making sure I have that selected that the smooth tool. Just get around that out and do the same for this guy back here. Here we go. I m benefits the words Texas, because when you're from Texas, you understand how important it is to go ahead and say that a going to move this guy up a little bit and just start, you know, playing around with things, make sure that they're in the spaces that you like, so that you don't have a whole lot of empty space, and then everything is clumped up. Unfortunately, there's not a lot going on on this whole side of, uh ah by 35 except for Baylor University. Um, and then there's a lot going on on this side of I 35 just because that's where downtown is and all that. So I have to kind of massage things around a little bit and make sure that everything fits the way that I want gonna do a little re coloring now because I kind of have to color palettes going on from when I first created my base map, too, now that I've got, um, my icons and all of that in here. So I am going to come over here and lock everything except for my roads layer and start re coloring those things because that's what's not quite fitting with my icons right now. Liking that, but I want to change the color of my lantern, so I'm gonna come unlock that so that I can grab it the color going into isolation mode by double clicking and then clicking once on the background color there and then double clicking again to get out of isolation mode. Okay, some liking that a little bit better. But some part here is you can unlock everything here except for your original map and your markers, and you can select everything. Come over here to properties and start re coloring your artwork using the re color artwork tool. So clicking on this and you can just start kind of moving things around and seeing how it all works together by clicking this randomly change color order button right here. And you can just kind of click through it until you come on something that you really like and you can definitely go back in and change things individually. Um, but this is just kind of a fun way to just kind of click for some things. So ultimately I decided on a different color palette. But that's part of the fun of the re color artwork tool is that you get to easily see how color palettes will work together, or maybe not, as the case may be. And this is the one that I settled on. And I'm so excited to see the maps that you guys come up with in your class project 12. Finishing Touches: I hope you love your new map of your hometown. And in the spinal video, we're gonna go over some finishing touches that include getting rid of some of those layers that we don't need anymore and how to export your file to print. So starting off, we're gonna come over here, and we're going to select the original map layer because we don't actually need that anymore. And all it's doing right now is just making our file much larger than it needs to be. So select it and then come down here and click on delete selection. It's going to ask you if you're sure about that, and yes, you are, And then we're gonna do the same thing for our markers layer. It's been hidden just like the original map, and we definitely don't want it anymore because we've already placed everything where we want it, and we like what we have, so select it and delete it. So the only layers that you should have left or the roads the icons in the text layer, because that's your final at your final map. So to export your map for printing, you're going to come up here to file export export as and then I'm going to export this as a J pic going to use the art board and hit export. Make sure that it's in C m y que. Because that is the model the color model that you need for print. And then I am going to up the resolution to 300 peopie I just to make sure that I can print this large if I want Teoh and then hit, okay, and that's it. Now you have a map that's ready to print. Hang on a wall or whatever you want to do with. Thank you for taking my class. I hope you enjoy creating a maverick your hometown.