Inky Maps (Procreate Edition): Illustrate an Analog-Inspired Map on Your iPad | Tom Froese | Skillshare
Drawer
Search

Playback Speed


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

Inky Maps (Procreate Edition): Illustrate an Analog-Inspired Map on Your iPad

teacher avatar Tom Froese, Illustrator and Designer

Watch this class and thousands more

Get unlimited access to every class
Taught by industry leaders & working professionals
Topics include illustration, design, photography, and more

Watch this class and thousands more

Get unlimited access to every class
Taught by industry leaders & working professionals
Topics include illustration, design, photography, and more

Lessons in This Class

    • 1.

      Class Trailer

      1:07

    • 2.

      Class Orientation

      5:11

    • 3.

      The 7 Elements of Inky Maps

      9:39

    • 4.

      Project Brief

      1:57

    • 5.

      Choosing Your Map Theme

      10:41

    • 6.

      Plotting Your Points in Google Maps

      4:05

    • 7.

      Sketching Your Base Map

      12:09

    • 8.

      Finding Your Reference Images

      12:03

    • 9.

      Drawing (Icons) From Your Reference Images

      14:10

    • 10.

      Drawing Your Refined Map Sketch

      22:51

    • 11.

      Making Your Inky Marks

      13:11

    • 12.

      Scanning Your Inky Marks

      8:52

    • 13.

      Making Your Stamp Brushes

      12:03

    • 14.

      Preparing Your Final File

      21:14

    • 15.

      Final Art Part 1: The Base Map

      22:19

    • 16.

      Final Art Part 2: The Icons

      27:49

    • 17.

      Final Art Part 3: Final Touches

      16:56

    • 18.

      You're Done, Now Share!

      1:39

  • --
  • Beginner level
  • Intermediate level
  • Advanced level
  • All levels

Community Generated

The level is determined by a majority opinion of students who have reviewed this class. The teacher's recommendation is shown until at least 5 student responses are collected.

414

Students

17

Projects

About This Class

If you'd like to learn how to create illustrated maps in Procreate, this class is for you! Learn how to achieve an analog-inspired illustration style using Procreate's included brushes, plus a few custom stamp brushes that you create by hand with physical media. And who better to learn this all from than Top Teacher, Mr. Tom Froese, who has been making illustrated maps for clients (including TIME, Airbnb and GQ France) around the world for over a decade.

——————————————————————————————

What You Will Learn

  • Unique Procreate tricks to achieve a handmade, retro style
  • How to create custom Procreate brushes and textures using physical media
  • How to plan a map from ideation, to sketches, to finished art
  • How to find a strong idea and theme for your map 
  • How to use Google Maps to plan out your initial map
  • How to illustrate in your own style rather than copying images
  • How to work in a limited colour palette
  • Plus:  how to use ChatGPT as a virtual art director!

——————————————————————————————

Why Take This Class?

  • Gain a competitive edge as an illustrator by adding Illustrated Maps to your skillset
  • Learn advanced techniques in Procreate that you won't learn anywhere else
  • Access exclusive downloads, including custom brushes and example files
  • Learn from an experienced, professional map illustrator
  • No need to buy any extra brushes!

——————————————————————————————

Who is This Class For?

  • Procreate Illustrators who want to add illustrated maps to their skillset
  • Enthusiasts looking to level up their Procreate skills
  • Photoshop users looking for alternative tools outside of Adobe CC

——————————————————————————————

Materials and Resources

  • Hardware/Software
    • iPad with Procreate
    • Apple Pencil

  • Physical Media
    • Black India Ink
    • Black Block Printing Ink
    • Block Printing Brayer 
    • Nib Pen (Speedball holder 512B nib recommended)
    • Watercolour/Acrylic Paint Brushes (Flat and Round, sizes 0-2 recommended)
    • Foam Sponge
    • Glass or Smooth Plastic Surface (for loading brayer)
    • White Sketchbook Paper
    • Pencil with Eraser
    • Jar of Water 

——————————————————————————————

What's Included

  • My custom Procreate brush set 
  • Colour Separation Group File example (PSD)
  • Example Inky Marks and Textures (PSD)
  • Project Timing Guide (to help step through project)

——————————————————————————————

Please join me in Inky Maps (Procreate Edition) on Skillshare. I'll see you in class!

Meet Your Teacher

Teacher Profile Image

Tom Froese

Illustrator and Designer

Top Teacher

Tom Froese is an award winning illustrator, teacher, and speaker. He loves making images that make people happy. In his work, you will experience a flurry of joyful colours, spontaneous textures, and quirky shapes. Freelancing since 2013, Tom has worked for brands and businesses all over the world. Esteemed clients include Yahoo!, Airbnb, GQ France, and Abrams Publishing. His creative and diverse body of work includes maps, murals, picture books, packaging, editorial, and advertising. Tom graduated from the Nova Scotia College of Art & Design with a B.Des (honours) in 2009.

As a teacher, Tom loves to inspire fellow creatives to become better at what they do. He is dedicated to the Skillshare community, where he has taught tens of thousands of students his unique approache... See full profile

Level: Intermediate

Class Ratings

Expectations Met?
    Exceeded!
  • 0%
  • Yes
  • 0%
  • Somewhat
  • 0%
  • Not really
  • 0%

Why Join Skillshare?

Take award-winning Skillshare Original Classes

Each class has short lessons, hands-on projects

Your membership supports Skillshare teachers

Learn From Anywhere

Take classes on the go with the Skillshare app. Stream or download to watch on the plane, the subway, or wherever you learn best.

Transcripts

1. Class Trailer: Hey, Procreate users. Seven years after creating my original Inky Maps class for Photoshop, I finally have one just for you. This is Inky Maps Procreate edition. Map Illustration is an in demand skill that will give you a competitive edge as an illustrator and hopefully as a human illustrator for a long time to come. In this class, I'll show you how to achieve an analog inspired illustration style using Procreates included brushes and a few custom stamp brushes that you create by hand in physical media. You'll learn how to design a beautiful, illustrated map from ideation to final art. This class is packed with details about my tools and decision making process. If you want to create illustrated maps, learn Advanced, Procreate techniques, and combine physical media in your digital art, this class is for you. Please join me in Inky Maps, Procreate Edition on Skill Share. I'll see you in class. 2. Class Orientation: This class is all about how to create beautiful, retro inspired illustrated maps in P create. Our goal here is to make them mostly digitally, but for them to look like they were made in a different time and using non digital techniques. By the end of this class, you'll have created a map of your very own to share on the class projects page and perhaps on your portfolio or social media. This is an updated version to my aging but popular class inky maps, where I show you how to do all of this, but instead of procreate, I teach it in photoshop. For this class, we're going to start with a quick overview of my approach to illustrating maps, and then we'll get right into the project. Strap in though, because it's a long class. We go very deep, and there's no way around it. We're going to get very technical. In terms of experience, I recommend this class to those with intermediate level skills in Procreate, simply because there's a lot to cover on the more technical side of things, as well as in the planning part. So if you need to learn the basics in Procreate, I recommend Lisa Bardos, kickstart your creativity with Pro create, or for less of a deep dive, try her 35 minute intro to Pro create on YouTube. She also has a wonderful class about map illustrations right here on skill share, which might be up your alley as well. That being said, in this class, if you follow along, you'll still learn how to plan and sketch for an illustrated map, as well as what creative decisions to make later on, regardless of what tool you end up using to finish it off. By taking this class, you'll learn how to use procreate to design a custom analog illustrated map, including how to make your own textures and marks with physical media and how to make your own custom stamp brushes. How to plan a map from ideation to sketches to finished art, how to come up with your map idea, and even how to use chat GPT as a powerful brief generator, how to use Google maps to plan out your initial map, how to illustrate things in your own style rather than just copying reference images, working in a limited color palette, you'll learn some tips in hand lettering and, much more. To take this class, you'll need an iPad with procreate and an Apple pencil. You'll also need some physical media, including India ink, block printing ink, a ni pen, paint brushes, a sponge, a brayer, and some white sketchbook paper. You also need a glass or plastic surface for loading up your brayer. Of course, don't forget a glass of water for cleaning your brushes. To scan your inky marks, you need a scanner or at least a high quality camera and a way to keep it steady and well lit. As you shoot it. We'll be doing all digital art in Procreate, although I will be scanning my inky stuff on my mat. You're free to follow along and make your own resources, or you can just download mine. That includes the color separation groups file, the textures, plus custom brushes. All of these are available for download on the class projects page. You won't need any third party brushes, you won't have to buy any extra brushes. Everything you need is already included in procreate and in the class downloads. There are many deliverables to check off along the way to the final map, and I'll guide you through them all. For a complete list of deliverables, as well as a written outline of the project, please check out the class projects and resources page. This is a really big project, and there's lots of different parts to it. And because of that, it will likely take you more than a day to complete. So I just encourage you to be patient and to pace yourself. Now, I've included in the class projects page a timing guide, which is basically a schedule to help you know how to divide up your project into more actionable chunks. Again, you can find that on the class projects page. Be sure to share your work on the class projects page. This is the best way to get feedback from your fellow students, and of course from me. Now, feedback is such a great way to grow and to know what to do next if you're stuck in your project, and one of the best ways to get feedback from others is to go and give it to them first. Of course, seeing what you make is always the most rewarding part of my job as your teacher. Please share your projects and please share on social media, and you can tag me at Mr. Tom Fos and use the hashtag in K maps for P create. Oh. 3. The 7 Elements of Inky Maps: There are seven key elements in illustrated maps, and in this video, I'm going to walk you through what those are. So I'm just going to head over to a little slide show I made for you. This is a map of Seattle that I made, and I'm going to use it just to show you those seven elements at play. So the first element is geography. So Geography really is just where the land and water meet, but it's also terrain features like mountains or forests or deserts, whatever defines the quality and character of the land itself. And what you're looking for in an illustrated map is a way to actually just create a base for your map. What is the surface of everything else that is going to be on it? In this particular map of Seattle, I was able to define the shape of the land by the contours of the coastline. If you don't have a coast line, you might have other things like mountains, like I said, or forests and that kind of thing. But you might not have any other defining characteristics of the land. In which case, maybe it's just a solid background color, or maybe you have to rely on things like roads. That's perfectly acceptable as well. The thing that you can use to define your land are borders. If it's a state or a province or a country, it's going to have attachments to other countries, and some countries are identifiable simply by their political or geopolitical borders. Almost every American state, for example, is defined by the shape of the states around it. The next element is routes. Routes really could be anything. Usually it's roads, but it could be paths, trails, it could be train tracks, public transit routes, it could even be flight routes. Especially when you don't have a lot of geographical details to go by, roads or routes can really help give your map a sense of structure and place. The routes or the roads will also help give your places, your points of interests, and cities, a sense of connection. How are they connected? How would one get from one to the other? Now, it's not really about helping people navigate from one to the other. I wouldn't recommend using an illustrated map to get driving directions, but it can give you that sense of proximity. What are things located near or how far are they from something else? The next thing to include in an illustrated map, of course, is labels. Labels are, of course, just little pieces of lettering that help identify what things are on a map and in any map, lettering or labels is very important. Now, I want to point out two important things about labels. The first is that in an illustrated map, you really should try to hand letter everything versus using a font. It's not against the rules, Cuse font and I have used fonts in my maps in the past. But I really think that that's a missed opportunity most of the time. This is an inky illustrated map by hand and the best way to make it look more handmade is, of course, to make your lettering by hand as well. The second thing I want to point out about lettering is what I will call typographic hierarchy. Typographic hierarchy is basically a way of using different styles and sizes of your lettering to indicate certain things on your map. As you can see in my map here, I've used italic CAPs Seraph lettering to indicate the waters. All the water has that same style of lettering. Then I have the different neighborhoods like Queen Anne and downtown and Columbia City. All these are also indicated with a specific lettering style and mostly at a certain size. In the bottom there, you can also see that I've labeled some of the road names down there. The other roads here are highways or freeways or interstates and these are indicated with little numbers inside little badge shapes, and those are actually cartographic symbols, and we'll get into those in a moment. Of course, one of the best things about illustrated maps is the icons. Icons are little tiny illustrations that call out certain points of interest on the map. Our project, we're going to be including at least five points of interest, illustrated as icons. Here you can see in the Seattle map, there are a few more than that. But they really give the map. It's life. It gives you that sense of story, like, what is this map about? What is it calling your attention to? Here, because the map is actually for a flight magazine, it's really just calling out the character of Seattle as a city and what the variety of different cool things to see are. In Seattle. Now, one of the things to pay attention to with icons is that they should be fairly simple. Although these have varying levels of detail in my example here, they're all relatively simple compared to what they're actually depicting. For the tower in the middle there, for example, that's a very simplified version or representation of that tower and I haven't shown anything surrounding. Now you have the building down to the lower right of it, and that is a much more detailed building than I've, you know, let on in my representation here. And of course, it's surrounded by other buildings. I've just gone and made those details very, very notional to make sure that the focus is on that one main object, that building. So next, we have the cartographic symbols, and these are the little smaller illustrations that really make a map look mappy. That would be things like the root numbers in these little circles or badge or shield shapes, or the trees or the waves in the water or the little tufts of grass that I have in certain parts of the geography there. Now, whether you're into illustrated maps or actual maps like Google maps or road maps or something like that. One of the things that makes some cool is that they have all this information shown as little symbols. In an illustrated map, you want to bring those in. They not only tell you some information about the place, where forests might be or where the water is, but they also bring texture to the map that of course, makes everything just look more tantalizing and interesting. So another key element in illustrated maps is, of course, the Compass rows. Not all illustrated maps have this. It's not always necessary, but it is a nice detail to add and it's an opportunity to get a little bit creative. In my maps, I usually keep them pretty simple. In this example, I just have an upward pointing arrow with north set inside of it. I felt that stylistically, this fit in with everything else that was going on without being too overwhelming, but also it added this cool extra little ding bat that I like to see in maps. One situation where you're definitely going to want to include a compass rows is if in your map, North isn't directly up to the top of the page. For instance, if you rotated whatever you're mapping and North happens to be over where West usually is, in that case, definitely have a north pointing arrow showing people that North is actually in a different way than they might expect. Finally, we have a title. Of course, a title is a way to identify the map for people who might not know where it is, especially if that map is not shown in some other context where it's obvious or clear what they're looking at. That's when you're probably going to want a title. Now a title doesn't need to be super elaborate, it doesn't need to be fancy. It just needs to stand apart from everything else in the map and be legible or clear. In my example here, we have just the name of the city, Seattle, and it's called out a little bit larger than the icons. Think about that typographic hierarchy that we establish with our labels. You can think of the title as maybe the biggest, most prominent element in that hierarchy. Now, where it comes to these seven elements. Only five of them are crucial and those are the first five. That's the geography, the roads, the labels, the icons, and the cartographic symbols. As I've already said, it's not always necessary to have a compass rows or a title, but both of those can really enrich the map if you can bring them in as well. So those are the seven key elements of illustrated maps. These are what show up in my maps. Most of the time. Of course, every illustrator is different and they may approach these in different ways. As you can see, I even approach these things in different ways in my own work. But really, I think that's enough information to get you started. I think we can get going on the class project. We're going to start that in the next video. 4. Project Brief: It's time for your projects brief. Your job is to create an illustrated map of a favorite region or country or state, and it should be based on a specific theme that relates to that area. For example, if you'd like to illustrate a map about Cascadia, the theme might be something like cold water surfing. Your total or your whole maps theme and region could be cold water surfing in Cascadia, or it could be family road trip in the Canadian Rockies. The more specific you are with your place and with the particular theme, that will make the map more interesting, and it will be easier for you to know what to include in the map, including your icons and everything else. Your map should have five points of interest called out as illustrated icons, and then it should also include the four other core elements of an illustrated map, including the land and water or the geography, the roads, cartographic symbols, and of course, labels. You can also choose to include a Compass rows and a title, but those are optional. For dimensions, make your map 6 " by 8 ", and that can be either in the horizontal format or vertical format and make your Canvas at 350 DPI. Now, in order to properly do this project and follow along with me, you'll need to be doing it in procreate and using the inky techniques that I'll be sharing with you. In the next video, we'll kick things off by planning our map, and that includes choosing our region and our theme and those five points of interest, and I'll share some tips on how you can do that. 5. Choosing Your Map Theme: In order to start planning our map, we need to come up with a region and a theme related to that region. So I'm going to hop over onto my computer here and just show you some examples. So this is a map of the Dalmatian coast, which is a region in Croatia. And this is a perfect example of a map of a region. So it's not quite a country or a state. It's just this part of the land that is all related in some way. This one is related by virtue of being in a place called Dalmatia, and it's along the coast, the Dalmatian coast. So I actually just show you the map in its actual final situation here on the independent on their website, you can see that it's kind of interactive here and there are more than five illustrated icons here, but I still think that it's worth showing you around this particular example because it's a real example, and it perfectly illustrates what makes a good illustrated map. We have these points of interest that you can see. You have them labeled with these little black flags. So in this case, the points of interest are actually city or town names. And then I represented each one with this very simple icon Sometimes they get a little bit more detailed, but I try to keep it pretty simple. We have Troger here represented by this archway. Split is represented by this tower, Omis is represented by this old fort ruin, and maybe a more complicated or complex icon would be Putika, which is this little townscape with the tower in the middle. Then we even have a whole beach scene as a little icon here. But even though these are scenes, they're very simply rendered so that you don't get too overwhelmed by seeing them together in the final map. Those are the points of interest. You can also see the roads stringing together or connecting the different places on the land. We also have those geographical elements. We have the water, the coastline. The land. You also see a lot of labeling and these are all made by hand here. All the country name, state names are in this kind of white all CAPS lettering style, and all the location points of interest labels are treated with this little flag, and the water there there's only one body of water, but I've labeled it uniquely as well in this sera italic font. But it's not a font. It's actually my hand letter. In terms of cartographic symbols, of course, we have little mountains and a few trees peppered in here and there, really not a lot, just enough to show that these exist in this area. It's a mountainous area, and then there are certain kinds of trees, maybe palm trees closer to the water, and then more pine trees out in the mountains. I did not include a compass rose in this one, but I decided to include a sun because the theme of the map was about smmery, sunny stuff you can do in this very warm Mediterranean area. That sin could just as well have been a compass rose. I really like how they animated it there. The first step toward planning our map is, of course, choosing our region and our theme. I'll walk you through how to make some good decisions at this early stage. I'm hopping over here onto my iPad. I'll just write down two columns here. I'll have region on this side and theme over here, and we can do some brainstorming together. I've already used the example of Cascadia as a region. That also makes me think of the Pacific Northwest more broadly, which is, I guess it's a region that spans from Northern California all the way up to the northern border. You might have the French Alps. When I think about growing up, if I wanted to make something more personal, I might think about what we called Cottage Country, which was just north of Toronto where we have Muskoka or Haliburton, had some good memories up there. Those are some examples of regions. They're not as small or focused as a city, but they're not necessarily as big as a state or a country. Although I wouldn't totally write those off if that's what you'd like to do instead. Things really come together when you have a theme that makes things more focused for whatever region you choose. With Cascadia, like I used in an earlier example, it could be cold water surfing or just best surfing spots in Cascadia. Then your five icons would be pointing out or calling out what those spots are with illustrations. For the Pacific Northwest, I want to think of something else that would be appropriate to this part of the world. Maybe it's five biggest cities in the Pacific Northwest. Then you can call out each of those five large cities. Now for the French Alps, we had those best off pieced routes for skiing, something like that. It could be like five best backcountry ski runs. Then for Cottage country, I might want to make this theme more personal because it's something based on my own memory. Maybe it's Portaging in Cottage Country. And I could make that more specific because cottage country is quite big. And maybe that doesn't mean something to someone who's not from the region and uses that term to describe it. So maybe it's Muskoka, which is a lot more specific. And then we could just do portaging in Muskoka. Then I could think about five highlights of a portaging trip. Where would those be and what those look like? Those are just some examples to get you started thinking about what your region and your theme could be. It could be more universal, something that's not quite as personal, or it could be more personal, something that maybe reminds you of an experience you've had growing up or just a place that you love. Now, you can come up with your own region and theme in the way we've done here, just from your own imagination. But sometimes it's hard to know where to start or just to make a decision. And one fun way of coming up with a prompt for your map here is to actually use Catch EPT. So I have Chad GBT open here, and I have a prompt that I've written based on the project in this class, and I'll just paste it in here. And I'll leave this as something you can copy and paste in the class projects page. But here's what it says. It says, I'm an illustrator. Pretend you're an art director at a magazine, and you're reaching out to me with a briefs to create an illustrated map. So we're basically asking Chad GBT to pretend it's an art director client who's assigning us this project. So the map should be a better region rather than a town or city and should feature five points of interest as illustrated icons. So I'm just feeding at what our project should have, all those guidelines that we've already gone through. And I give it more specific information about that, give it some examples of what I mean, and let's see what it gives us. So I'll just quickly go through what it's spat out here and give you some tips and maybe some warnings as you do this method if it's what you choose to use. So the thing that you're really looking for here is what is that theme in that region? Then what are those five points of interest? Everything else in terms of guidelines and style pointers and stuff like that, you can take from this class. Here it gives us illustrated map of the NAPA Valley wine region. And then it gives you a little bit of an overview of what that looks like. Of course, it gives you a theme. The map should highlight Napa Valley wine region with a particular focus on its renowned wineries vineyards and picturesque countryside. Then it gives you a list of five examples of what those might be to call out as illustrated icons. Then everything else you can take or leave depending on how it aligns with this project. Now, my warning to you is that you really have to pay attention to the accuracy of what Chat GPT gives you, even though feels like a realistic brief to me. Some of the information that it gave me when I tried this before was a little bit off. The brief that Cha GBT had given me was called savoring NAPA, and it gave me these five points, including this Old Faithful Geiser. Then I just asked it specifically, how is the geyser related to the savoring Napa Valley theme? Then it said, you're right, Old Faithful Geiser of California doesn't fit perfectly with savoring Napa. It just re stated the brief and made a few changes, and it ended up with a nice set of points that I felt I could enter into. So you don't have to use the Chat GBT route if you don't want to. It is just a tool that we can use to each come up with our own unique theme and region and five points without having to overthink or worry about making all of the right decisions. Sometimes it's nice to let the computer do some of the thinking, and then we can just enter into the project. One other thing that I like about using this method is it resembles the experience of working for an art director, where you don't get to choose what they're coming to you for. Of course, we can ask Ca GBT to make some changes or give us some new suggestions for regions or points of interest if we're not satisfied with what it gives us. But in most cases, we're not able to do that with a real art director. I like the challenge of working to a brief rather than making up the brief myself. And so that's what I used for my own project in this demonstration. Once you've come up with your region and your theme, it'll be time to start plotting out your points in Google Maps. That's what we'll do in the next video. Oh. 6. Plotting Your Points in Google Maps: In this video, we're going to plot out our five points of interest using Google Maps, and this just really helps us start to plan the composition of our map. I'm here on my browser. I have Google Maps open on my desktop, and of course, you can follow along using your iPad as well. I just recommend that you use the browser version of Google Maps rather than the Google Maps app because some of these steps are specific to the browser version, and they're not available on the app. If you find that the app keeps trying to force itself open as you're following along, you can temporarily disable or uninstall the app and that will make sure that you stay in the browser version. In the top left corner, you'll see that little hamburger menu. You can just hit that and then go down to saved and then head over to maps. And then go down to the bottom where it says Create Map. This will get you into the create a new map area. Just hit Create if you get that little pop up box and you can start plotting your points. I'm going to start by giving my map a title. I'll call it Napa Valley Inky Map, and that will just make sure it's easy to reference later if I need it. And I'm just going to go one by one plotting of my five points. So the first point is Castello D Aerosa, and that will take me right to that point on the map. And all I have to do is click that little plus Had to map. And I'll do that with my second one, Oxbow Public Market. Just to add that to the map as well. Third one is I missed the second one there Sterling vineyards. Here it gives me a few options. I see Calistoga, Colona British Columbia, and there's a few others. I'm going to start by trying the one Calistoga and just pulling back to make sure that's in the area. I think that looks good. I will add that one. If you're working with the client and they give you a point that has multiple possible locations, of course, you want to be clear on which exact point your client wants you to include on the map. Once you have your five map points plotted out, you can zoom out so that you see all five of those. What we're going to do is take a screen grab of this map. What we're looking for is, what is the overall shape or orientation of your points? Mine are very clearly in a vertical orientation. This gives me a strong clue that my map will actually be in that vertical format. I'm also just looking around for some contexts that I can use in my map like there's a lake. I think the lake is going to be an important feature if I can include it. So I'll just see what zoom level I need in order to capture all these points. If I zoom in just one level, it cuts them out. I want all five of those in view. Then I'll just take a screen grab hitting shift control command four, and this will capture all those points. Now I'm here in Procreate. I'll just create a new canvas at the default screen size. Doesn't matter. I'm going to swipe down the three fingers and paste that Google Map screen grab here. So be sure to keep your original Google map that you just made handy because there may be times when you want to reference it for more detail, but hopefully we have everything what we need in our screen grab here and procreate. Now in the next video, we'll actually begin using our pencil to start sketching out our base map. 7. Sketching Your Base Map: All right, it's time to start sketching our base map, and we'll probably do our sketches in a few different passes or iterations. In this first pass, we're just going to be copying. We're basically tracing over our Google Map screen grab. I'm here in Procreate, as you can see, this is just the Canvas where I pasted my screen grab. I'm just going to copy that to my clipboard. And then head out to the gallery and create a new Canvas. We're going to create a new canvas that will be in the exact dimensions of our final map. So we'll just hit the little new Canvas icon there. I'm going to set my DPI to 350. That's just a reasonable output resolution that I would like to work in when working for a client. Then I'm going to set the dimensions in inches or the units and inches. That's just because I understand what an inch looks like versus what does a few thousand pixels look like, I don't know. I'll set my height to 8 " because I think that my map is going to end up being more in a vertical orientation, and my width will be 6 ". The reason that I wanted to set high DPI first is that if you try and set your width and height first and then you go and change your DPI, things can get a little bit glitchy and procreate. That's just what I found. Now, if you want to go and change of color profile settings and stuff like that. You're welcome to do that. Also, I usually work in S RGB and all those numbers that you see there. I'm going to hit Create. Will take me to my new Canvas. Right away, I'll just paste my Google map in my view here and work out a good crop of that. As I'm cropping this, I'm just making sure that all my points are nicely within the map area or the frame there with some room to breathe around. I don't want my points of interest too close to the edge. Maybe I'll leave about an inch or so of space all around. I'm also looking for what geographical features I can include such as lakes and mountains or roads, and stuff like that. It looks like I more or less have something that I think is going to work. I'm just going to commit that and start tracing over it. I'm going to set the opacity of this screen grab down to about 50%, and that will just allow me to see it without it dominating over what I'm sketching here. Of course, I'm going to start by just tracing in the Geography. I'm following the contours that Google Maps gives me, but also being a little bit Lucy goosey. I'm not getting every single detail. I just want to make sure that everything I'm representing in this map is where it should be. That's the purpose of this first stage of sketching. Those are my bodies of water. Next thing will be some roads. Now to do these roads, I'm going to choose a thicker brush. I'm going to head over to painting. This is a brush everybody will have. That's why I'm going to use this one. You don't have to buy any special brushes for this class. So I'm going to just use the painting flat brush and it's set at about 3%. I added a little reference tick there in my slider just to remember that that was a thickness that I liked. If you'd like to do the same, let's just say you're working in I don't know, 10%, which is probably fairly chunky. It is. But let's just say you like that size, you want to use it, and you don't want to have to set it or remember it the next time. You just tap that and then there's a little plus sign up in the top right of that flyout, and that will add a tick for that size as well. Okay, so I'm just going to follow these roads in the usual Lucy goosey fashion. And it just so happens that the detail in terms of the highways that this screen grab has is pretty sparse. It's not like there's a crazy amount of roads and stuff that I might encounter if I was doing a more urban area. I'm going to start just by including everything that I see, making sure that I get some of these intersections correct. Just for now. Those white roads are more minor roads, and I'm just choosing right now right away not to include any of them, especially since none of my points of interest fall on those roads anyway. Now I'm going to take the capacity of that roads layer back a bit. This is a good reason to work in layers when you're sketching a map out because you have all these layers of information, and sometimes you want to see what's behind one of them, especially as things start getting really detailed. So I'm going to just erase out of where some of these highway numbers are, and I'm going to just rough in those highway numbers just from my reference. I probably won't include all of these route numbers in my final map, but it's good to have them as reference right now. Of course, I want to go back to my pencil brush. I'm not too worried about the design of things at this point. I'm just sketching things in pretty rough. As long as it's somewhat legible to me, you can see that I'm just placing these route numbers right over where they are in the Google map and they more than likely will move once I start actually customizing this map in future sketches. In the next layer, we'll start plotting out our points of interest and those are, of course, these blue pins that I added in Google maps. I will just make sure that I label them right away so that I know which is which. I'm just referencing my interactive map, and I see that way up here is sterling vineyards. Remember that we're not worried too much about the design or how things look at this point. It's really just for reference. Now, it looks like my river ends right at that point of interest. So before I go further and I am distracted by that, I'll just extend that a bit. I also just want to make sure that the geography sketches there aren't dominating my view either. I want to see each layer for what it is. Once you've established your points of interest, the other thing we can do here on that same layer or a new layer, if you like, is maybe adding in some surrounding cities just to give a bit more context. If there's a point of interest dot at a given city, I'm not going to also have a dot for the city. I'll just put the city name there. And chances are because of crowding, I might even not have the city name there. It all depends on how things line up. Similarly up here with alstoga, I'm just going to indicate it with lettering without a dot because we already have sterling vineyards pretty much in that place. One of the last things to add here are some cartographic symbols. This goes hand in hand with geography where we have these mountainous areas. Just going to make my brush bigger there. We have these mountainous areas kind of coming down from the northwest to the southeast and Napa Valley kind of nestles between these ranges. So I'm just kind of roughing in with some shading here where mountains might be. I might just pull that back a bit, so it's not so dark. And Because the map that I'm going by actually doesn't have a lot of geographic information. I'm heading over to my interactive Google map here. You can change the base map style. If you're in this view, you can change your base map style to something like satellite view where you can really see what is physically there. So I can see that Napa Valley is a drier valley down here. Is a river that flows between these ranges, and then the ranges are these mountainous areas with trees. So I'm just going to rough in some mountain symbols here. It's nice that these follow a continuous direction, leading the eye down through the map. And that's one of the things I would recommend when you're adding mountain symbols or other symbols that are repeated a lot within a map is that they cluster in groups rather than just being evenly peppered throughout the map, and that just makes for a more dynamic and interesting composition. So even within these groups, I can group some of these mountains in more clusters. But also at this early stage, we're not too worried about being innovative or working outer composition. It's just something I'm thinking about a little bit ahead of time now. Of course, I want to add in some trees, and again, following that principle of not peppering them evenly, but clustering a few of them together. Whether you'd like to include more details really becomes a matter of opinion and what you like to see in a map, as well as what information really helps tell the story. What's interesting about this area in between these roads or in the valley here is that there are actual vineyards that criss cross in there. And I'm just deciding to leave those out. It just feels like it's a lot of detail. And I'm just looking for other possible things I need to add in this first sketch before I move on to the second stage of sketching. I forgot my water cartographic symbols. So I'll just add those roughly in there. Same with the river. This is really just for my information for now. I may or may not include those Once you're pretty sure you're done, you can go to your layers and actually hide or disable your Google map, and just take a look at what you sketched over it. I mean, already, this is looking like a fairly convincing sketch of a base map. My only issue with it is that it's more or less directly traced over Google Maps. As an artist, as an illustrator, I want to make that a bit more unique. And also for copyright reasons, I don't want to have something that's so close to my reference. So once you're done sketching out your base map in its first iteration, we're actually going to change gears and start sketching our point of interest icons. And the first step that we have to do on the way there is hunting for some reference images. And that's what we're going to do in the next video. 8. Finding Your Reference Images: It's time to start the process of sketching our illustrated icons. On the way to getting there, we need to find some reference images so we know what to draw. I'm going to head over to Google and just do some image searching. I'm going through my locations, my points of interest, just one at a time and looking for maybe a maximum of three reference images for each, and I'll walk you through what I look for in reference images. So you'll see that I have my iPad screen shared in the lower right there. And what I'll be doing is copying my Google reference images to the clipboard and just pasting them directly into a new canvas. So my first point is going to be Castello D amorosa. And right away, I see that this location is a castle. It's a castle on a vineyard, and that's very likely going to be what I use to represent this point of interest. The question is, what photo gives me the information that I need. So I have almost a total view of the property in this photo. And so I'm going to use that, that might come in handy. And I'll move on to some other views here. Now, what I'm looking for, besides just the right information is, what's going to be a simple icon? And what's something that I want to draw? Usually when I'm doing an illustrated map, I want the icons to be relatively simple because the map itself is complicated. So the more simple or the simpler an icon is, the more it will stand out against everything else that's going on in your map. So this seems to be like an iconic view of the chateau or the Castello. This kind of corner view, three quarters view with the olive trees in the midground, and then the grapevines in the foreground. So I'll include that. Honestly, I think I'm satisfied with those as my references. I'm going to move on to the next one. This one is the Oxbow public market. And there might be multiples, I'll just be specific here, NAPA. And so what I see here is basically a grocery store, and it has that distinctive roof line. So I'll at least grab an image of that architecture, but I'm going to keep looking for something hopefully a little bit more interesting than that. I see images of the inside of the market, and it looks like a beautiful market, but the problem is that there's no focus. If I'm trying to draw a scene of this market on the inside, there's nothing really to focus in on and represent as a simple icon. Also, it doesn't look very unique. This could be any market anywhere in the world. We have a market that looks similar in Vancouver. I'm looking for something perhaps a little bit more distinctive. As I scroll down here, I see this distinctive sign, right away, that captures materest, because I love these vintage style signs. I'm going to copy that, paste that into my canvas here. Maybe this one here. The next place that I'm going to reference here will be the Sterling vineyards. Again, I want to make sure that I'm referencing sterling vineyards in Calistoga and not other locations because that is a multinational chain of vineyards. And so right away, I see that they have some pretty distinctive things going on. They have agondo. Not many wineries are going to have a gondola. So I'm going to get a view of the gondola that shows some of the context because agndola alone isn't going to show that sense of it being related to wine or being in a wine region. But if you get some of the surrounding area, like the mountains, and trees in this case, then that might help give some context. And I also see that the architecture of this vineyard or winery is pretty spectacular. It's this beautiful white stucco, I guess, building. And so there's a view of it from far away, kind of nestled in a forest hill. And then I'm going to get something a little bit more close up. So one option, as I'm thinking about what to illustrate for this one is just one detail of the building. So we have this bell tower under this arch that seems to be a distinctive feature that they've used throughout the building. And then those tall coniferous trees in the background, I like that. This is an example of syntky where we can represent a place by just one part of it, or we can represent an idea just by one thing associated with that idea. A lot of the times when you're coming up with an icon, especially an icon of a point of interest in a map, you can use this idea of synticy. You can use a part to stand for the whole. In this case, I'm choosing possibly. To use just the bell tower to represent the whole. CIA at Greystone is my next thing to find reference images for. Okay, so here we have kind of this old world style building with this distinctive architecture. And I look at a picture like this, and it's two too much detail for me to enter into. There's no real focus, so I'm going to keep looking. This cropped image here does show more focus. So I'll keep that as a possible reference, but I'm going to keep looking for something hopefully, a little more iconic looking and something that I'm more interested in drawing. One thing that's distinctive about this location is the palm trees in front of this old building. Those kind of really give you the sense of place. So I'll just do a little screen grab of that and maybe find a few more This is a good view here where it shows the entrance with that tower, and then it's framed on either side by the palm trees. And even though I don't have the full palm trees in view, I have another image there that I might be able to work from. At the same time, I realized that so far, I haven't referenced any actual wine thing in my reference images yet. So I might just also want to see what kind of wine references I can show related to this location. This is the culinary institute at Greystone, so they probably do wine tasting, so I'll just do a little search of that. Right away, I get this guide here or this smellier. Now, I will copy this. And pace it here in case I decide to use it. And I have some more thoughts about this particular picture that I'll share once we actually start sketching. Okay. So That's four. So I have one more point of interest to reference here, and that is V Sui winery. Now, I'm just going by what Google images shows me when I search these places in general. But there's a good chance that in the brief that Chat GPT gave me, there are some descriptions of why it chose those places or what it wants me to call out as a feature of that location. Maybe just to be safe, I'll go and see if there's any information that I can glean from my brief from Chat GPT. Here in the points of interest listing in my brief, there is a little note for each one. I have a 13th century inspired Tuscan Castle and winery offering tours. That's where Costello Damerosa. Showing the castle is a good decision for that. Then Sterling vineyards is known for its aerial tram ride offering panoramic views of the valley. Featuring the tram or the gondola is probably a good idea. And then Oxbow public market, which is kind of general. It's like basically it features all these things, wine, food products. So I think showing just the sign with the logo and that distinctive little ir at the top top is probably going to be a good idea. And then the Culinary Institute of America at Greystone. This one does say that it's a historic building, and it offers culinary classes, tastings, and an amazing on site restaurant. I might be on the right path with that one as well. Then with Vs Ty Winery, it's a popular family owned winery known for picnic grounds. I might want to show some kind of picnic reference. And gourmet deli, and that's where we are right now. So the building itself, I don't think is very distinctive, and I don't think I want to include yet another building among my icons. Sometimes it's harder to find a reference that you feel excited about including as an icon. Like in this case, there's a lot of photos of weddings, so there's pulled back scenes with lots of details and lots of people, and that's certainly not what I'm looking for. You know, there is a little place setting here that might inspire some kind of icon that represents being outside, having a picnic, a lot of weddings. Okay, I found something that I could definitely get into in terms of illustrating. So I'll just copy and paste that food truck image into my canvas here and maybe one more view. In terms of being an appropriate icon, a food truck represents not just the wine or the winery because it has a logo on it. It represents the eating part and the fact that they do have good food at this place as well. It's an appropriate icon. I'm just going to indulge myself one more view of that truck, which is the side where they serve the food from, which might be important. There is one more group of reference images that I'd like to look up, and that's just the NAPA wine region in general. That will just give me a sense of the vibe of the overall place besides the points that I've collected those other reference images for. I'm going to go back into Google, one more time, and just look up NAPA Wine Country and see what it gives me. I can see that they have, for instance, this iconic sign, and people apparently stop by and take photos in front of it. So I'll just do a grab of that sign. I'll copy that image and just paste it in here. And otherwise, the images that I'm finding here are really stuff that I already know based on the previous searches that I've done. So vineyards, there's mountains. It's a bit dry down in the valley, and it's more or lush up on the mountains. So if I need to reference those later on, I know where to look, but I think I'm pretty satisfied with my reference images, and now it's time to start drawing them. And that's what we're going to do in the next video. 9. Drawing (Icons) From Your Reference Images: In this video, we're going to start drawing from our reference images. Now, in my classes here on skill share, and in my own process, I have these two modes of drawing, and these are mode and i mode. O mode means observational mode or observational drawing. We're observing our references. We're drawing from our references. We're not trying to come up with ideas. We're not trying to be fancy. We're really just drawing to see. Then in i mode, this is imagination mode, sometimes I call it ideation mode. This is where we start trying to bring an idea or some kind of personal angle to whatever the subject is we're drawing. We'll get more into mode in a moment, but what you need to know for this video is that we'll be drawing observationally. We're drawing an mode. To start, I'm going to be drawing Castella D Emerosa. I'm more drawn to drawing from this reference because it's less complicated. And in spite of the fact that I encourage my students to draw an mode first without pressuring themselves to come up with ideas. The reality is that as I draw, I am thinking about the next step. As I'm drawing observational here, I'm also thinking about whether it's going to make a good composition or whether I can make the drawing more unique in some way. Especially since we're copying these reference images, we want to be careful not to plagiarize them. This is especially important in a recorded class where I'm encouraging you to basically copy a photographer's work or to draw copyrighted architecture. So it's important that eventually we bring these things away from the reference. These references are just there for our actual reference, and that's it. The information that I'm learning from this particular reference photo is, of course, that it's a castle, with these towers, with these classic crenylations at the top. Those are the little square bumps that go up and down. Then there are these what appeared to be all of trees in the foreground on the lawn, and then there is, of course, a vineyard in front. Then with this one, even though I am resisting, every bone in my body is resisting, drawing this because of its complexity. I think I can still learn something from it that I might be able to take with me as an option later. You can see that even though I'm drawing observationally, I'm not necessarily drawing realistically or every detail. Depending on what you want to do, you can get really detailed here, but I always allow myself to just not have any other goal here, but to learn about what I'm drawing so that it gets committed to my memory, and then later on, I can hopefully draw something about it from memory in a much more personal and stylized way. I am going to stop drawing that right now because as I'm drawing, I'm feeling like it's already too complex for the icon that I'd like to bring to this map that we're doing. Going to hop over to the next set of reference images here. This is Oxbow Public Market. I've already made up my mind that I'm going to draw for this as my reference because the other ones are just too complex, and I really want these illustrations to be simple. I've also made up my mind that I think the sin is a much more interesting subject for this icon. It's out of the images that I've collected here. It's definitely the most distinctive and iconic of this place. Otherwise, I'm just drawing the front up a grocery store. What I really like about this particular sign is it is right up my alley in terms of being retro. I love this kind of stuff. Big giant arrows that point you to where you're supposed to go. Again, I'm just drawing to capture some of these details in my memory. It is not meant to be an exact copy. You don't have to be a good drawer to draw in mode. I will say that sometimes the drawings that I make in mode end up becoming the sketch for my icons or other types of illustration that I end up doing. But it's never the goal. It's always like a nice, convenient Almost lucky situation that it turned out. One detail that I love about this sign is this frame that it's set against. I'm just drawing that to remember. There is some texts on the side of there as well, but I'll just rough that in. That's the Oxbow public market. I think all I will need is this sign. I won't need anything else to represent that. I'll just moving into the Sterling vineyards point of interest. As I'm drawing these reference images, I'm remembering that in my brief, the thing that was called out about Sterling vineyards was the gondolas, or they call them the tram. I'll just start by drawing that. Again, just trying to get a sense of what do these gondolas look like so I can come close. In the representation here. Again, I'm getting a little bit mixed up between my i mode and my mode. The goal right now is to draw from reference to learn what this thing looks like and to commit some of that to memory. You can draw it from heart in mode or mode later on. I just want to include a few trees just to remind myself later that I might want to show some of that context, and I'll just make that a little bit smaller. The other thing that I thought might make a good icon is this bell tower. That's very distinctive. We have this arched hole. That pops up. There's a bit of a dimension there, part of the side, and then, of course, on the inside. One thing that I think is pretty interesting here is these beautiful, almost artificial trees in the background, very, very tall, and slender that I also may find interesting to include The next point of interest to draw on mode four is the Culinary Institute of America at Greystone. I told you in the previous video that I would explain a little bit more about drawing from a reference such as this smelle giving a guided tasting, presumably at this particular location. What I don't want to do is copy this photo in drawing, even if it's in my own style, even if it's drawn by hand, even if it's not realistic, because if I go and copy this basic gesture, in a way that perhaps the photographer or the owner of this photo could say, Hey, that looks a lot just like I'm going to pretend her name Sandy. That looks a lot like Sandy doing a tasting because I drew her in a way that the photo is representing. This is maybe too close to the reference, and in OM, you don't need to worry about being too close or copying your images because only you will ever see these sketches. These aren't going to be something your client sees presumably. Me drawing her like that right now, is fine because I'm just referencing. Now, I'm going to show you just a couple steps ahead here, what I would do in I mode. So I would put that reference away. And I would of course, remember the smell that I drew. I'll remember that Sandy was standing with a bottle of wine in her hand, but I'm not going to draw Sandy anymore. I'm going to just draw, maybe this is Andy, and Andy's wearing a suit, and he's holding a glass of wine. And he's talking to a crowd he has his hand and he's gesticulating making big gestures, and maybe Andy has a beard. This is just one example of how later in mode, we'll be trying not to draw exactly from our reference. I just do that for my head, and nobody owns the copyright to my memory. I'm going to put this guy down here. There's Andy and Sandy. And I'll move on to another thing to represent here. There's this distinctive architecture, this old world style building. There's the tower and then this larger portion where the entrance is. You have this arched door that I can see down here, and just try and get the sense of what these windows are. What are the details? There's a tower there. There's some bushes in front. Then the thing that I like most about this particular view is that you have these palm trees framing the entrance, and those palm trees really make it feel Californian. Super tall palm trees with the tiny little palm palms at the top. I'm not going to draw the rest of the building. That's all I need to reference. This is a case where I'll probably end up illustrating my icon. In a very close way to this because even though I'm drawing an mode, I tend to copy things in a very stylized way anyway. Hopefully, the way I've copied this, the way I've changed the view a little bit more to the front and more straight on and the palm trees are in a slightly different location. Hopefully by doing this, I've removed what I'm drawing away from the reference. We're going to move on to the V winery, and I'm just going to choose one of these food trucks. I mean, it's all the same truck, but one of these views to illustrate or draw mode, I should say. I think the side that makes the most sense to draw would be the side where they serve food from, since it is a food truck. I can see that it's almost like a mail truck or a delivery truck of some kind. I'm not too worried about copying it in its literal detail. The idea of this truck, enough that you can identify it and relate it to this particular food truck at this particular winery. This has a lot of different things that I could use to do that, like the red bottom and the white top. Of course, this awning, here's a little hint of that logo that panel there, and there's a bare out front. By the wheel. Then maybe just one more view, something more just side profile, very loosely referenced here, probably too loosely referenced, but it's okay. There's a logo and the bottom part is a graphic along the top there, and there is a chimney at the back. Maybe I'll include that chimney on this one as well. At this point, I've drawn from reference images for my five points of interest. If you remember, I did collect one extra reference photo. This, welcome to Napa Valley sign. I don't know if I'm going to use it, but I'm going to just draw this as well, commit it to memory, and maybe I'll be able to use that as well. It's basically a brown sign part at the top on legs or sticks, and then there's the word Snapa valley here. Again, not super detailed, getting the gist of it. There's a bunch of grapes. Then there's this val part of the sign here with more words. The thing that I'm thinking this might come in handy for is possibly a title in the map. If I have my map doing this thing, maybe it would make an interesting welcome to Napa Valley or something like that. So title for the map. But I'm going to lead it like that so we can get into the next step, which is refining our overall Map sketch. That's what we're going to do in the next video. M. 10. Drawing Your Refined Map Sketch: All right, it's time to start refining our sketch. In this video, we're going to be resketching our base map and then overlaying our mode point of interest icons. Basically, we're going to be sketching the map in its entirety, including the icons and the base map. The first thing I'm going to do is duplicate the base map sketch that I did before, and I'll just start working over top of this. I'm going to just merge all those layers together of my sketch, and then maybe just take it back in opacity so that I can see over it. Sometimes what I like to do in sketching is actually set my original sketch layer to multiply and then work beneath it. That way, the original sketch is always visible. O top everything else that I'm adding into the Canvas. Of course, I'm going to start by redrawing the geographical details, the land, and the water. In this round, being a lot more simplistic. I'm stylizing all the different water bodies and rivers in a way that is much more approximate. I'm not totally inventing things. I'm trying to follow the contours as close to reality as I can without it being super literal and super copied from my Google Map reference. That's my water reference there. The next thing that I want to add is the roads. Just like the last time, I'm going to add a layer for that. I'm going to head over to my painting brush. That flat brush in the painting set, and then go back over these roads. But this time I'm thinking, do I need to include all these roads exactly as they're shown? I might want to simplify it just a little bit, even if it's just in the paths of how the roads are drawn, getting a little Z with some of those angles too. People aren't using this to drive around with. This is more just about the vibe of Napa Valley. Doing what I can to simplify and stylize, include a bridge there. I like that one. And then Well, it turns out, I'm keeping all the roads because there's not that much detail in them anyway. And so I'm going to just scale that back and add my next layer, which will be the points of interest. This is where I just want to double check what side of the river is that Oxbow market on? It's on the west side of that river. Currently, it looks a little bit more east. Any local would catch that and probably identify that that's incorrect. Those are my main points of interest. Those dots. For now I'm going to leave the labels off. And I'll just start adding the smaller city or town dots, and I will add the labels for those. At this point, I am being a little more mindful of the typography. What are the styles that I'll be using for these little town names for the town names, I will be using a script font or a lettering style, which is what I usually do in my maps anyway. I'll make NAPA slightly larger and kind of go back to my geo geography lay and just erase a little bit of that river, so NAPA is visible. The reason that I don't want to add my labels for my points of interest yet is because I'm going to be drawing in my points of interest illustrations very shortly. And so those labels will probably be in the way, and I'll want to figure out where they go after I draw those in. At this point, this is where the steps are laid out in a different order than what we did in the first sketch through the base map. We're not going to get into the rest of the cartographic symbols or the labeling. Now is a good time to start planning what those icons will look like. Now, you can go about this one of two ways. The first way is to draw all your icons separately and then cut and paste them into your map composition later. I very often work in that way. But today, I'm actually going to draw them directly into my sketch here. I'll draw them each on their own layer so I can move them around. But by drawing them into my sketch here, it will help me to remember or be mindful of the overall composition I'm going to be working in, and therefore, avoid the temptation to get too detailed in those i mode sketches that we're about to do. So I'm not looking at any references as I'm about to draw these points of interest. You're welcome to do that. There's no challenge here. You're allowed to reference things or not however you'd like in your drawing. But just to demonstrate how Imo drawing works for me, I'm going to practice what I preach here basically. Maybe I'll start with the Culinary Institute at Greystone. I can look back and see that there is this space all up here in the top middle, and that's where I'm going to draw my icon. I think I'm going to go with the entrance to the building rather than the smellier. We have this part here. I remember there being a bush here and a bush here. There is a tower at the top of the tower, like a lightning rod or something, and then two palm trees framing the building or framing the entrance, and that just happens to fit nicely there. I'll probably go back in later to label that. The next icon that might fit here is the V food truck. I'll remember to add a new layer here and get going. Now, I'm going to simplify this from what I drew in my mode. In my mode, I remember drawing it at an angle and you could see the front. But I want to keep this pretty simple, especially for the style we'll be working in. So I'm going to make it all just kind of flat. Except for this awning, the awning can be on a bit of an angle. Otherwise, it's hard to show. And then there is an open window here, and then some kind of a logo panel here. Of course, we had that red bottom and the tires are getting eaten up here. I'll just redo those a little bit smaller, separate, and then perhaps we'll include the barrel. And then of course, that funny chimney thing. That makes this food truck look very food trucke. Now, as I'm drawing this, because of how close the icons are and some of them are a little bit crowded up in the north west area here, I'm going to use call out lines just to make sure the connection is clear, those call out lines will probably have to be temporary because I'll be moving these things around. I'm going to go in and add my third icon and the easy one to do and fit will be the Oxbow market sin. I'm not going to have a hard line down at the bottom, just to indicate that this continues down. There's more to it. We'll just make that equal to the relative size and presence of the other icons. I don't think I need a call out for that one. Just yet. It's pretty easy to remember. Now, for sterling vineyards, we had the gondola and the bell tower. Which of those is going to make the most interesting icon for this composition that will also fit in? I was tented to keep it super simple and do the bell tower, but I think the gondola will make for a much more meaningful and interesting icon, and I don't think it will be overbearing. I can still keep it pretty simple if I just remember not to get too detailed. I know that I'm glossing over some of the details that are on the actual thing and that almost the whole gondola car, like the part that you go inside is glass. But I'm going to keep just a part of it white and that will just because in my simpler style, I need something to give it a little bit more shape and definition and variation. And then I'm going to add just a tiny bit of context here. We're going to have the mountains and a few trees, maybe one closer up. That has to go up here somewhere. I'll just leave it up there and I'll deal with it later. The last icon, of course, will be Castello D amorosa, and that was just the turret. I think for that one, especially because things are going to be very tight up there. I'm going to just stick with I think I called it a turret, but it's actually I don't remember what that's called. We'll call it just a tower. But that up here, and then start to move things around until we come up with an organization or an arrangement of these icons that will work. The goal will be to have each of the points of interest line up in the same order in which they would be if you were driving along this route. We'd want the gondola for sterling first, and then as you go down the route, each of those locations will appear as icons in the right order. That's my goal, but I'm not sure it will be entirely possible just yet. I'm also rearranging my layers in the same order so that I don't get confused as I'm trying to reference them here. If you'd like to select a layer without having to go through your layers panel here, you can just hold your finger and long press over an element in your canvas and it will either select that layer or if there's multiple layers, it will give you an option of which layer in that particular point you'd like to select. I would like to select my gondola here and then move it. The other thing that I want to be careful about is when I start adding call out lines, I don't want them to criss cross all over the map and create a jumbled web. I had this goal of having these icons in the correct order along the route, but I'm not sure that's working out. For simpleity sake, I'm just going to merge those layers altogether, instead of having to select around each one. I can always cut them back out if I need them. Just remove these call outs and then add them back in and see if this works. We have the CIA going this way, setui going this way, Costello, going down that way, and Sterling coming up there. I think that works. If I change my mind, I can always move those around later. Important to get your composition right in the sketches though, because once we start actually finalizing our illustration, the way we'll be working, it is actually going to be really annoying to try and make big changes like moving an entire icon. I'm pretty happy with how the icons have landed here. Now I'm going to start fleshing out the rest of the map. That means adding in the geographical symbols and the labels, and basically finishing the total map composition. We have our icons, we have our roads, we have our geography. The next thing that I want to do is add some labels. Now, as I move along here, I'm feeling like maybe I'd like to see those icons a little bit more. I'm going to create a new layer that I'm going to tuck underneath my icons. I'm going to use white with my pencil at a tilt there, just sheet in a little bit of background. Right now, it's really just separating the icon sketches from the roads because that's really the only layer under it as well as the points of interest. Maybe what I'll do is I'll group the icons and that white background that I just drew in and bring that below those points of interest or those dots. I'll just rename that as icons. My whole group is going to be called icons. Now I'll just continue with some labels. I'm on a new layer, and I'm going to start adding in labels for each of the points of interest. Now being mindful of my lettering. I have script for the little town names. Now I'm going to probably do just simple upper case all caps for my point of interest labels. As I'm adding in these labels, I'm not being precious about the execution like how I'm drawing each letter, but just indicating the style in a more sketchy way. I'm adding the labels for these points of interest beneath them. That's just something I'd like to keep consistent for each point of interest. Now, for Oxbow Public market, I don't think I need to add a label. It seems like that would be redundant. I'm just going to leave that. The other labels I want to add in, of course, are my road or highway numbers. I don't need as many labels of these highway names as possible. If you remember, my reference is Google Maps, which is trying to help you actually navigate the place. In this case, I just want a little bit of a reference. I'll put a 12 in a circle there. For H ighway 12. One thing I didn't indicate in the sketch here is the name of this road, which is Silverado Trail. And then every now and then, I can reference my map. I believe this is Route 121, and we'll say this is 29. It might not even be necessary, but adding some of these mapping details can just make your map more fun. I find that some clients ask me to remove those extra details on others love them and they want me to leave them in. I think I got this one wrong, that's 128, and this one's 112. Now it's time to start adding in those geographic symbols because I probably will shade in the land differently depending on what the geography is, I'll just indicate that. By just shading that in with my pencil in this way. By that, I mean, the mountainous areas might have a bit of shading of some kind, some different coloration compared to the valley down here. Then of course, the water. I just want to make sure that I identify that as water. I might even want to add the label of that lake name, which is Lake Berry sea. And of course, my mountains. I think I may have gone a little bit over the top the last time. I'm going to be a little bit more sparing in my mountains, remembering to group them in little clusters. But they should also together kind of flow from the Northwest down to the Southeast, and then adding in some tree icons or symbols. Now, I think I'm ready to hide my original sketch and see how my new sketch is looking on its own. As you may recall, I put my original sketch at that top layer. I'll just turn that off. Let's see what we ended up with. I think that's look like a map sketch. So I think what I want to do is just Make sure those icons really show forward. I will bring those up to the top layer. I will also bring those labels up to the top layer as well. Maybe even add them over top the white backgrounds that I penciled in there. I'll go to that white background and just add a little bit more beneath everything in that layer group to help sit it apart from the rest of the map, which will be much easier to reference when I'm illustrating over this. It alludes to some of the creative decisions I'll actually make in that final map as well. Now, one last thing that I want to consider before I'm done this step is whether I want a title. You'll remember that I had that Napa Valley sign and I thought maybe I could use that as a backdrop or a holder for the title. Now, I feel like having that whole sign in addition to all the details that are happening here in this sketch might be too much. But I'm going to loosely reference it. Just make sure that I'm on a new layer here by doing something like it, but not exactly. I just want there to be a space and some holder for what this area is called, which is, of course, Napa Valley. What I'm thinking and I'm just sketching it in here to see if I like it. Is a similar structure, but just simpler. Then maybe use one of those elements from the sign. It had that oval shape. Maybe they'll be something on the side here and I'll make room for a detail here. I'll move that sign, the oticle sign over. Maybe this panel here could say something about what the theme is. I think that was like savoring Napa valley. But the way it falls here, I couldn't write that. It could be like Napa Valley wine tour, or even just like a bottle of wine because I don't actually have anything specifically wine themed on this map at all. There was that grape motif on that sign. This is a detail that I think I have to work out. I'm going to work it out right here in this sketch. And see if I can figure out something that I like. Maybe put the wine bottle here, and the wine bottle we'll say savoring because that's what the theme name was from my chat GBT brief, savoring NAPA. I think the original title is savoring NAPA savoring NAPA, actually, but I'm going to put savoring NAPA Valley. I'll leave it in the sketch and I may decide to keep it or not later. I'll move this guy up here a little bit. Now that the Oxbow market sign is out of the way. I feel like the Napa Valley title can come in a little bit larger down at the bottom to read more like a title rather than a point of interest. I'm pretty happy with how this sketch turned out. It's still a rough sketch and there's some refinement to do yet, but I honestly believe that I have everything that I need in order to start the actual illustration part. I do recommend that you get your sketch to a point where you're pretty happy with it because making changes past this point are going to become difficult. Now, once you're done your sketch and you're satisfied with it, we can start to build our illustration over top of it. Now, before you go and do that, this is a great time to share your work on the class projects page. Along the way to those final illustrations, we're going to make some inky bits using ink and paper, and that's what we're going to do in the next video. 11. Making Your Inky Marks: Okay, in this video, we're going to do what might be the most fun part of the whole project, and that's getting our hands inky and making some inky marks and some inky printy textures. So we're really going to be focusing on making two kinds of elements here. We're going to be making stamp brushes, and those will be used for repeated elements like our cartographic symbols. That would be mountains, trees, waves, location dots, and stuff like that. And then we have textures, and these textures are going to be applied to the whole composition, and that's what's going to give our illustrations that analog feeling. So I'm just going to show you what's on my desk here. I'll change views. And what you're looking at are the supplies I'll be using. I'll leave a full listing of what these are in the class projects page so that you can know exactly what they are. But I'll just quickly go through what I will be using. So first, I'll be using sketchbook paper. So this is a medium tooth sketchbook paper. It's a little bit more textured than your average printer paper. It's a little bit thicker. And so that's a recommended paper type because it just has that extra texture that enhances the subtle quality of the textures we'll be making. Next, I have this it pen, so a NI pen is really just a metal tip that you dip in black ink, and then a holder. Sometimes these are attached, but speedball makes holders like this with these removable nibs. Now my nib is glued in there with dried ink, so I'm not even going to try to take that out, but that's a nib pen. Of course, having a few brushes might be something you want to experiment with. For my demo, I'll probably just be sticking with a nib pen, but this is just a flat brush and then a round brush, a small round brush. These came in a pack of like four that I got at the Dollar store. You really don't have to be fancy with what brushes you use for this kind of a project. Now, another interesting mark making device is this sponge. So I've just made it like a dabber by stuffing some paper towel inside and wrapping some elastics in it. What this does is it makes these spongy, grainy stampi things. I'll show you in the demo and that'll make more sense, but that's one of the things I'll be using. I also have a pencil with an eraser top. You can actually draw things with your pencil and use that as some of your marks as well. That's sometimes a possibility. But I have this eraser on the tip here, and I use this as my location dot stamp. I'll just dip that in ink and then make marks of that. Now we come to this funny thing, which is called a brayer. A brayer is basically a paint roller, but it's made out of rubber, and it makes marks like what you see here on this class. This is how we get our printy textures that are wider and broad and fill the whole canvas. Of course, for the ink, I will be using black India ink and block printing ink. These are two different inks that behave differently. This is more like watery, and this is more like paint. It's goopy and has a sticky or a tacky feeling to it. That's how we get this brayer texture. The last thing you'll need is some plastic or glass smooth surface for loading your brayer with. This is just an old picture frame glass, as you can see, I did wash it the last time I used it, so I probably won't use this today. I guess I could use the other side. But another thing you could use is just something plastic that you have lying around. This is an old screen protector for my iPad. I don't need it anymore, so I will be using this. What I like about this is that because it's not glass, I don't risk breaking it and then cutting myself. I almost forgot another important thing you'll be needing and that's some water in a jar. This will be important to wash your brushes with. It might also be a good idea to have some paper towel and something else to keep your space tidy. But be sure to cover your desktop too if you don't want black ink all over it after you're done. I don't think I need my iPad glove, so I'll take that off. So I think what I'm going to do just to start. This will be helpful when I start sampling these textures in procreate is just create a grid, and I'll make my marks my different marks within these grids, and that ensures that there's a bit of space around them, and that will make cutting and pasting things easier in the next step. So I have this scrap piece of paper here. I'm just going to use that to hold my ink so it doesn't get my desk too dirty. And now we'll start making some marks. And these are the marks that I will need in my own map. So I want to do some water, and maybe some trees. Now that got a little goopy there, so I might start again down here. You really don't need to work too big, but don't work too small either. You're sure to give your little groupings of symbols if you're working in groups some space that will be important later on. This is getting pretty goopy. I might need to just shake that off a bit. The thing about ink is that you just can't control it as much as you can something that's digital. Maybe I'll give myself a couple more options here for water. I'm going to need some mountains. I'm basing these off of what I have in my sketch. I think I had a few instances of grass like this, so I'll make one little cluster and maybe just one in isolation up here. It may be another one case I like that one better. Now, while we're at it, I don't have any of these in my own sketch, but oftentimes if you're working with interstates. You have these little badge motifs, symbols that contain the highway or root number. So I'm finding anything that requires a fill this nib pen isn't very good for. So I'll try something different for the circles. And that actually is a good opportunity to show you what I do at the pencil eraser. I just get that right in the ink, maybe dab it a bit and describe ink from my desk. What you want to do is just maybe load a little bit of ink on your paper and dip it in that and you can create these nice circular stamped circles, which at least in this case, are much nicer than What I did with the nib pen. So I can use these circles for highway numbers or I can use them for location pointers. I'll use a round brush and try those badges again. I may be a little larger this time. So I'll start with something that looks like this. This would be more for like a regional or a state highway. And this might be for an interstate. So now, before I get to carried away with the marks here. I'm running out of room on this paper and I still need to do some stamping marks. So I'll go and do that now. I have this lid, and I'm going to use that as a tray for my ink and dip it into it. So I use my dropper here. And maybe add a bit of water. I'm actually going to do something crazy. Use my dropper. And siphon some water out of my water jar there. And just use your sponge to kind of get it on your sponge and maybe dab it on some spare paper or your paper towel. I just create one mark. We want to be careful to make your marks as clean as possible so that you get this kind of grainy stampi texture without the smudge. I might try one more pushing my luck here. Just want to make sure that I leave room around the so I don't have to edit it out too much when I start making my brushes. Now, I'm going to be doing my lettering directly in procreate, just using a procreate brush, but you could also do your lettering on your paper. And if you know what all your labels are and what the styles are going to be, then you can just do that all on one page, scan that in and then copy and paste that into procreate into your final map later. So we're going to let that dry before I scan it, and now we'll make some brayer textures. This is a lot of fun. For this step, we'll be using the speedball block printing inc. This is black. And what I'm going to do is just put a line of b. If you find that it's liquidity like that, it just means that the ink and the oil or whatever is in here have separated, so you can just close the lid and give it a bit of a massage like that, that will help blend all the elements back together. Then to make a line like this. We're just going to load our brayer in this way. Now, you don't want to add too much ink here because if you do, it will be too thick, and it will go on and cover the white paper totally, and there will be no texture. And there's he point in that. We want there to be a bit of a texture. So let's just give that a try pressing with maybe medium pressure, not too hard. That's a nice impression. And we want three of these. Looking at these, I think it's a little bit too light. I want to try a texture that's just a little darker. So I'm going to let this dry and I'll try one more go at this. You might find yourself doing lots and lots of tries, and that's kind of the joy and pain of working in an inky style with these up, you know, physical materials. You have to get them to cooperate with you. You're not in digital land anywhere. Now I'm really loading up this by. You hear that kind of tacky sound like tires on wet pavement, and I will just try with a bit harder pressure. And that gave me a nice rich dark area with just a little bit of that salty paper texture coming through. That's what I want. That's 14. It is possible to get carried away trying to make the perfect textures. Sometimes you just got to stop yourself and scan what you've made and work with them. That's what I'm going to do. I'm going to let this dry and scan it, get it into procreate, and that's what we'll do in the next video. 12. Scanning Your Inky Marks: So now it's time to scan your textures and your inky marks and get them into procreate. So I'm going to be scanning mine on my flatbed scanner using my desktop. That is definitely recommended because it will pick up all the subtleties, especially on that printed texture we made with our brayers. Now, you can use a high quality camera, even camera on your iPhone or your smartphone, as long as it's of decent quality. You just want to make sure that you're working in a well lit area and that you're holding your camera very still to get the best possible quality. So I'm here in image capture connected to my scanner. I just want to make sure that I'm scanning in black and white. I usually scan these things in at 600 DPI. That's actually overkill for the size that we're working in in Procreate, but I'm going to stick with it just in case it will give me more options later on if I need them. I'll just hit command A and scan those bad boys onto my computer. While I'm here, I'm going to also scan in my inky textures. Now that I've scanned those, I'm just going to get those onto my iPad using AirDrop. We're back in my procreate gallery here, and I've already imported my scans from my photos app. To do that I just hit photo up here, and then it lets me select which photos to bring in here. So I will just open up the scan with those stamp symbols that we made. So that's the water and the trees and the mountains and all that. The first thing that we want to do with this scan is clean it up and prepare it to be turned into just black and white brush artwork. So here's what we're going to do. Going to go to the little magic wand adjustments tool at the top left there. And there's a whole bunch of different settings in this list here. The first thing we want to do is go to hue saturation and brightness and pull that saturation down to nothing. In my particular situation, you're not going to notice any difference, and that's because I scanned my inky stuff in gray scale. This artwork already is in just black and white. There's no color in it. Ever. If you shot this on a phone and then brought this directly into procreate, there's a good chance that there will be a bit of a color cast in that. Maybe what I'll do is I'll just show you what I mean. This scan here is from a photo. I just shot this photo with my phone and then got it onto my iPad. You can see that in comparison, it's a little bit more yellow, there's a bit of a color in this. To get rid of that color, we go to that hue saturation and brightness and we pull that saturation all the way down to zero. That just gets rid of any color information and turns it into black and white. I'm going to just go over to the little symbols that I was working on and we'll continue our process. We did the 0% saturation. The next thing we want to do is go to curse. This is where we're going to lose all that extra texture around our inky marks. There's the pencil marks, there's little tiny hairs and fibers. We want to basically have a purely black and white image where only the inky marks that we're interested in keeping remain. So I'll use maybe I'll keep just like the trees and these dots in view. I'm going to start by pulling the little point on the left of this chart toward the right. What you're seeing is that the image is getting dark and it's actually enhancing or making those marks even more visible. But what if I take this top right little point and drag it more to the left? This is where we start balancing out what we want in terms of detail. It might help to just zoom right in, so you can see some of the edges or subtleties, and you want to balance a certain level of detail in the texture with cleanness. You want to clean up all of that extraneous texture. It's possible to wash it out too much. Where that texture just starts to disintegrate. That happens when you pull the top right slider too far to the left and the opposite can happen when it gets too black by pulling the left slider too far to the right. So like many things in life, we want to be moderate and find that happy middle. You can just go all around and see how that treatment is working out for all of your marks. Hopefully you can just use one setting for all of them. I'm happy with this and anything else that still remains, that's maybe a little bit of artifact or something, I will be cutting out by hand anyway. You can just commit that by tapping the adjustments tool at the top there again. Once you're done making your adjustments to your stampi bits, we can go back to the gallery and do the same with our textures. I'll just walk you through one of these. Again, we have our scan, just raw from the camera or the scanner, and if you've taken a photo, it will probably be color. You want to drop that saturation down all the way to nothing and commit that change. Now we're going to go into curse and do the same thing. Kind of looking at all of this at the same time will be helpful. So just take that top right slider and bring it in to the left. But at the same time, take the left slider and bring it more toward the right. And what you want to do is just have pure texture. What you notice here is there's a certain lighting effect. It almost looks like a photo still. And you want to just purify this to the point where it's just black and white and as few in betweens as possible, and you're just left with that delicious salty peppery, greeny texture. These are my darker textures that I made with the brayer. And so I will lean into that and make these as dark as possible. This one is just going to be very subtle. It doesn't need to be crazy over the top. I'm going to stick with that and then maybe for my other scan, where I have these lighter ones, I'll make them a bit lighter, but we'll see. You can play around with what works best for you, what kind of texture effect you want. Maybe you want to play around with adjusting the curve from the middle. Sometimes that changes things too. I like to keep things pretty simple and just have these two points because to be honest, I don't know what the middle thing does. Of course, if you try one setting and you find you want to adjust it later, you can always go back to the original photo or scan and do this whole process again. All right, that's it for this part of the process. We've made our inky bits and textures, and we've scanned those, and we've made some adjustments in procreate, getting them ready to be turned into stamp brushes and texture effects or layer masks in some of the next steps. In the next video, we'll start by making our stamp brushes. 13. Making Your Stamp Brushes: Alright, it's time to start making some stamp brushes out of our inky bits, and that's what we're going to do in this video. So I'm here with my cartographic symbol scans loaded up. I can procreate. And I'll just start making a brush out of the water waves here. So some of the steps may seem kind of confusing as we go along, but they all end up getting us to where we want to be, which is ultimately having a stamp brush. So I'm going to go to the layers, and on that layer, I'm going to just invert it. This is going to make white areas black and black areas white. The next thing I want to do is crop in to just one cluster of symbols. So you can go to your wrench tool there or your actions menu. And then go to Canvas, and at the top there you see crop and resize. We're going to crop this whole canvas down to just one of these little clusters of waves. You can get it as cozy as possible. That should work, and this is where you can see it was important that there was nothing else that was going to be in this particular area of cropping. So I will just hit done. And then we have just those waves. We're now going to do three fingers swiping down to copy, and finally, we'll go into the brushes here, we'll go to the brushes menu. Maybe what we can do is create a new brush library, and I'll just pull up my keyboard here, and we can call this brush library maps. How about inky Mt brushes? The next thing we're going to do is hit flus, beside brush library up at the right there, and this is where we're going to start actually creating our brush. The first thing we want to do is go down to shape and the side bar there and go edit. And then we're going to go import at the top right there and go paste. And that's going to paste what was on our clipboard. Hopefully, it's still there. And then be sure to tap done, and that gets our first stamp brush shaped down. Now, right now it's just a brush, so it's doing this zany thing. We certainly don't want that. So we're going to go over to stroke path and bump spacing all the way to Max. This is like the key thing you want to do with a stamp brush is have max spacing. Now, as I'm doing this, I'm noticing that some of the waves are lighter in opacity depending on how I press my pen down and I want them all to be the same. I don't want there to be variation in opacity, especially in the style that we're working in. To change that, you go down to Apple pencil and the sidebar. There's a setting right at the top here and it's the opacity like how much opacity change you get based on pressure. Right now you get a maximum amount of influence on opacity based on your pressure, and you want to set that down to zero all the way down to zero, and now all my Little marks bear are exactly the same opacity. Now, we're going to go back up to shape to try to make a little bit more variation and what we're seeing here. So I'm just going to go down to shape properties and adjust scatter. And now you can see that there's a little bit of a jitter or randomization of how angled. Each little stamp impression goes down. I think if you make it just barely perceptible, it will just add a little bit more of a human quality to the work without it being too zany. I think it's possible to be really overly rotated with each one and that just obviously is going to look weird. So I guess, one last area of settings we can change is going down to properties. And we're going to tap the top button up there to use stamp preview. That just makes sure that when we're looking at the preview of the brush in our brushes menu, we'll see just the shape of the waves instead of like a brush of the waves, and that will help us identify it more visually. Now, we can also influence how big the max size of our brush will be versus how small it can be. This is something you want to play around with a little bit, but I think something like what was given already is enough, maybe 100% maximum size, maybe a little bit bigger. This just influences what the max size this brush will go down at with your brush size selector or setting. Finally, the maximum and minimum opacity here relates to the opacity slider when you're working in procreate. We don't need to change that. Sometimes you might want to change opacity settings. It's okay to leave that as an option. Finally, if you want to give this brush a name, you can go up to untitled brush here and just give it a new name. I'll call this one Water. We'll create a new reset point. And save. And that means if we change settings to this brush later, we can always just reset it back to the settings that we just made now. Now, we have a few other brushes to make, but it seems that we've cropped them all out. What should we do? Well, all we have to do is just undo that crop and then move on to the next thing that we're going to make our stamp brushes for. So we go back to the canvasize and do the crop this time to the trees, if that's what you like to do. That's what I'll do in my case. And just make sure that's cropped nice and tight and then hit done. Of course, don't forget to copy your image before going into making your brush settings. In your brush settings, we really want to just use the same settings we did with the water brush. This time, all we have to do is duplicate that brush and then go in to the shape setting, go edit. We'll go import and paste. Then in this case, my trees get pasted down here. And I'm going to hit done and done again. This gives me my tree stamp brush. Don't forget to give your new brush, its own name. And now I'll just finish my set off of my stamp brushes. I've made a few stamp brushes that I think I'll be using in my map. But I also want to get those sponge textures in as well. These are also stamp brushes, but they're going to behave a little bit different, and I'll show you what I mean. I'm back in my canvas here and I'm going to do the cropping in to one of these brushy textures, and hopefully I'll be able to just choose one to rule them all. I think maybe this one right here will be the best. I just want to make sure I crop into all of the grainy bits and none of the ones that are surrounding it. So something like that. What I don't want to do is cut it off abruptly because that will show in the brush, who had done. Copy. We will use most of the settings from our other brushes. We'll go on to shape. We will go on to edit import paste. Don't forget to hit done, with this one, we'll make it slightly bigger. Just so we can see what we're doing here. We'll go to properties and we'll go maximum size, maybe even 450% minimum size, I actually don't want it to be too small, maybe even I'll try going as high as 30%. Now, with this one, I want more control over what angle this goes down on because depending on where I'm using it, I might want to rotate it around very deliberately. If I clear my drawing pad so I can just see what my toes look like, one is interesting. If I go to Asmu. This makes it so that depending on how my apple pencil is rotated in my hand, it will vary the orientation of that. That's all I really want is to be able to control that. Now, there may be certain sensitivities within this setting that you might want to adjust as well. But for now, I'll try this and see if it works for me. If I need to make changes while I'm making my actual art, I can go into the brush studio and change those settings as I go. I'll just give it a name. We'll call it sponge and give it a new reset point here it done. Now I have my final brush and my set here. You might be wondering, why should we go through all the trouble of making these sandbrushes when perhaps we could just copy and paste them directly in our file or even just draw them in by hand. That would actually take a lot less time to do, especially the drawing things by hand. But the copying and pasting in procreate actually is a little bit more cumbersome. When we're making repeated elements like these mountains and trees and sometimes the dots, it is a lot quicker in the long run just to have a stamp that does those. This is getting around one of what I find is the limitations of procreate, and that's rapid cutting and pasting and placing. This is something that's much easier to do in photoshop, which is where I do most of my work. Getting around that requires making stamp brushes like this. And the great thing is that in the long term, if you plan on making more maps or more projects that use these elements, you have them ready to go in your brush library. Now, I haven't forgotten about the textures we made yet. These are going to be used differently. We're not making stamp brushes from them. I'll show you what we're going to do with that in the next video. 14. Preparing Your Final File: So now it's time to start preparing our final art file. So I know that this process overall is very involved, and you've been very patient. We've gone through all those steps to make those map sketches. And then we made those inky marks and textures. We turned some of those into brushes. And now there's just one more thing that we have to do before actually starting our illustrations, and that's to prepare our art file. Now, if you'd like to skip a few steps and save yourself some time, you're welcome to use the file that I'll be using. I'll provide that as a download in the class projects and resources page. But by watching me build that file with you here in this video, you'll learn how that file works. You'll learn your way around it, you'll learn how to use it. Ultimately, you'll know why I've made certain decisions and why I work this way. I'm back in procreate in my gallery, and what I'll do is go to my original sketch that we made, which feels like a long time ago and just duplicate that. We can give this in your name. We'll call it Final Map and it done. Then when you go into that, we don't need all those layers. We can just merge all of them together just so we have that mean sketch for reference, and we can hide that for now. So what we want to do now is get our first texture, our first like printy texture in here. So we're going to go back to the gallery and open one of my scans where I have those inky textures. And I'll start by selecting this one up here. This one's nice and dark bold, and I'll just copy that. Head right back over to my final nt file. And paste that in here. What I want to do is make sure there's no white edges. I want to get this as big in the frame as possible. In this case, I really want to mostly have this darker area. That's the texture that I want. It's more subtle. Mostly solid with just a little bit of this salty texture there. Then there's a little trickle use on this side to clean this up a bit. Maybe I want some of this extra texture on this left edge, but I don't want such a harsh line like that. One thing I could do is go into my brushes to the sponge stamp brush that I made in a previous step and just use that to go over that edge and soften it up a little bit. I might just make it a little bit bigger. Because this is a stamp brush, I have to stamp it along like this instead of just brushing it. But that's good. That should probably do. I don't want to remove all of those imperfections. Some of those are going to be nice to have. Now that I have this perfectly imperfect printy texture, I'm going to make sure I copy it. I'm going to hide it now. Now what I'd like to show you is how to use that texture as a mask. I have created a new layer. I'm going to tap that layer. I'm going to tap mask. Then it creates this thing called a layer mask over top. Making sure that the layer mask is selected, you'll know by the layer that is the brightest blue. I'm now going to paste from the clipboard, that texture. Now, it doesn't look like anything happened, but you'll see in the layer mask thumbnail that it's now black. That's that black texture applied to the layer mask. We just want to tap that layer mask and tap invert. You can see some of those artifacts in the little layer mask thumbnail. But basically, what's happening now is anything that we draw on this layer will take on that texture, and I'll just fill it in with a solid color to show you what I mean. I'm making sure that layer three is selected, not the layer mask. I'll just drag that in and there you see all that texture showing through. Now, let's just undo that color fill. For a moment, let's draw a doodle. I'll just use one of Procreate's inking brushes. It can be any color. Just make sure you're drawing it on that layer and not the layer mask. I'll just draw a guy. And the next thing I'll show you is how to make a clipping mask. So we'll just create a layer above everything here, and I'll choose a different color. It can be any color right now. We're being random. I'll choose this purple. I'll fill that in. And as you'd expect, it just fills in the whole area with a color. Just a solid color, no texture. But if I tap this layer and then tap clipping mask. You'll see that my happy sad face is now this purple color. If I change the color of the fill on that clipping mask, The happy sad guy changes color along with it. And so the way the clipping mask works is it gets attached to one layer below, and so that's this layer three. And anything that happens in that clipping mask will get applied wherever there's artwork below. So I could just draw in anywhere on this clipping mask, and it will only show up where there's or pixels in the layer to which it is clipped. I'll just color this clipping mask to pale yellow for now, and just quickly summarize what we've gone through. I've shown you how to turn that texture into a mask. The mask gets applied to a layer, and anywhere where there's white, the artwork on that layer will show, and anywhere where there's black, the artwork will be masked out. That's why they call it a mask. A clipping mask, in our case, will basically change the color of any information on that layer below. I know it's confusing because we have this layer and it has a layer mask applied to it, and then there's a clipping mask applied to that layer with the mask. What I could do is actually just rename these, so they're more helpful. What don't we call the layer mask? We'll call that texture. We'll call that texture, and then we'll call the clipping mask up here. We'll just call that yellow. We'll call it yellow fill. And so anything that gets drawn down on this layer in layer three will be both textured from the texture mask and the color yellow from that clipping mask. We can just rename this layer to yellow artwork. Any art that we draw or make that we want to be yellow in this case, we'll go on the yellow artwork layer. Just a few more things I'd like to do before we move on to the next step. First, I'm going to lock that yellow layer. I'm going to lock that texture layer. We shouldn't ever need to change those things once we've made our decisions about the texture and the color. Finally, I'll group all these together. I'll turn them into a group, and this just helps us stay organized. What I'm going to do is give a name to what I've just made here. This group of the yellow artwork, the texture, and the clipping mask yellow fill. We'll call that a color separation group. I'm going to rename that to yellow color separation group. At this point, we can erase the artwork there. And we're going to use this yellow color separation group as a template for two more color separation layers. For a second color, we're going to just duplicate this whole hiving. We can hide the yellow color separation group. We can figure out what color we want to make this in a moment. But the first thing we want to do is sample another one of our textures that we made. So let's just go to this texture mask. And we'll unlock it because we do want to clear it, so we'll just clear that texture. This currently has no texture and we can then go back to our scans. I will choose another texture here and just copy that. And go back into my final map. Making sure that that goes somewhere independent. I'll just paste that into the file. Just like the last time, I'm going to fill the screen and make sure that it's as dark as possible. Now, this one didn't turn out so well on the left side, to compensate for that, I will paste that same thing down again. And maybe just do a little overlapping. I can set the blending mode of this to multiply so that the white is hidden. The next thing that I can do is I'm taking the selection tool and I'm taking out all of that extra texture there that's over the other one, making it too dark. Let's just see how we can make this a little bit more chill. What I can do here, is go back to my sponge texture stampi brush. Make sure it's black and just use my apple pencil to blot those out. Now, if I want to take some of that blackness out there, what I can do is temporarily create a mask, and then using black as my color on that mask, I can mask out more of that texture. So what I'm doing here is just editing my mask texture kind of on the fly here. I will merge all those together and maybe just add in a little bit more of that sponge texture to fill in some of those lines that are too obvious. Then once I'm satisfied with the mask, I can copy this. Hide that texture because we don't need it anymore. I'll just tuck it down there. Then back on the texture layer mask in my copy of the yellow color separation group. I'm going to paste that mask again. And you should see that nothing looks different. We will just invert that texture layer mask, and you can see in the thumbnail or at least I can that the texture has been applied there. And just to prove it, what we can do is do a sill again inside that actual layer and the artwork layer. As you can see, it has taken on that texture. Now we don't want yellow and yellow. We probably want a different color. Let's do a blue, and of course, we have to unlock it, and we'll drag the color in there and everything looks good. We can just rename things. We'll rename the entire group to blue color separation group. And of course, we can rename that to blue color fill, and rename this layer to blue, and it will be blue later, even though it looks red in the thumbnail, blue artwork. We can just clear the sell for now. Before I go unlock the mask and the clipping mask. Like I did last time, I'll just duplicate that one last time because I'm going to create one more layer with one more new texture in one more color. In the Inky style, I usually have two or three brighter colors and then one dark color. Sometimes that can be black, sometimes that can be a dark maybe that I often use. In this map, I want it to be dark reddish because that reminds me of wine because this is Napa Valley, I think there should be more of a red wine feeling. It's very subtle. It really should just be dark and less saturated. But I think this will work well with the palette. I'll just go and fill that layer with my new dark color. We will call this dark. Replacing our color name in each layer. Of course, we still have to change that texture. I'm going to clear the texture. And find one more texture to sample from my scans. Maybe go onto this file. There's some nice stuff happening here a sit copy, and we'll just go somewhere above those layers so things don't get too confusing. And we'll make that big in our canvas. Maybe with this one, I'll leave just a tiny bit of the edge exposed. With this one, I think I can just use black with my sponge brush. And tap out that line. Perhaps I'll rotate it because I feel like a lot of the stuff that I was tapping out was on the left. If I bring some of those more white areas to the right, that'll add more variation to my layers. I'll just copy that and tuck this layer down here and hide it. Then going back into the texture, making sure it's selected in my dark color separation group, I will paste that, and then I will invert it. And I will test it. You'll see that I filled the wrong thing. I filled my texture layer. I'm going to undo that. I'm going to go to my dark fill, which I've already done. I'm going to go to my dark artwork and just fill that in. As you can see, it's taken on the color mask color, which was that darkish purply color. That's a really nice texture. I think that one turned out better than the others. But we can clear that for now. And there's a few more things that we need to do. First, let's make sure we lock the layers that we don't want changed. Those are the fill and texture layers in each group. The last thing we want to do is set the blending mode to multiply for each of the artwork layers. What you should have by this point are three color separation groups. You'll have two more colorful ones and one dark one. The texture and the color fills or the clipping masks should all be locked, and then the artwork layers themselves should not be locked and they should be set to multiply. We can now remove the texture layers. We don't need those anymore. We can just delete those. Finally, what we can do before ending this step is just testing out how these colors blend together. If we want to adjust how those colors work, we can make some adjustments to those in the fill layers. Let's go to the yellow artwork layer and choose a brush. I will use ink bleed and it doesn't matter what color I draw and on this layer. I will all be yellow. On the yellow layer, I'm just going to draw some random shapes and then fill them. And then I'll do the same on the blue artwork layer. I don't even need to change my color anymore. The color is chosen by that colorful clipping mask. And finally, the dark layer. Again, all I have to do is select the dark artwork layer. I don't need to change my color. And that should automatically choose my color for me. This is really an example of how my colors are layering over one another. This texture that you see in each of the layers is from that layer mask, that texture mask, that is not coming from the brush itself. Feel free to play around with some of your brushes if you've made and just get a feel for working in procreate in this new way. Of course, if you want to play around with different colors, maybe I'd like to change the dark fill. All I have to do is unlock that and fill it in with something else and see if I like that instead. Now, while I love this pink over everything else, I still want to keep a darker color. Perhaps something more saturated. Maybe something more unsaturated, maybe more blue. And then once you're happy with your chosen colors, you can make sure those fill layers are locked. And then it's pretty much time to start actually building out your final illustrated map. So we're at the end of all the preparatory stuff. L, we've done our sketches, we've made our brushes, we've prepared our file and made those color separation groups. Now we are ready to start making our final illustrated map, and we're going to start doing that in the next video. M. 15. Final Art Part 1: The Base Map: All right, we have really gone through a lot of steps to get to this point, but we are finally creating the finished art for our illustrated maps. Now, in order to get started, you're going to need the file that we created in the last step, and that is the one with the textures and the colors that we set ultimately in these color separation groups. And as part of that file, of course, you'll also want to include the sketch, that finalized Mode sketch that we created a few steps ago. And maybe as a first step, we'll take that sketch bring it to the top of our layer groups, and we will make that visible. But what we want to do is make it so that we can see all of our art that we're creating through it. We can set the opacity down to 20% or so, and that just makes it faint. But we can make it even more transparent to things that are happening below that by setting the blending mode to multiply. Then anytime we want to see the artwork that we're creating without that sketch in the way, of course, we can just hide it. Now, another thing just to note is that if you were following along in the steps before, you might have some artwork still in your color separation groups on those artwork layers as you were testing things out. I already went ahead and tap that layer and hit clear and that made sure that those layers are now fully clear. I'll just keep in mind that this process is going to be different from how you're used to working in procreate. Normally, we just create a layer, we choose a brush, we choose a color, and we start drawing in over it. This is a much more technical process, and it will require you to work in a way that feels counterintuitive, but I'll do my best to explain what I'm doing. So just follow along and trust that it's through this process that we get that nice analog inspired inky map look that we're all going for here. So I'll just get my sketch visible again there. We're going to go roughly through the same order that we did in the i mode or refined sketches for a map. We'll start with the geography here and I'm going to make sure that I'm on the color that I want to make the land. I'm thinking I'll use the yellow here as my land color. I just make sure that yellow artwork layer is selected. It really doesn't matter what color I choose in the color picker. Any color that's selected will show up as that yellow, as long as I'm working on that layer. Then in terms of the brush, I will use one in the inking set here called Ink Bleed. Again, all the brushes I'll be using in this demo come with procreate, and the ones that didn't come with procreate you saw me make in a previous lesson here. So with my inking brush set, I will search outlining anywhere where the land meets water. This is how I define the basic shape of my map. I'm just following the sketch. In that sense, I can really sink into cruise control here. There is a bit of a river or a channel down here, and I'm drawing in a nice confident singular stroke for the outline of that map. Anyway, what we want to do next is just fill in this land with the color. Now, I'm going to hide my sketch momentarily so we can see if it's the fill is going to fill in all the way. If I have a lower threshold value set in my fill when I do this drag and fill. You get this faint gap between your outline and the fill area. Just make sure you fill in that area with a higher threshold. The way you do that is just drag your pen or your apple pencil to the right before you lift your pencil. Again, what I did is I'm dragging in my fill into the shape that I want to fill, and just making sure that the threshold is up, maybe around 84%. And that will keep that setting as you keep filling. Once your land is filled in, you can go and fill in your water. I'm going to go to my blue color separation group that I created before, and I'll just use the exact same brush to do pretty much the same thing but this time for the water. Now, as I'm drawing in this line, I want to make sure it overlaps. There's no white gap, where the water meets the lamp. Because of how the layers are multiplying over one another. You will get this darker bit of color, where those edges slightly overlap, and that's exactly what we want in an inky style. You can even see some of those textures of the different layers showing through as well. Anywhere where there's not quite a good overlap, you can go back over very carefully with your incher. I'll do that now. For this part down here as well. You can be a little bit lousy goosy here. The lousy goosier you are with your edge, the more overlap and accidents that you'll get in terms of it won't be a precise registration of the one layer over the other, and you want that, you want to show those layers overlapping a little bit because that's the look we're going for. You can see that green that results from the blue multiplying over the yellow in my case, and I like that. That just about does it for the land and water. At this point, I'm ready to start bringing in my roads. I'm going to reactivate my sketch so that I can see that and I'm going to choose a brush that is wide and flat for the roads. If I go over to painting and choose a brush like flat brush, that's going to give me the k brush that I'm looking for here. Now, I took this default brush that came with procreate and I modified it and I created one called flat brush Roads. I just duplicated that brush and then changed a few settings and before I start using it, I'll show you what those settings are. I went into properties and I basically went down to brush behavior, and I made the maximum size 100% before this was set to really big and it was like a size that I would never use. I also set the minimum size to 3%. I also changed the maximum and minimum opacities both to max. The problem that I had with the brush as it was made by procreate is that if it's pressure sensitive basically, and the less pressure you give it, the more transparent it is, but I want my roads to be solid and for there to be no variation in that solidity. I want it to be always opaque. I made that I made the maximum and minimum opacity all the way to the max. I have to think about what color I want my roads to be. Do I want it to be blue? Well, if I make my roads blue, it might look like a river, or if I made it yellow while it's not going to show up, I could make it dark, I could try to make my roads dark. And we can give that a try. This is my dark reddish wine color showing up as brown as it goes over the yellow. Now, I don't want my roads to be brown because I want that to be for. I basically want to reserve the dark color for other types of details in this art. I'm going to make them white. I'm going to make my roads white. Now the question is, how do I make white in this map? I can't just go and add white as I normally would. Well, not exactly. What I'm going to do is create a temporary layer over top all the other color separation groups that I've made, and I can just work out what my roads are going to look like in white before I commit them to one of those color separation groups later on. What that looks like is just what you'd expect. Drawing with a brush and procreate and with these roads in my style, I'm doing my best not to make them too wobbly. I want them to almost look like they've been streamlined, but not that perfect. What I mean by streamlined is if I were to do the press and hold thing, procreate corrects things for me. I makes things more perfect shapes, but I don't really like how perfectly it makes them. Sometimes it overcompensates a bit. I like to do it by hand, but in a very controlled way. Anything that I don't like, like these edges here, I can go in and correct later on. What I mean is I can go and take an eraser and clean up some of those edges, but I'm getting ahead of myself. I'll just draw on the roads as best as I can for now on this temporary white layer. Now, at every step, I want to take a moment to hide my sketch and see how things are looking. I find that there's actually too much variation in my roads in terms of the line thickness. I could just erase and start again. But what I'll do is I'll just take out part of it. I'm finding this part here is a bit too thick. Actually, what I'm just finding here is that I need to change another setting in my brush because as I zoom in and out, the brush gets thicker and thinner. What's happening there is that the brush size is set so that it stays the same size in pixels, no matter how zoomed in I am. I've just tried to correct that weird scaling thing with my flat brush, it's actually not a brush setting. It's a more global setting in procreate. I'll show you what I mean. So just going over to the wrench here to preferences for some reason, I had unchecked dynamic brush scaling. I want dynamic brush scaling activated, and that should solve the issue I have with my brush changing sizes according to Zoom. And as you can see it has. So because of that, I'm going to go and clear everything out in terms of my roads and start again at a size that works better for me. And it seems to me that a size of around 20, 21% will do just fine. And this eliminate the problem of the changing brush sizes Now, if I show the artwork only without the sketch. You can see that I've solved that mystery. All the lines are very consistent now and that's what I want. I want those roads to all be consistent. Now, before getting onto the next step, what I'll do is just touch up some of those joints there. I'm going to go back to my. I'll find that in my recently used brushes, the ink bleed brush. With that selected, I want to turn that into an eraser. I'm going to just tap and hold the eraser brush, and that will activate a race with the current brush. It basically turns whatever brush you currently using into the eraser as well. I just want to eliminate those glaring little weird glitches that don't look intentional and they don't look controlled, either. There's a difference between some things that are unintentional, but they're happy accidents, and you like how they look, they add to a spontaneous analog feeling. Then there are other things that feel a little bit more just like a digital brush, acting like a digital brush, and not being fully controlled by the person using it. I've gone and added my roads and you'll remember I created those on a spare hair over top. They're not part of the final artwork. What I want to do, now that I'm happy with those roads, I can commit to this. Is carve them out of the artwork. The only artwork these are going over right now, mostly these roads is the yellow land. I can take this layer, just tap at once and make a selection from it. Then I'll hide those roads and I'll go down to the yellow artwork layer down there, and I will now go cut. What I've done, and you can see that down in the thumbnail of this layer. It's actually cut the roads out of the land. The roads are permanently etched out of that layer now. If I ever want to change anything again, I might have to fill those roads back in with yellow and start again in the way that I just showed you using the spare layer. With those roads in place, I'm actually ready to start adding some of my basic symbols. I want to do that on my dark fill layer. I'm going to go to my dark artwork and then go to my brushes. And I'll use one of my inky map brushes and I created two dot brushes. One is a little bit more distinctive than the other. It has a washed out part in the middle. I'll start with dot two because it's less conspicuous. By that, I mean, if I repeat it, because it doesn't have anything to particular about it, you won't notice that I'm using the exact same brush every time. What I'm going to do is make that a little bit bigger. I will probably try. 30% is perfect for the bigger dots, and those bigger dots are actually going to be associated with the icons. I'm jumping ahead here. I'm just going to undo those because the city dots is what I'm actually trying to do right now. I will bookmark the sides that I just was working in because that's going to be perfect for the icon call outs. I'm going to actually try something closer to maybe 23% for the cities here. I'll just bookmark that size as well. And just tap that there. I was just pause here and hide the sketch so that we can see some of the beautiful little happy accidents that I'm going for here at work. You can see that that wine colored purple is overlapping the white and the yellow, and you can see where wherever it overlaps the yellow, it has a almost more brown color. But the important thing is that wherever it overlaps, it creates that extra dark color as it interacts with the other colors or the inks that I'm simulating here. Now I'm going to move on to the lettering. I'm going to do those also in the same darker color. What I'm going to do though is just work those out on temporary layer, I'm going to create one Up here just under the sketch, just like I did with the roads when I was working those out. To start, I'm going to just write out the various city names or town names that I have here all in the same style at the same size, and I will later cut and paste those at a smaller size. That's a way of creating just a slightly more refined look in my hand lettering. So I'll see if working just slightly bigger works. What I didn't show you is that I just activated my drawing guide. I went to actions here in the wrench menu and make sure that the drawing guide is turned on, and that's how I got this grid. I've got lostoga, Now I'm going to do Oakville. Next, will be Selville. Trying my best to make these all consistent in the same style. So all on the same angle of a slant as much as I can help it and all relatively the same size. My tendency is to want to overctrol. I'm looking at my lettering and I'm feeling like, I want to make the more perfect, but I'm going to just accept them and then place them. There's one little thing that I might do just to enhance them just a tiny bit, partially because I can't help myself, but also because I'm seeing some things that I actually need to fix. If you look at this, the way that brush left it, it left this spiky spur thing that to me looks very digital and unnatural. It also happened at the end of Kenwood and Napa. And so I'm going to go and use my eraser. I think it's still set to the same brush to ink pled. I'm just going to go and clean those up a bit. This is one reason I work at a larger size, then I intend on setting my labels because I can see the mistakes and I can correct them at this larger size, and then later, When I shrink them down, they will just pretty much disappear. While I'm here, I'm going to just clean up these terminals of the letters. This is just something that I typically do any way with my lettering, but I want to again, be careful just not to over correct and over perfectionie these things. O perfectioniz. I don't think that's a word perfect. Just to create less of obviously digital brush look. That's really what I'm trying to do here, and it will also enhance the clarity of the letters to do this. The next thing to do is to shrink these down to the size I'm going to end up using them roughly speaking. So just a little bit smaller, and that'll do. Then of course, I will just move these around by selecting with the free hand tool, the free hand select tool, and then hitting the arrow, and then moving them to where they want to go. Now, you can see that it just masked out my artwork. This is a glitch that happens when you use the technique I'm using. When you're working in these color separation groups, whenever you do a free hand copy and paste operation like I'm doing here, you're going to run into that. With lettering the work around is to actually do your lettering outside and an external like a new canvas in procreate, copy that and then paste it into the work later. But Because of the fact that my sketch has all these places pretty much where they need to go, I can still place these accurately. Now for NAPA, I'll just resize that up again a little bit. Want that to be bigger, and then I can just hide my drawing guide. Hide my sketch and do a little quality check. So I really feel like the map is coming together nicely here. Okay, so I have a very basic version of my background map with a few cities and a few labels. Now, of course, there are some cartographic symbols to add. There's going to be a lot more details to add here, but I think that with what I have here is enough to start actually illustrating in my icons. So that's what I'm going to do now. 16. Final Art Part 2: The Icons: All right, so as we begin to illustrate our icons, we want to make them all consistent. We want them to all be consistent in how much detail they have, in the kind of details they have in the balance and usage of color, and all that. And so the way I achieve this consistency or at least part of how I achieve this consistency is I batch how I do the colors. And this is actually helpful when we're illustrating in this technique that we're using anyway. I'm going to start by creating areas of white for all the icons. That's going to require creating what I would call a base of each illustration. I'll show you what I mean. I'm going to go to my temporary layers up here. I'm going to create another temporary layer for my icons and we'll work in maybe the flat brush. I'm going to use the flat brush, but at a really small size. At this point, we're blocking in the white background or base for each icon. We'll add in details later. For this icon, it's going to be just the Gonda for now, and for the Castello castle tower here. It's going to be pretty much the whole icon. I'll draw the whole outline, fill it in, and then actually use an eraser to cut out those cnylations, so that they'll have an even width more or less, and I'll just draw back in. Where I over erased. Then I'm going to use a smaller eraser tool. We'll say we use the ink lead brush just at a really small size just to correct some of those little quirks and glitches. You can see that I'm doing all the icons on the same temporary layer here, a reminder that when you're working on a temporary layer, we're back to normal procreate land, where we're drawing things in the color that we set in the color picker. Things are acting more as we expect, drawing or painting is painting or drawing and erasing is erasing and nothing's upside down or backwards for openings like windows like this, I can knock those out. In this case, I think what I'll do is just use the selection tool and cut that out in bigger chunks like that. That is also an option. One way of doing these icon bases is just using the selection tool and drawing them in like this, which behaves a little bit more like the pen tool. But it has its limitations too. I sometimes get a little bit of this weird warble or just a lack of control that brushes will give you. I'm going to draw these in again with my smaller set flat brush, drawing a little bit blind over those white roads, but that's okay. Then I'm going to just use my selection tool to carve out those wheel wells. Sometimes cutting out a window out of your basic shape here is a chance to let the background and foreground mingle together rather than just having the icons look like they're just stuck on top of your illustrated map. By allowing some of the illustrated map to shine through these little windows and holes and cutaways. You get more integration of the various elements and the background that they're over top. I'm going to leave that little smoke stack thing where it is for now and maybe draw that in later if I need to. Moving on to the Farms stand here or to the Oxbow public market sign. Fill that whole shape in just one thing to note with this particular shape because that sign is in real life, this sign goes down much further. We're looking at just the top of the sign. There's a continuation at the bottom part here. At some point, I'm going to make that gradually integrate with the background. But for now, it's going to be a hard line. I can edit that later. I pretty much have the base like that white base for my illustrations. I might return to the Napa Valley sign at a later time. Let's just focus on the point of interest icons to start. But what I want to do now is commit what I've done here to my color layer. I'm going to make a selection from this temporary layer, I'm going to tap it and then hit select, and then I can disable that layer. I want to keep it in case I need it later and then go into my yellow artwork. Then simply swipe three fingers down and tap cut. You can see in the thumb now that it just removed some of that yellow artwork. Now, as you can see, there's some river showing behind the Oxbow icon here, and that's an instance where I'm going to need to remove those same shapes from the blue texture as well. Now, I could just go and use eraser on that layer and just remove it like that. That's probably a very efficient and valid way of doing that. But in case you have more blue elsewhere or lots of artwork that you need to remove in the same shape, you can reselect the selection you loaded from your shapes, and to do that, just tap and hold the selection tool. It will remember the selection you made last, I'm going to go onto my blue artwork layer and do the same thing. I'm just going to swipe down and hit cut, and it makes this perfect cut out of the river color there. Now it did cut out at funny little glitch there, and I will just draw that back in using my ink bleed. But this is actually going to change soon because of that fade effect that I'm going to put on the bottom of this later. For now, I'm just going to leave it. I'll figure that out in another step. At this point, I want to add my second color and I only have blue yellow and this wine color to choose from. I think blue is an obvious choice for a second color. I'm going to just draw my details, whatever I'm going to draw on blue directly into my blue artwork layer. This is different from before when I was drawing things temporarily on its own layer. That's a way of doing things as well. But in this case, it will be simpler and faster, just to draw this second color onto my icons directly. I'll just go back in with the eraser to knock out the dividers between these panes or wherever the doors on this case come together and move on to my second icon here. Now, the food truck in this case is actually red and white, but since I don't have red, I can see if blue will work. When you're working in a limited color palette, it's fun that you get to work in the wrong colors, so to speak, and that's what makes an illustration like this more interesting. I may decide later that the dark wine color might be more appropriate for this. But for now, I'm going to play around with the blue and see if I like that. Same with this sign here. I remember this up here. Was red? If I apply the logic of things that were red are now going to be blue in this illustration, then I might as well be consistent. Again, I'm making sure that my color layers overlap at those edges. At this point, I'm just making stuff up, adding blue in an even way to all my icons, even though blue doesn't really occur in any of these. Now I'm just wondering, is there anywhere else where I want to add this blue artwork? How about as the stripes on the food truck awning here. What I'm going to do is actually going to use the selection tool again and color fill is still activated. This should fill this in with blue once I close it. It did. I'll go to the eraser tool and just make sure that I have flat brush selected and see if it's in a size that's appropriate. I want it to be a little bit smaller and then bit by bit, I can just erase out each of those stripes. From the awning. I see some other places where I can add blue that actually just happened to be over yellow, not over the white blocky areas that I created, and that's where we're going to get a green. We're going to get a second color by overlapping our colors. I'm going to stay in my blue artwork layer. I'm going to go into my ink bleed brush that I've been using. I will start with the chimney of the food truck and just make that something I can fill in. Now, for the palm trees, I'm actually going to go and choose my six B pencil. I think that will just work better for this object because it's organic, it's leafy, and I'm going to add just a little bit of desirable variation. I'll do that with the palm tree, little palm palms at the top there, and then for these evergreens. It just allows me to have much more expressive line than what that bleed anchor brush can do. That one's less varied. I'm just going to start with these and I'm just drawing these directly onto my blue artwork layer. They're basically the same layer as anything else that's blue here, and I can show you what I mean. Everything is on that blue artwork glare. Now. Now, what about the mountain in the back? I want to get that mountain in there, and I want that mountain to be green, I don't want there to be a hard edge at least on the bottom. I will go and take this selection tool and create a mountain shape, using the free hand selection tool. I'm going to just draw a larger base than I need down there, round and I will turn off colorful, I don't want that. Now I'm going to just draw in using my six B pencil, using the side of my pencil, this more gradual grainy way of showing that. The more I get away from the mountain tops toward the bases, I faded out. I'm relieving my hand of the pressure down the bottom, everything's softer, just like you would expect a regular pencil to do as you stopped pressing hard. I'll just go back in, maybe my eraser tool set to ink bleed. I'm going to go back and remove this part here. That is something I could have masked around using that selection tool before I started filling in with the pencil. But I'm going to correct that like that. This may be a good time to turn off the drawing guide. I haven't needed that for a while. Even to hide the sketch just to see how things are coming along. As you can see, there is still quite a lot of work to do to get the thing to look finished. But I'm liking how it's looking so far. I'm going to continue adding more details. At this point, I'm ready to start adding in some of my more dark color details, perhaps the wheels of the food truck or the windows or edges of the castle there, the cable of the gondola and so on. But one thing that I need to fix that I just noticed, before we move on is the fact that I have these labels in a color that doesn't exist in my palette. I drew those in in a darker blue on a temporary layer up here. They need to go on one of my three color separation groups here. Just like I did before, I'm going to load a selection from my temporary layer, in this case, it's my lettering and to do that I just tap the layer and hit select and make sure that color fill is not activated, and I now will hide that layer, that temporary layer. I'll go down to the dark color separation group. This is where I want to add those labels, and I will just tap and hold the selection group again and do color fill here. And deselect, and if I hide the sketch for a moment, you can see this is really starting to look a lot more like an analog style illustrated map. Now, just like I've done with the blue there, I can use my ink, my ink bleed here to directly draw in some of the other details. I'll add in the wheels of the food truck here. Maybe a detail of the chimney. Perhaps I'll do the stems or the trunks of these palm trees. For these ones, I'm going to maybe the six B. No, I don't like that. I'm going to maybe try the roads and they seem to be set at a good thickness anyway. I just draw that there. Now, I did just draw right over my lettering there and I'm going to have to figure that out later. But for now, I'll leave it alone. I use my six B pencil just to erase the bottoms of those bit. In fact, I'll give those a much more gradual little end because I'm going to put some greenery In front or behind them. Figure that out. Now for the castle, I'm finding that adding just lines, exhibit to harsh looking or something for me. I don't want to do this. I want to show dimensionality in a different way. What I'm going to do is actually load a selection back from the white shapes that I created those base icon shapes, and then making sure that color fill is not activated. I'm going to go back to my dark artwork layer and use my six B pencil brush set a little bit larger and just rough in with the side of my pencil, some texture, and that will just be one side of this tower, the shadow side of it in a subtle way. We'll just see how that works. I can also use my selection tool to take away some of that. I'm finding that really harsh. So I'm just going to use my six B pencil brush as my way of making that edge just a little bit softer. For the castle, I think I'm going to go and add back in some of these windows so that that yellow shape is showing through. And I can go and make some refinements later with the brush. And since I'm on this layer already, I can use my six B brush to bring back some yellow, just on the castle part here to make that a bit more gradual, so it's not such a harsh line. Drawing back in, erasing back out that yellow of the road. Remember that things are inverted right now because I'm working on the color separation layer. Anything that's in white is the absence of yellow. So anytime I want to erase that white, it's actually bringing the yellow back in. Go back to my dark artwork clare and I will erase out some of the dark color there, and we can hide the sketch just to see how the artwork is coming along. I have mixed feelings about how the castle is looking, how that tower is looking. Just for instance, the purple layer there is feeling a little bit out of place. It's a little bit down there. I'm going to go down and that purple. That is feeling a little bit better. I might need to re think how I do that castle. Perhaps what I need to do for the castle is just select this area here. Making sure color fill is not activated. I'm just going to cut that out. I'll see if it works better in blue. I'm in the blue artwork layer now. I want to add that same texture back in the same way. What I have to do is actually paste that artwork bit up here. I just so happened to be in blue already, that was lucky. But I'm going to create a selection from that, hide it. Now go into my actual blue artwork layer, and again, hold the selection tool, activate the fill. Now that fill is on this layer. I like that better. Now to do with what's happening with these palm trees, they look a little bit too procreate to me. What can I do about that? First of all, I can go to that dark artwork layer. Use my six B pencil to give it more of a texture and then use my ink bleed, to give it a little bit more of this palm bark patter, hoping that's not too detailed for this kind of illustration. What's happening here with Kenwood, I'm actually going to erase this lettering out altogether for now. We'll put that back later somewhere else. Can we use our sketch as our reference for what else we include. So for the food truck, I'm going to add the heck in some yellow, and this is where it messes with your head a little bit. We're adding yellow and it's going to look like we're erasing. But we're actually adding back some yellow. Like that. We'll knock out some of these windows, I guess, and that means filling it back in with yellow. And then to make this look a little less harsh. We will fix those edges by removing some of the yellow there on the bottom. Now I'm going to pick on the Oxbow. I had mentioned before that I wanted to make this more gradual at the bottom rather than a hard edge. In that yellow artwork, I'm going to add back in some of that yellow. I'm going to create a little bit of a mask here using the selection tool, so I don't get all in the road there. I'm going to just really be careful around the bottom edge at the top. I'm not so concerned. Now as I add this back in, I'm not erasing the road part there. I will just fix these little glitches here. Moving between erasing and drawing back in. Of course, I want this road to continue up here. That will be a matter of going back to my flat road brush and erasing, I guess. I'll go back to my dark artwork layer here, and I'm going to add in the frame for that sign. Of course, it doesn't show through the arrow sign in real life. So I'll just erase that. At this point, I'm really just trying to work out things that I couldn't have predicted in the sketches or that came up along the way. Just for instance, I'm finding the Oxbow public market sign really overworked, whereas everything else feels like simple and fun. The Oxbow public market sign, I have mixed feelings about it. I feel like there's just a lot more going on with it. Sometimes in cases like that, I just erase things and start again. I think I can do this a lot simpler while maintaining the spirit of this icon. That's what I'm going to go and do now. I'm going to leave a little bit of that texture there from erasing it just as an intentional imperfection. Now, I will draw back in or erase out those roads. I think I have 90 to 95% of the details I want in my icons. I'm just going to go and turn off the sketch for a moment and just take a look. Yeah, I think for the most part, these look good. If it's going to look more finished, I'm going to bring more texture into the white areas. I'm going to go to the yellow layer again and just add in using my six P pencil, some of that yellow. Just to give a little bit more character to these white areas, so they don't stick out so starkly. And then I'll go into the dark and see if there's ways I can bring some of that in. These are the little details that I don't mind being a little bit more sloppy with because I do want a little bit of an improvised feeling to this to a certain degree. Here, I'm just adding a bit of separation from the roads in this particular icon. Leaving some of the overlap. Now, I feel like this sign here needs more blue to balance things out a little. So maybe I will after all, take out some of that yellow. I like that. Okay. And now we can start adding the sign before we get into the labels. We'll do this sign in the way that we did the rest of the white sort of base icon illustration parts, which is adding a temporary layer using the flat brush just to create the general shape of the icon. A All right, so I have got most of my map done. It's looking like an illustrated map. It's inky. It's got texture. It's got that limited color palette. It's got lettering. It's got labels. Of course, there are a few extra details that we want to work out, including some of the cartographic symbols. Maybe a little bit more texture in the background and stuff like that. But for now, I'm going to set this aside, take a little break, and then we can continue in the next video. Oh. 17. Final Art Part 3: Final Touches: Alright, at this point, it makes sense to just take stock of how I'm progressing here in the illustration. So I'm going to hide my sketch and just look at what I've done so far. So I have my base map with the land area yellow and the water in blue. And then of course, I have my roads and those smaller towns with the labels in place. And then of course, I have my five icons in the three colors, the blue, the green, and that kind of wine colored colored color. I guess we can call it Burgundy. And of course, I have this Napa Valley sign has my title as my map title. I really love how that turned out. I'm super happy with that. At this point, I'm ready to start adding the finishing details like cartographic symbols like the mountains and trees over the land there, maybe some extra road names or highway numbers, and of course, the labels for each of the icons, and anything else that needs to be labeled. Let's go and start doing that. Let's try my sketch back on and At this point, maybe what I'll do is start adding in the labels for each of the locations. Just like before, I'm going to create a layer up here, one of those temporary layers, and I'll turn on the drawing guide. I'll just choose a color that will be visible over top all this artwork. It will get a bit messy. Maybe what I'll also do is add a white layer and just tuck that behind the layer that I'm going to do my lettering on. Basically what I'm doing is, I'm going to separately letter each icons label. Larger than it needs to be, just like I did the last time for the smaller city labels, and I'll pick an appropriate brush for this. I will probably stick with ink bleed and I'll see what an appropriate size will be. This will be too thin. This might work. For the icon labels, I'm going to do all upper case letters like this. For the most part, I'm trying to just do vertical. Or down strokes. Then with round ones, those are neither vertical nor horizontal, so I'll do those anyway. Then I'll come back and do the horizontals. Now the reason I do it this way is that by focusing on just one direction in batches, I have a more consistent stroke in each direction. I don't have to move my hand as much either. So it's more efficient, I find, as well. But most importantly, the lettering stays very consistent, and I'll fix the spacing later. So I have one down. So I have my four labels, and then Oxbow Public Market is self labeled, so I don't need to make one for that. Now, I'll just go in and make a few quick enhancements or refinements. Phew. Okay. I have done my lettering and I've mostly corrected the spacing. I'm just finding a little bit more to do here just now. I'm not aiming for perfection here, but just something possible. I want the spacing to be relatively even and just for there not to be any wide gaps that are g. Now what I want to do is just make sure I have the set up. The way I want them when I place them in the illustration. I'm going to tighten up the letting or the vertical spacing or the line spacing of the multi line label here. It's just this one, the culinary institute. It's just a really long name. It has to go on separate lines. I probably also want to center everything on these lines here just with this one. Eyeballing that. The next thing that I want to do is just duplicate this layer. Oops, I deleted it. I want to duplicate it, and then I'll just hide one of those layers. The reason I want to duplicate it is one case I want to go back and make changes to the original, but this one I'm going to do some destructive edits to. Basically, I'm going to shrink everything down by about 50%. Or more actually. Basically to about the size, I roughed it in my sketch. So I'm just comparing it to what I sketched in here for sterling vineyard, something like that. What I'll do is just start placing these where they appear in the sketch. Right now I'm finding snapping to be annoying, so I'll turn that off. Me a typo. This should be Castello D MR Rosa. I'm going to do a quick little surgery here. I should do. Make sure those are on the same layer. I'll take this one. Down here for a sec. Mind this here. Go right there. So I do have to turn this three line into two lines or just shrink everything in this case because it's so long. I think what I'll do is I will shrink everything down just a little bit. So that the culinary institute pits and then re arrange everything back in their right full places. With these four labels now lettered and in the right place, I just need to create a selection from that layer. I can turn off the layer, and I'll also hide this white layer here that was masking out everything else. I'll go to the dark fill layer, making sure I'm on the artwork layer, of course. What I want to do here is fill in all the letter shapes. The way I'll do that is hit color fill. I see that perhaps I got this label a little too close. I need to redo that. Okay. I need to go back up here and just move that down, Tad. And we'll see how that looks. When I remove the sketch and turn off the drawing guide. I'm loving it. Okay. I think I might want to move Castello Derosa up a little bit. So I could just go and select this artwork here and try and nudge it up, but I will have to unlock the texture layer to do that. It won't let me select and move one layer. Without unlocking the mask. We'll try that. I think that's looking much better. Now, up here, it looks like things are getting a little lost in my sheeting there. Now I could move that all down. That seems to be what I need to do. I do have to restart the process yet again, going back here and just moving this down and This joy that. Looking so good. Okay, I just love when lettering starts taking shape in the map. And I'm also really happy with how these colors are turning out. They're not my usual colors, especially this burgundy, but it does really have a beautiful vitae feeling to it, and it feels to me. The next thing I think I'm going to do is add the call outs. So that will involve adding some location dots for each of the four icons up here. And then some call out lines. I'm going to do that all direct on the dark artwork layer. I go to my trusty dot shape in its larger size and add those where they belong. Then of course, I will go to my trusty ink bleed pen and add the call out lines directly on that dark layer. For this, I'm going to rely on quick shape to make those lines perfectly straight. I'd like to also just sheet the terminals of those lines so that they feel less procreate brushy. The next thing to do will be to add the root numbers. The next thing to do will be to add some of those cartographic symbols. Now, for those, I think I will go with the dark color, and I'll just choose mountains to start, see what I get. Here, I'm trying not to overlap any of these labels over other elements in the same layer in case I need to edit them. I can just go in and edit out anything that I don't want to be there. I'm just changing some of these just a little bit so that they're not so obviously cut and pasted. Little subtle edits to each of the mountains to give them a little extra variety. Another thing I can do is actually go in and move some of them around a little bit. Just a little extra time to make these feel a little bit more random. Now, go back in my layers panel, make sure that texture layer is locked again. Now I can add in the trees, and maybe I will add the trees in on the blue artwork layer. Trying to find a good size for those. Now, I'm not a CN of the brush that I made to be honest. I think what I'll do is go back to my original layer here. Choose one tree semble. I need to make this as square as possible. Now, I'll just add some tufts of grass also in blue. Hopefully, this will work nicely. I think that's a good size. Of course, we need to get some waves in that water. We'll see how this works here. Okay, I'm just looking at my final map here and feeling like I'm so close to finish line. I just want to add a little bit of extra texture to the mix just to help blend some of the elements together more and give it just some more of that inky texture goodness. So I think what I'll try to start is my sponge brush. I made two different sponge brushes earlier, and Perhaps this will give me the kind of grain that I need. I'm going to test it out on a temporary layer up here just to start before commuting that to one of my layers down below. I'm going to just sample the purply color, and then see what it looks like as I just tap it in there. And we build it up a little. I'll do a little multiply here. So I can really get a sense of how it's going to look. On this temporary layer, I think what I'm going to do is just Use my six B pencil as an erase or just to tone it down a little so it's not so obvious and strong. Making sure I clear out where it's really getting in the way of other things so it shouldn't be getting in the way of. This is a really good reason to use a temporary layer sometimes, especially when you're working in an element that's going over lots of other elements on the same color layer. I'm trying to allow myself to still be a little bit loosey goosey, but control where this stuff is ending up. For the most part. It's okay that some of it's going to add some texture and grit to things. Keep in mind that anywhere where it's over its own color like here, that will disappear once I add that to the burgundy color layer group. I want the labels to really be able to pop. So I'll make sure I clear around those labels as much as I can. That is looking really good. I don't want to get in there and try to control too much more. So I think what I'm going to do is look for any glaring parts like there. And then I will load a selection from that layer. I will hide that layer. Now go in on that dark layer here. And we will do the long press there and color phil. Bob's your uncle. So at this point, I am done the illustration. I'm really happy with how it turned out. I just have one more little thing that I'd like to do. And this is something that I recommend that every artist does when they have finished their piece. And, of course, that is to add your signature. Be proud of your art. It doesn't matter where you put it. I find that the less I overthink it, the better. Otherwise, I start worrying about where exactly to put my signature, so I'm just going to put it there. It's not to in your face, but it is there, if anyone is looking for it. Now, at the end of most illustration projects, I kind of get sad that it's done. I just want to keep working on it. So I can't help myself, especially at the end of a map class. I'm going to add a compass rose to this. Okay, I think I am done this illustrated map. I want to keep working on it because I'm having so much fun, but if I do anything more to it, it's gonna be overworked. So this is it. I'm done, and I'll see you in the next video. M 18. You're Done, Now Share!: Alright, you have put in all that time and hard work, and now it's time to share your beautiful Inky map with the world. The first place I recommend sharing is, of course, here on the class projects page. This is the best way to get feedback from others, including from myself. And it becomes a part of the class projects gallery which inspires others to take this class and it shows them what's on the other side of all that hard work. Of course, if you're on social media, please do share it over there as well, using the hashtag Inky Maps for Pro create. I'm on Instagram at Mr. Tom Fros. Thank you so much for spending all this time with my class and for all your hard work. Thank you for choosing Inky Maps Pro create edition. I hope you enjoyed learning from it as much as I enjoyed teaching it. If you have any questions along the way, please feel free to ask on the class discussions page or let me know in your class project if you have any specific questions related to your project. If you love this class, please be sure to let me know and let others know by writing a review. If you'd like to go deeper in this class or in your journey as an illustrator, I also offer Custom one on one coaching for an additional fee. You can find more information about that here on my Skillshare profile page or over at tom fros.com slash Coaching. Thank you so much for taking this class. I'll see you in the next one.