Draw a Fantasy Map in Adobe Photoshop - A Graphic Design for Lunch™ Class | Helen Bradley | Skillshare

Playback Speed


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

Draw a Fantasy Map in Adobe Photoshop - A Graphic Design for Lunch™ Class

teacher avatar Helen Bradley, Graphic Design for Lunch™

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

6 Lessons (39m)
    • 1. Create a Fantasy Map in Photoshop - Introduction

      0:57
    • 2. Fantasy Map - Part 1

      5:46
    • 3. Fantasy Map - Part 2

      7:32
    • 4. Fantasy Map - Part 3

      8:37
    • 5. Fantasy Map - Part 4

      7:35
    • 6. Fantasy Map - Part 5

      8:37
  • --
  • Beginner level
  • Intermediate level
  • Advanced level
  • All levels
  • Beg/Int level
  • Int/Adv level

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.

856

Students

33

Projects

About This Class

Graphic Design for Lunch™ is a series of short video courses you can study in bite size pieces such as at lunchtime. In this course you'll learn to draw a fantasy map in Photoshop. You will make a pattern, add strokes to shapes, make brushes and use masks. As you draw your own quirky map you will get to practice the techniques you have learned. 

17b21843

More in this series:

Make Patterns from Sketches & Digital Art in Adobe Photoshop - A Graphic Design for Lunch™ Class

10 Pattern Tips and Techniques in Adobe Photoshop - A Graphic Design for Lunch™ Class

Make Ikat Patterns in Adobe Photoshop - A Graphic Design for Lunch™ Class

Marble Repeating Patterns in Adobe Photoshop - A Graphic Design for Lunch™ Class

Make & Sell Scrapbook Paper Designs in Adobe Photoshop - A Graphic Design for Lunch™ Class

Create a Range of Circle Patterns in Adobe Photoshop - A Graphic Design for Lunch™ class

10 Blend Tips in 10 minutes in Adobe Photoshop - A Graphic Design for Lunch™ Class

10 Brush Tips in 10 Minutes in Adobe Photoshop - A Graphic Design for Lunch™ Class

Clean & Color Scanned Line Art in Adobe Photoshop - A Graphic Design for Lunch™ Class

10 Top Photoshop Tips in 10 mins - A Graphic Design for Lunch™ Class

3 Exotic Patterns in Adobe Photoshop - A Graphic Design for Lunch™ Class

Abstract Glowing Backgrounds in Adobe Photoshop - A Graphic Design for Lunch™ Class

Complex Pattern Swatches in Adobe Photoshop - A Graphic Design for Lunch™ Class

Complex Selections Made Easy in Adobe Photoshop - A Graphic Design for Lunch™ Class

Award Badge & Ribbon Design in Adobe Photoshop - A Graphic Design for Lunch™ Class

Backgrounds - Halftones, Sunburst, Patterns in Adobe Photoshop - A Graphic Design for Lunch™ Class

Create Hi-Tech HUD Rings in Adobe Photoshop - A Graphic Design for Lunch™ Class

Create Organic Patterns in Adobe Photoshop - A Graphic Design for Lunch™ Class

Create Text on a Path in Adobe Photoshop - A Graphic Design for Lunch™ Class

Curly Bracket Frames and Text Boxes in Adobe Photoshop - A Graphic Design for Lunch™ Class

10 Selection tips in 10 mins in Adobe Photoshop - A Graphic Design for Lunch™ Class

Cutout & Frame Photos in Adobe Photoshop - A Graphic Design for Lunch™ Class

Vintage Image Cutout Effect in Adobe Photoshop - A Graphic Design for Lunch™ Class

Creative Layer Styles in Adobe Photoshop - A Graphic Design for Lunch™ Class

Make Patterns with the New Pattern Tool in Photoshop 2021 - A Graphic Design for Lunch™ Class

Paint a Photo in Adobe Photoshop using Art History - A Graphic Design for Lunch™ Class

4 Critical File Formats - jpg, png, pdf, psd in Adobe Photoshop - A Graphic Design for Lunch™ Class

B&W, Tints & Isolated Color Effects in Adobe Photoshop - A Graphic Design for Lunch™ Class

Bend Objects with Puppet Warp in Adobe Photoshop - A Graphic Design for Lunch™ Class

Glitter Text, Shapes and Scrapbook Papers in Adobe Photoshop - A Graphic Design for Lunch™ Class

Color a Scanned Sketch in Adobe Photoshop - A Graphic Design for Lunch™ Class

Create a Color Scheme Graphic in Adobe Photoshop - A Graphic Design for Lunch™ Class

Create a Custom Character Font in Adobe Photoshop - A Graphic Design for Lunch™ Class

Create a Mandala in Adobe Photoshop - A Graphic Design for Lunch™ Class

Reusable Wreath Design in Adobe Photoshop - A Graphic Design for Lunch™ Class

Create Complex Half Drop Repeating Patterns in Adobe Photoshop - A Graphic Design for Lunch™ Class

Create Mockups to Use and Sell in Photoshop - A Graphic Design for Lunch™ Class

Create Plaid (Tartan) Repeat Patterns in Adobe Photoshop - A Graphic Design for Lunch™ Class

Color a Sketch with a Texture in Adobe Photoshop - A Graphic Design for Lunch™ Class

Droste Effect with Photoshop and a free online tool - A Graphic Design for Lunch™ Class

Critters with Character in Adobe Photoshop - A Graphic Design for Lunch™ Class

Whimsical Textures for Drawings in Adobe Photoshop - A Graphic Design for Lunch™ Class

Demystifying the Histogram in Adobe Photoshop - A Graphic Design for Lunch™ Class

Double Exposure Effect in Adobe Photoshop - A Graphic Design for Lunch™ Class

Draw a Fantasy Map in Adobe Photoshop - A Graphic Design for Lunch™ Class

Emboss and Deboss Text and Shapes in Adobe Photoshop - A Graphic Design for Lunch™ Class

Folded Photo Effect in Adobe Photoshop - A Graphic Design for Lunch™ Class

Everyday Photo-editing Made Easy in Adobe Photoshop - A Graphic Design for Lunch™ Class

Get Your File Size Right Every Time in Adobe Photoshop - A Graphic Design for Lunch™ Class

Grab Bag of Fun Text Effects in Adobe Photoshop - A Graphic Design for Lunch™ Class

Grid Collage for Social Media in Adobe Photoshop - A Graphic Design for Lunch™ Class

Hi-tech Mosaic with Brushes & Patterns in Adobe Photoshop - A Graphic Design for Lunch™ Class

Warhol inspired Colourful Animal Images in Adobe Photoshop - A Graphic Design for Lunch™ Class

Intro to Creating and Using Photoshop Actions - A Graphic Design for Lunch™ Class

Isometric Cube Patterns in Adobe Photoshop - A Graphic Design for Lunch™ Class

Layered Paper Collage Effect in Adobe Photoshop - A Graphic Design for Lunch™ Class

Layers and Layer Masks 101 for photographers in Adobe Photoshop - A Graphic Design for Lunch™ Class

Make & Sell a Shapes Collection in Adobe Photoshop - A Graphic Design for Lunch™ Class

Seamless Repeating Patterns in Adobe Photoshop - Just the Basics - A Graphic Design for Lunch™ Class

Make & Use Photo Brushes in Adobe Photoshop - A Graphic Design for Lunch™ Class

Photo Collage for Social Media in Adobe Photoshop - A Graphic Design for Lunch™ Class

Make and Sell Overlays for Social Media in Adobe Photoshop - A Graphic Design for Lunch™ Class

Make Custom Shapes in Adobe Photoshop - A Graphic Design for Lunch™ Class

Kaleidoscopes with Smart Objects in Adobe Photoshop - A Graphic Design for Lunch™ Class

Diagonals, Chevrons, Plaid & Polkadots in Adobe Photoshop - A Graphic Design for Lunch™ Class

Make & Sell Photoshop Brushes in Adobe Photoshop - A Graphic Design for Lunch™ Class

Overlapping and Random Circles Patterns in Adobe Photoshop - A Graphic Design for Lunch™ Class

Pattern Bombing Effect in Adobe Photoshop - A Graphic Design for Lunch™ Class

Turn a Photo into a Pattern in Adobe Photoshop - A Graphic Design for Lunch™ Class

Patterns as Photo Overlays for Social Media in Adobe Photoshop - A Graphic Design for Lunch™ Class

Photo Texture Collage - Blending & Textures in Adobe Photoshop - A Graphic Design for Lunch™ Class

Inking Techniques in Adobe Photoshop - A Graphic Design for Lunch™ Class

Prepare images for Social Media & Blogs in Adobe Photoshop - A Graphic Design for Lunch™ Class

Recolor Objects without Making Selections in Adobe Photoshop - A Graphic Design for Lunch™ Class

Techniques for Recoloring Patterns in Adobe Photoshop - A Graphic Design for Lunch™ Class

Remove Objects & Tourists from Photos in Adobe Photoshop - A Graphic Design for Lunch™ Class

Reusable Video Glitch Effect in Adobe Photoshop - A Graphic Design for Lunch™ Class

Seamlessly Blend Two Images in Adobe Photoshop - A Graphic Design for Lunch™ Class

Set up Colors, Tints and Shades in Adobe Photoshop - A Graphic Design for Lunch™ Class

Sketches & Brushes to Whimsical Patterns in Adobe Photoshop - A Graphic Design for Lunch™ Class

Snapshot to Art - 3 Handy Photo Effects in Adobe Photoshop - A Graphic Design for Lunch™ Class

Surreal Collage Effect in Adobe Photoshop - A Graphic Design for Lunch™ Class

Text Over Image Effects - Glyphs & Layers in Adobe Photoshop - A Graphic Design for Lunch™ Class

Using Textures in Adobe Photoshop - A Graphic Design for Lunch™ Class

Photoshop Type Basics in Adobe Photoshop - A Graphic Design for Lunch™ Class

Upside Down Image Effect in Adobe Photoshop - A Graphic Design for Lunch™ Class

Using Illustrator Objects in Photoshop - A Graphic Design for Lunch™ Class

Using the Scripted Pattern Fill Tool in Adobe Photoshop - A Graphic Design for Lunch™ Class

Valentine's Day Inspired Hearts in Adobe Photoshop - A Graphic Design for Lunch™ Class

Whimsical Rotated Patterns in Adobe Photoshop - A Graphic Design for Lunch™ Class

Scrapbook Paper Designs with Displacement Maps in Photoshop - A Graphic Design for Lunch™ Class

 

 

Meet Your Teacher

Teacher Profile Image

Helen Bradley

Graphic Design for Lunch™

Top Teacher

Helen teaches the popular Graphic Design for Lunch™ courses which focus on teaching Adobe® Photoshop®, Adobe® Illustrator®, Procreate®, and other graphic design and photo editing applications. Each course is short enough to take over a lunch break and is packed with useful and fun techniques. Class projects reinforce what is taught so they too can be easily completed over a lunch hour or two.

See full profile

Class Ratings

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

In October 2018, we updated our review system to improve the way we collect feedback. Below are the reviews written before that update.

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. Create a Fantasy Map in Photoshop - Introduction: Hello. I'm Helen Bradley. Welcome to this Graphic Design for Lunch Class, Create a Fantasy Map in Adobe Photoshop. Graphic Design for lunch is a series of classes that teach a range of tips and techniques for creating designs and for working in applications such as Illustrator, Photoshop, and Procreate. Today, we're making a fantasy map, and there is whole lot of learning in this class, and it's all lots of fun. You're going to create some simple patterns. You'll add some strokes to a shape. You'll create some brushes, and you're going to create this fun fantasy map with all the little bits and pieces that you've created. Don't worry too much if you can't draw because that's just fine. All the elements on this map are very, very simple to draw. You can see me drawing them, and you can follow along very easily. I hope you enjoy this class, so it's time now to get started drawing our fantasy map. 2. Fantasy Map - Part 1: To get started with our fantasy map, we'll need a document to work with. I'll choose "File" and then "New". I'm going to create a document that is US paper size, but I want mine to be in landscape orientation. I'll choose 11 inches wide by 8.5 inches tall, 300 pixels per inch, RGB color mode and a white background. I'll click "Okay". You want to have the last palette accessible as you're working in the Photoshop. If yours isn't feasible, choose "Window" and then "Layers" to display it. We have a white filled background layer so we want to make sure that all our illustration is done on new layers so we get a bit more flexibility with working with our art. I'm going to click here on "Create a New Layer". This is an empty brand new layer. To draw out our island for our fantasy map, we're going to use the pencil tool. It shares a toolbar position with the brush tool. It also responds to using brush presets. We don't have the correct preset available here right now so we're going to go and append it. I'll click here on the "Gear" icon. This might be a menu icon in earlier versions of Photoshop, but just look for something up here that is clickable and when you open it, you should see this menu. I'm going to choose square brushes and click "Append" to append them to my list and what I want to do is to click on this one square brush". I have black as my foreground color so I'm just going to start drawing. This line is a little bit thin so I'll press "Control" old C, "Command" option Z on the Mac to undo it. I want to increase my brush size to three pixels. I can do that by pressing the "Close Square" bracket. I'll press that twice, that just adjusts the size of this brush. The square bracket keys are really handy keys to get to know when you need to adjust the size of a pencil, a brush, an eraser, any of the tools that use brushes as their foundation. I'm going to start drawing out my island shape and because I want this to look like a land mass, I'm going to use lots of curvy lines. I'm also going to be aware that I want to add a lighthouse later on so I'm going to create a promontory that the lighthouse could sit on. When I finish with my shape, if there's any place that I need to work on, I can do so. I want to make sure that it's a closed shape so I want to make sure that I finish at the same place as I start. I just want to erase this so I've got an eraser and a circular brush here. I'm just going to click over that just to erase that bit that didn't join up particularly well and I'm just going to join it up a little bit better. I can check around here and just see if there's anything else that I want to fix. Everything's looking pretty good so I'll press "Control" or "Command 0" to get back to seeing my image. You want this to be intact so you want to make sure that you have a solid line around here. We're going to click on the layer we've just been working on, and we're going to select the "Magic Wand" tool. Here it is here. This is a good tool for selecting inside closed shapes. You just want to make sure that you have contiguous checked otherwise you're going to select all the white areas. What we really want is just the bits in the middle of our island. I'm just going to click once here and you can see that we have marching ends all the way round the inside of my island. I want to shrink this selection so I'll choose "Select", and then "Modify", and then "Contract". That'll allow me to shrink it. I want to bring it in by about 12 pixels so I'll type 12 and click "Okay" and just check that I've got the result that I like. I can see a distinct difference between where the marching ends are and where the edge of my island is. Actually, it's going to be the water around my island. I'm happy with that selection so I'll choose "Now", "Edit", and then "Stroke". This allows me to apply a stroke to the area that is the marching ends. I'm going to set my stroke width to around six because the line that I first created was three pixels so six is double that. This is going to be a much wider line. I want it to be on the inside of the marquee that I've drawn and so I'll just click "Now" on "Okay" and I want to do that again: "Select", "Modify", "Contract". Last time I contracted it by 12 pixels and then I added an extra six pixels of stroke. I want to bring this one in this time, just a little bit more than 12 plus 6, which would be 18 pixels. Let's go for 20 and click "Okay" and again, we've got a nice spacing between the marquee and the lines we've already drawn. I'll choose "Edit", "Stroke". Again, I want this to go on the inside. Again, I want it to be black, but this time I want it to be wider again. It was six pixels, let's make it 10 this time and click "Okay". Now that I'm happy with what I've done, I can de-select my selection. I'll do that by choosing "Select" and then "De-select" or "Control or Command D". That's a handy keystroke combination to learn, Control or Command D. We have our island drawn and we're ready to go ahead and to add some map elements to it. 3. Fantasy Map - Part 2: The next step in drawing our fantasy map is to draw some elements that we're actually going to use on the maps. We're going to make some brushes, and we're going to make a grassland pattern. Let's start with the grassland pattern. We'll choose "File", and then "New". We're going to make a document that is 600 pixels by 600 pixels, so it's a square document. That's going to be crucial in a minute because we're creating a pattern, and I'll click "Okay". Now, I have black set as my foreground color. I have the Elliptical Marquee Tool selected. I'm going to click here to add a new layer to this document. For the Elliptical Marquee Tool, I'm going to select this option here. There's four buttons here and it's the third one I want and it's Subtract from Selection. I'm going to make sure my Feather is zero. That's critical for what we're about to do. I'm just going to zoom in here a bit, so we can see where we're working and I'm going to drag out an ellipse. It doesn't matter if it's not a circle, what we're looking for is this bend here. Having drawn that, I'm going to draw a second one, but I'm not going to let go of the left mouse button at this point. I'm looking for the area on the left, that crescent moon shape piece. If it's not a really good shape, I'm going to hold the space bar so I can move the other ellipse into position. I'm just looking for a good crescent moon shape. When I get that, I'm going to let go of the space bar and let go of the left mouse button. Because we had Subtract turned on, what we did was we subtracted the second ellipse from the first, which gave us this shape here, which is the beginnings of our piece of grass. Because I have black selected as my foreground color, I'm going to press "Alt Backspace Option Delete" on the Mac to fill this shape with black. Because it's on its own layer, we can do things with it. I'll click here on the Move Tool. I'm going to move it into position and I can rotate it a bit too. It's starting to look like a piece of grass. Well, actually I think that this one might look better if it were totally turned around. I'm just moving and shaping it, and I'll click the "Commit" option when I'm done. Here's the first piece of grass and I'll press "Control" or "Command D" to deselect the selection. I'm going to click here to add a new layer to my document, and each one of the three pieces of grass are going to be on a separate layer just so I can maneuver them before I create them as a pattern. I'm going to do the exact same thing, so if you need to, you can turn off this layer so it doesn't confuse you and go back to selecting your Elliptical Marquee Tool. Drag out an ellipse, and then drag out a second ellipse, check out your crescent moon, move the second one in on top of the first by holding the space bar as you move it, and when you let go, you get your crescent moon. Alt Backspace Option Delete to fill it with black. Now I'm going to bring back the other layer, and I can move this one into position, and reshape it, and place it so it's starting to look like three pieces of grass. I'm going to have one here, one here, and one up in the middle. To deselect everything, Control or Command D. I'm ready to create my final piece. Again, a new layer. I'm going to turn the others off just so they're out of the way. I want a piece to go up the middle, so I want it to be fairly long. Let's create a longer ellipse this time. Here's my second one. Well, I'm looking at my crescent and it's not very good right now, so let's just go and make a better crescent shape. I'll fill it with black, Alt Backspace Option Delete. I'm going to go and get the Move Tool, and now I'll just display the other two layers, so I can see it in place. I'm just going to put it in position, maybe rotate it a little bit, make it a bit thinner, and click the "Commit" button and deselect it with Control or Command D. Now I can just finesse the other pieces. I'm going to join them all together. I'll do that by selecting all three layers. I want to merge these layers. I can do that by selecting layer and then merge layers, and that merges them all to a single layer. Now, I'm going to use the Eraser Tool, so just go and grab the Eraser Tool. I'm going to make sure that I have, probably this 13 pixel diameter circular brush is going to be good. I've got a 100 percent hardness value here, and I'm just going to wipe out the bottom part of my grass so it's got a nice flush finish. I'm going to get the Brush Tool, and I'm going to go and get that same 13 pixel round hard brush. I'm painting with black and I'm just going to paint in here just to finish off the grass. It looks like it's a nice shape. I think it's a little bit big still, so I'm going to select the entire layer contents here and just make it a bit smaller. That's about the size that it needs to be for our grass pattern. Having made our initial blades of grass, I'm going to drag this layer onto the new layer icon. If you've seen the patterns video, you already know what we're going to do here with this last selected. We'll choose Filter, Other, Offset. We're going to set the offset value to half of the width and height of the document. The document was 600 by 600, so the horizontal offset will be 300, vertical offset will be 300, and click "Okay". Now, I'm just going to press "Control" or "Command Zero", so we can see the entire document. Here are the bits of grass that have been pushed out to the corners to make our pattern. Select All, Edit, Define Pattern, I'm going to call this grass, and click "Okay". Now we have a pattern that we can use to fill our landmass. Well, let's go back to our island. I'm going to click on this layer, so its selected. I'm going to select the Magic Wand Tool again and click in the middle because I want to fill this area with my pattern. Now, I'll choose Layer, New Fill Layer, Pattern, and click "Okay". Now, you can see here that we've got a mask that's been applied to this layer. The pattern has only filled up the internal part of the island and it's not out in the sea as well. I'm just going to scale this down. I'm thinking perhaps, well, 25 was way too small. Let's try 45, maybe 50. You just want a good size for the grass to go in your island. Then I'll click "Okay". There is the grass on our island, and because this is a layer mask here, if we didn't want grass in a certain area, which we might, and in a minute when we go to, for example, put a building in here, well, we'll be able to mask out the grass at that point. 4. Fantasy Map - Part 3: Next we'll go and create some brushes for the elements that we want to use on our Island. I'll choose "File" and then "New". This time I'm just going to make a smaller document and 200 by 200 pixels in size is pretty good. White background's just fine. I'm going to add a new layer and I'm just going to zoom in here so we can see a bit clearer what we're doing. I want to make a path for my island. I want a dashed line. To do this, I'm going to go and get the rectangular marquee tool, again a feather of zero. But this time we can just have this first option selected, which is new selection. I'm going to drag out a narrow rectangle here, and I want to fill it with black, which is my foreground color. I'll press "Alt backspace Option Delete". This is all I need for my path brush. With it still selected, I'll choose "Edit", "Define Brush Preset". This is going to be called Path and click "Okay". We don't need that layer anymore so we can get rid of it, so I'm just going to drag it onto the trash can and to deselect my selection Control or Command D. It would be nice to have a few graphical elements to add to our map. We're going to click here on the brush tool to select the brush and then we're going to open up the brushes palette. What we want is the calligraphy brushes. If you haven't got those in your palette, open up your little menu here and choose calligraphic brushes, and then just click "Append". I've already got those brushes, that's these brushes here. I want to use one of these to create a brush that I can actually use to do my drawings. I'm going to click on flat 7 pixel. I'm going to add a new layer. I just want to test out this brush right now. Now I'm going to the brushes panels. I want window and brush to be open because this is the brush itself. Just want to check and see what its settings are like. I want the spacing to be about what it is here, but I'm going to increase that may be just a little bit, because I want it to be slightly uneven. I think it would be better if it drew in this direction so that I can take it in the direction that I'm headed in. For that I'm going to click on Shape Dynamics and I'm going to set the angle jitter to be direction. That means that the brush is going to angle itself in whatever direction I want to hit in. That's giving me a pretty good brush to draw with. I'm going to attack scattering now because scattering will allow me to make this brush a little more uneven. What I'm going to do is I'm going to add a little bit of scatter. I'm going to do it on both axes. You'll see that the brush starts getting a few little extra bits on it. It's not painting or drawing quite as smoothly as it was. That's just a very small scatter. It's probably about a 20 to 30 percent scatter. I'm going to go back and decrease the size of my brush right now at seven pixels. I'm going to take it back to around five pixels and see how it is now. What you want to do is just get a brush that's going to be really nice for you to draw with. I wanted to draw pretty much the same horizontally and vertically and on an angle, so it has a nice look to it. Having done that, I want to save this brush, so I'm going to click here on the brush menu and choose "New Brush Preset". I might just call it drawing brush number 1. It's one that I can use later on to draw with. Let's go back to the Layers palette. I don't want this layer because I was just playing around, so I'm going to get rid of it, add a new layer, and now I can draw some elements for my map. I'm going to start with a road sign, a pointing sign. Just going to draw out my sign. If I make a mistake, I'm just going to Control Alt Z to get rid of that last line. I can draw a straight line by clicking and then shift clicking and that will draw a straight line. Given that my brush has a little bit of roughness to it, it's not actually looking too much like a straight line, which is exactly what I don't want it to look like. I'm going to draw the post now. I'm going to click here. I'm going to Shift click at the bottom. I'm going to do the same over here. Click, shift click. I'm just going to join these up. Let's just add a few bits here. They're suggesting that this might be planted in the ground. We want to remove the bit from the middle here, which we can do with the eraser. Just selecting a small size eraser brush with 100 percent hardness and to size it down, I'm just using the open square bracket K. I'm just going to erase in here. I'm going to use the smallest size brush just to get these areas here close to the lines I do want to keep. Now I can enlarge my brush to get rid of the other paces and tidy up my illustration a little bit, but I still wanted to have a funky hand-drawn look. Having created that, I'm going to choose "Edit", "Define Brush Preset". You can see that this is now a brush. We creating it as a brush so we can use it on our map in a minute. I'm just going to call this signpost. Once I've done that, I can just hide this and add a new blank layer and go ahead and create some other elements. My brushes selected the one I just created as select. I don't want that. Going back to my brushes panel here and I'm going to presets. Let's just go down and pick up the brush preset that we created. Now I can create another element. For example, I might want to create some mountains. I'm just going to go here. Let's just make sure that this is going to draw, while I'm working with the eraser, that's why it's not drawing. Just going to get the brush tool instead. I'm going to draw a mountain and I might want to shade it, so I could just add in some shading lines here if I wanted. Having drawn one mountain, I can then go and choose "Edit", "Define Brush Preset" and I can call this mountain. I'll go back to the brush that I was using by clicking here on Presets, go down and pick my five pixel brush here so I can continue to draw. I'm going to turn off this layer. I'm going to add a new layer. I'm going to go and create some other elements. As I'm drawing these elements, I'm not going to speak, so I'm going to speed up the video. You can just watch the elements that you may want to draw for your map. 5. Fantasy Map - Part 4: Once you've finished drawing the elements that you want to use as brushes, then you can go back and use those elements actually on your map. You could also save this file if you ever wanted to get access to your little drawings, so you could, for example, make changes to them if you needed to. Let's go back to our map and let's get started on adding some elements to it. Right now we have this pattern fill layer selected and we won't be able to do any additions to that layer. We're going to need to click to add a new layer. Again, making sure black is my foreground color, I'm going to select my brush tool because all of the elements that we just created were created as brushes. They're going to be at the very bottom of the brushes panel here. I created some mountains here in my mountain, so I'm just going to select them. They're a little bit on the small side, so I'm just going to press the close square bracket "K", just to make them a little bit bigger. To paint them into my map, I'm just going to click once. If it's not dark enough, I'll just hold my mouse very steady and click twice to get a darker brush. I'm going to add a few mountains. In a minute I can get rid of the grass behind the mountains. Now I created a single mountain here, so I can use it to add a little bit more detail to my mountain and make these look a little bit different. I'm going to put one in here. Again, making sure I'm lining things up neatly so that it looks as if it belongs and making sure not to go over any of the existing lines in my mountains. Now we can create a path, but perhaps before we do create our path, we might want to create the lighthouse that is going to be at the end of the island here, going to create a new layer for that. Again, my lighthouse is a brush, so I'm just going to get my lighthouse brush here, test it for size, it's a little bit small, and so I'm just going to click a couple of times to put my lighthouse in position. Let's just zoom in here because we've got a slight issue in that those stroke lines that went around the island are actually going through our lighthouse. Or we can solve that by going to this layer, this is the island layer. What we're going to do is we're going to add a mask to this so that we can paint out that edge effect underneath the lighthouse. We'll click here on" Add a Layer Mask," that adds a white filled mask here. What we're going to do is paint with black on this mask. We're going to make sure that the mask is selected, so it has this little border around it. Make sure black is your foreground color. Go and get your brush and go and get a circular brush, something like this one. You want it to be hard, so you want it to have a 100 percent hardness. Then with this mask selected, you're going to paint on the image, and wherever you paint with black, you'll see that the lines underneath are being hidden, they are not actually being removed, they're just being hidden. If we wanted to move this lighthouse later on, we haven't actually destroyed the lines around the island, we've just hidden them for now. So I'm going to make sure that they're gone. The lines are going behind the lighthouse and not in front of it. When I'm happy with that effect I'll just press "Control 0" "Command 0" on the mark. You can say that we now have the lighthouse in front of the border around the island, but it hasn't destroyed this border, the border is still there, you can see it here. I can turn off the mask and you can see the border, it's just been hidden for now. Now that we've got our lighthouse, we're ready to put in a pathway. It's not the pathway that people might walk on if they were coming in or going out to the lighthouse. We're going to add a new layer for that. Our path brush is going to be that little rectangle that we created. I'm going to click here on "The Path Brush". Now we need to set it up because right now this is how it's painting, it doesn't look anything at all like a path. In the brushes palette, what we want to do is we want to increase the spacing on this brush because we want it to paint as a series of dashes. It's doing just that right now. I just think it's a little on the large side, so let's just wind it back in size and test it. Well, I think that's a good set of dashes if perhaps still a little bit big. It's painting pretty well right now except when I try and paint in this direction, it looks like a set of stairs instead of a path. To solve that problem, we'll go to Shape Dynamics. I'm going to click on "Shape Dynamics", and select it. What we want to do is we want to adjust the angle of that brush and we want it to head in the direction that we're going in. I'm just going to click here under "Control" and set direction. Now let's look and see, the brush is following us and when we head in a vertical direction, it's coming with us, so it doesn't look like stairs, it continues to look like a path. Now that I've got the brush painting as I want it to paint, I'm going to save this as a preset because I might need to come back to it later on, and I certainly don't want to have to get the settings right. I'm going to click "New Brush Preset". I'm going to call this island path so we can come back and select that brush if we needed to make changes to it. But let's now go and put in some paths. I think people from the lighthouse might want to come and walk through the mountains. I'm also going to put a castle in up here, so let's put a path into the castle and perhaps the little town over here. They may want to go up into this page here. So you can draw little paths across your island using your path brush. If you save the preset, you can come back and add extra paths later on, and they're going to look like the original paths. Let's go back to the brush tool and let's add a castle. Here's my castle, again, it's a little bit on the small side, so I'm just going to place it here. The path is coming right up to the castle gate and I have a small town here. Let's go and get the houses that make up this town. I have a road sign too, so let's go and get that. Then we'll add some trees in a minute. The road sign is a little big perhaps, so I can make it a bit smaller. Let's have it pointing in the direction of the mountains. It was a bit light, so I'm just going to hold my mouse very steady and double click. We'll put one over here pointing towards the town. Now I had a few trees that I created, so let's go and get the cluster of trees, and we will have a small cluster of trees, perhaps over this side of the island, perhaps in front of the mountains. I have a single tree, maybe there's a tree over by the castle, and perhaps a couple of trees on the way through to the town. 6. Fantasy Map - Part 5: To finish off our map, we're going to need a couple of things. Firstly, I'd like to be able to indicate that there's actually some ocean around the island, so I'm going to create the elements I need to create the ocean. I'm going to choose File and then New. I'm going to create a small document; for example, something like 200 by 200 pixels in size and click "OK", and I'm just going to zoom in here. I want to create some waves, so I'm going to add a new layer here. I'm going to go to the Elliptical Marquee Tool. Make sure the feather is set to zero, I can just go onto Select Mode here. I'm going to drag out a circle here. With the circle selected, I'm going to choose Edit, Stroke, and I'm going to apply a three-pixel inside stroke to this and just test and see how that looks. Well, I think that that's pretty good. I'm going to select this shape with the Move Tool. I'm going to hold the Alt key as I drag another shape away from it. I'm just going to line them up so that they overlap here. I'm going to do that twice more. I just want them to just overlap; again, Alt dragging the original away. Now I'm going to get the rectangular tool here, the Rectangular Marquee Tool. These are all on separate layers, so let's just grab all four of them and let's merge those layers together with Layer, Merge Layers. With the Rectangular Marquee Tool, I can now drag over the top part of the shapes and press Delete. That's going to give me something that is going to vaguely resemble waves in the ocean. I want to get rid of this selection, so I'll press Control or Command D and just select the elements here that I want to make waves out of. I'm going to make this a brush. To make it a brush, I'm just going to choose Edit, Define Brush Preset. I'm going to call this waves and click "OK". That's going to be my big waves in the ocean. I'm going to turn this off for a minute because I'm also going to make a pattern while I'm here. I'm going to add a new layer here and I'm going back to my path brush. That was just this dash here. I'm going to test it out. I think it's going to be too big in my document. So I'm just going to shrink that brush a little bit with the open square bracket. I'm going to click once or twice in the middle of this document, just to put a dash there. Now, I could create a proper pattern from this, but this is just filler for the ocean. So I'm just going to come up into this top corner here. I'm going to press the brush twice here and that's going to be all I need to create a repeating pattern. It's not going to be a perfect repeat, but as I said, this really doesn't matter for this particular purpose. I'll choose Select All, Edit, Define Pattern. I'm going to use this as ocean fill and click "OK". Let's go back to our map. I want to add the ocean fill all the way around the islands. I'm going to go down here to the island layer and I'm going to get my Magic Wand Tool and just click once outside the island and that's selecting everything that is not the island. Now I'm going to add the fill to it. I'll choose Layer, New Fill Layer, Pattern, click "OK". The last pattern that I made is the pattern that's showing up here. This is going to be my fill for my ocean, but it's way too big. Let's just try something like 60. I think that's too big still. Forty? That's looking pretty good, so I'll click "OK". Now let's go and get our waves. We're going to add a new layer up here and we're going to go and get our brush and go and get our wave pattern. That's the waves that we created earlier, and they can be just a little bit bigger. I'm going to press twice and just add some waves to where the ocean is. Just doubling up on those just to make sure they're really, really dark. I'm going to come back to this one in a minute. Now, if you've got waves that are going over your landmass, such as up here, let's just go to this waves layer and you can see that all the waves are on a single layer. We can just come back in here and just erase them from where we don't want them, which means we can also add some three-wave sets if we want to, and knock some of the extra waves off some of these sets if we wanted to. The other thing I want to do is to make this dash pattern in the ocean just a little bit less intense. I'm going to come down to that layer and this is the layer that's doing the work here. Just going to adjust the opacity down, which is going to make it a little bit of a lighter fill. I think about 50 percent opacity is good for that. There's definitely some fill there in the ocean, but it's not as intense as it was before, and the waves are really doing a bit more of the work. To finish off, let's put a compass in this. Let's click here on a new layer. I'm just going to put this at the very top, so I'm just dragging it up to the top of the layer stack. Again, I'm going to go back to my drawing brush because I think that's going to be a good choice here. Here it is, the five-pixel brush here. I'm going to add a small compass by clicking and then Shift clicking. Well, the brush is way too small or way too narrow, so I'm just going to undo that, make it a bit bigger, and let's try it again. Click, Shift click, that's much better. Click, Shift click. Let's zoom in here a little bit. With click, Shift click, it can add the top onto my arrow and I can fill it in too. If you need to erase any bit of this, of course, because all of this is on a separate layer, you can always erase the bit that you didn't want, because I'm thinking that that bar is not where it should be. Let's just try putting this line back in. I think this is looking better. Let's finish off with the letter N, which we can get to by just typing in a character. I'm just going to type the uppercase N, and I've already selected the font here that I want to use. This is a font called Blackadder, which is a font that was developed for the television series Blackadder if you've ever seen that. It just has a funky look here and it's going to work really well for our illustration. It's a free font, so you should be able to find that on the web for download. The final thing I want to do with this project before I finish is just control the grass where it's actually inside side of the elements on the island. Let's just dial back and find our grass layer. This is the grass layer here, and it already has a mask associated with it. All we need to do is to go and get the black paint. We've got black paint selected here. We're going to get our brush and we're going to choose a round brush that we can use here. Let's go back to this 13-point, hard, round brush, making sure that the mask layer is selected, I'm just going to enlarge this brush a little bit and I'm just going to paint over any of these little pieces of grass that are in places where I don't want them to be, which is on the mountains or inside the castle here or they might be over here, anywhere I don't want them to be. I think I've got rid of the grass from all of these elements here now. We're just doing that, of course with the masks, so that's editable. We could always get those grass bits back later by just painting on that area in white. There's our finished fantasy map. Your project for this class is to create your own fantasy map. Go and draw some elements like mountains and trees, make a path brush that you can use, and create your fantasy map and then share it in the project area with us. I'm really looking forward to seeing what you come up with. My name's Helen Bradley. Thank you so much for joining me for this episode of Graphic Design for Lunch, and I look forward to seeing you in an upcoming episode soon.