Drawing Roads on Simple Maps in Illustrator
Vložit
- čas přidán 14. 07. 2016
- Drawing simple maps is one of those jobs that pops up from time-to-time in just about every freelancer's career. Create yourself a graphic style in Illustrator and use that-targeted to a layer-to take the headaches out of drawing and editing-this movie shows how.
UPDATE: I've now released the technique previously only available via my Lynda.com and LinkedIn learning courses that means you can have roads of multiple sizes - even with different terminals (endcaps) and takes just three simple operations (can be done in under 30 seconds). Check out: • The Ultimate Technique...
Wow thanks! I've been using Illustrator for almost 25 years and didn't know about the target layer thing. That really is a fantastic way to have intersecting lines with multiple strokes blend together.
There's always more to learn!
all 4 tutorials about maps are great, I learn some useful tips from each , thanks !
Thank you (again), Alexandru- there's more map stuff coming up in the next few months!
Thank you a hundred times! I've needed to do this very often recently, and now I know how! Thanks again!
Thanks, Richard-I'm really glad that this helped you out, and thank you for letting me know! Keep watching!
Thank you for this tutorial
wow this is awesome - thank you
Thank you! You're most welcome. :)
Fantastic tutorial! 👍
Nice to find some real tutorials instead of supposed tutorials that are just 'Speed Art' with no narration or instruction whatsoever.
I've only just discovered your channel and I like what I've seen so far, so have subscribed.
I look forward to watching more.
Love the British accent, too!
Thank you! Glad you're enjoying my content and hope what you're learning is proving useful. Thanks for subscribing, too!
THANKS GREAT STAFF
Hey there!
Really love this video tutorial, thank you so much! This will help me tremendously with a university project. I am trying to figure out though - how do I change the width of a single road? When I check the appearances after selecting one road, it does not show the same graphic style and instead shows that there is no fill, no stroke at all. If I mess with these in a similar fashion to the video, they will not blend together anymore and this line with have a stoke outline that interferes with the others.
Can send over screenshots if that is helpful. Thanks :)
Is there a way to add one thicker width road and then connect a thinner road that connects with the same stroke blending in without a cut or line appearing?
amazing！
Great! Thank You!
You're welcome, Jan!
hello. thanks man.keep up the good job.
Thanks, Kennedy! I'll do my best! :)
How should I go about adding color to my map that I have just created?
What version of Illustrator is this? This is an excellent video. Thank you
Absolute Master....
Thank you-much appreciated!
Great video! Thanks! .... what if i want to make different stroke sizes??? :(
ninja please help. everything is ok, except for one thing. My roads / ways are closed not open.the result is that the roads are not connected but closed-isolated rectangles. Why?where did I make a mistake?
Thank you times a million. Very easy to follow.
Thanks, Alison! There's more mapping coming along later today.
Really nice video! Thanks a lot! Is there a way to use several graphic styles to manage different sizes of roads? If so should I use the same layer?
Thank you, glad you've enjoyed it. Yes, you can use several graphic styles, as well as using combined graphic styles to manage your different roads. My personal preference is most often to keep everything on separate layers-I just think it's easier to deal with. You may need to make use of some opacity masks on the layers though-but it's still easier than managing lots of expanded shapes!
i try to do as your instruction but simple those link not snap and show complete result from your video. did you make point snap or myillustrator setup was wrong?
Cool video! But I have a problem with path intersection, roads just lay on each other. How to fix it?
Thanks! Do you mean roads that are crossing over each other?
I've got no idea what you're doing/explaining from 3:54 through 4:10. Could you please explain what that was all about? I'm not getting the same results on my end, and the description of what you're doing there isn't helping me figure it out...
awesome tutorial, but tell me how to different wide of the road !
thanks bro
Hi Tony, a little snag I'm hoping there is a simple answer to... What if I want 2 main roads to be a different colour or wider? Can't seem to wrk out how to change individual roads yet still have them intersecting with others. Any ideas? Thanks for all you do :)
Hey. Thanks for the kind words and there is a solution to this that is covered in my Lynda/LinkedIn course on "Drawing simplified Maps in Illustrator" where you'll discover a really powerful technique. While the whole course covers a lot more, this is such an important technique that I made the associated movie free for all: bit.ly/2SgVNLx
Enjoy!
Excellent! Quite easy and it takes little time for drawing roads! TFS! This is for roads of the same width, but I wonder how to draw roads with multiple stroke widths, e.g for large roads connecting with small roads? Pls help. Thanks!
If you watch my video czcams.com/video/4l2DHw6P0ok/video.html this should help with your question.
I have access to Lynda.com and would like to take some of your tutorials. How can i find you on there?
Hey Chiara! I'm easy to find: lynda.com/tonyharmer. Let me know what you're learning! :)
Hi. I'm having difficulty trying to create streets. Instead of merging together, the lines look like they're overlapping each other.
same goes me
You need to add the style to the layer-follow the tutorial slowly, step-by-step and you should see where it's going wrong. Good luck! :)
Please see the answer above and hopefully you'll fix it, too. :)
Hello! This tutorial helped me a lot. I have a question though. Is there a possibility that the roads endings to be ...open and not closed by the black stroke?
Yes simply don’t use the effects as shown here.
Instead just increase the points of the stroke below.
Example:
Stroke #1 (Yellow or white) points = 30
Stroke #2 (black) points = 32 or so.
Hope it helped
@@iamjusthaidi yeah but doing so will have two roads intersecting each other.
Hi, When I apply the graphic style, I do not get lines that blend/mix or whatever you call it but lines that remain independent and come above or overlap one another. I do not find out what I did wrong.
Hey Pauline! I think you need to target the layer-just have another look at the video and watch that step, it's normally what's gone wrong, there. Hope that helps. :)
How to save it?
is the process same for photoshop or is it different ? btw i loved your work !
Thank you! The process is completely different in Photoshop but that may be a worthwhile tutorial… I'll add it to the list! 😊
I'm looking for something I could draw road maps on for a android note 9 I dont have a computer mine is down. Any suggestions
Illustrator Draw, perhaps? It's an Adobe mobile app. :)
Thanks for the video. How do you change the thickness of a single road? I'm finding the graphic style is applied to the whole layer and so I can't create any other line or graphic style within that layer that will connect up with the other roads. Thanks
Hey Chris! You're welcome and thanks for commenting. There is another method that I use, which allows for varying widths of road, but it's not due to go on here at the moment. It will be in my new maps title coming soon on Lynda.com and LinkedIn Learning, if you have access to either of those? If you follow my Facebook page (facebook.com/thedesignninja) you'll see the announcement for when that goes live. :)
Can you give us the app
how do I get into the menu "move"? Can't find it (8,42)
Hey. With the Selection Tool active, hit RETURN on your keyboard-if I remember correctly though I did that by mistake in this movie, and meant to get the Average Command. :D
How do you add/edit roundabouts?
What a great question, Anoop-and it'll make a great video-stay tuned.
Are you the guy who speaks for the headspace meditations? you sound spot on the same as him
Which software u use for making map
Illustrator and also ESRI Maps for Creative Cloud
Why mine when the line crossed the offset line go on top of each other and looks like a flyover instead of crossing?
Hey. I'm not 100% sure what's going on but it sounds like you have a second instance of the style running on an object, rather than the layer. What may interest you is that I've just published the ULTIMATE technique for doing this that is much easier, faster and way more flexible-take a look at it here: czcams.com/video/tKTxLcpW8vA/video.html
usefull thank you so much you save me more and more time wasting
Hey! Glad I've been able to help!
I need help. I tried this yesterday and it work well. All the road is joining up. But today i tried again and none of it joining up.
Hey there. A common mistake with this technique is to select all, and then try the effect-what you need to do is target the layer, then everything should work just fine. :)
Yup, i figured that out. The road has to be in same layer. Other things in other layer. Thanks!
Great! Glad you're all set. :)
can any one tell me how draw the fault on geological map please
Hey Amjad-can you send me a link to an image similar to that you'd like to draw? I found a couple of things, one from the University of Leeds, and another on a CZcams video: Folding, faulting and geological maps (but this isn't in Illustrator. If you can send me a link, I'll do my best to see if I can help. :)
my dear thank you for your interesting ,but I found how i can fix this
problem
with all my respect
amjad
i've targeted all the paths in the layer but it doesn't connect the strokes!
Give it another watch and you should see what's needed. Hope you're enjoying the content, too.
@@TheDesignNinja I ended up getting it! And yes I am :)
I followed all of your moves yet my roads are huge and going on top of another. They keep remaining wide, stroke just literally changes stroke thickness and fill does literally nothing, not like in your video. Wasted an 1 hour and a half on this to find out it isn't working as it should. Or even if it does, my roads doesn't connect anymore and I don't understand why. I need my map done by tomorrow noon. x.x
Sorry I wasn't able to get back to you earlier but have been away for several weeks. It sounds like you missed out targeting the layer.
I draw a city map in sketchbook app
Well done, but I think you may find the usage of that is somewhat limited! How would you cope if someone asked for the file at a large size like five feet wide at 300ppi… ?
I am making a roblox game what is this call please tell me
Hey. Not sure I understand the question, sorry. Do you mean the software used to create the map? If so, it's Adobe Illustrator. 😊
@@TheDesignNinja what about for mobile
@@megatrongeneral02 Not on mobile my guy
None of my roads join up ):
Hey
Aw, sorry-but let's see if we can fix it, together.
Follow the steps through carefully, again. Make sure that when you apply the style, you have the layer targeted (look closely to make sure you're hitting the icon). Also, switch out to outline mode (Cmd-Y on a mac, Ctrl-Y on PC) and look at the actual vector lines.
Don't be disheartened! Give it another go-if you're still having trouble, then comment again and I'll get back to you as soon as I can! It's also sometimes easier to tweet me @tonyhamer as I may see that faster.
Good luck!
I'm pretty sure I'm clicking the layer target button as the box icon appears next to it. If this is of any use; when I click the target button it highlights all the anchors and the surrounding box instead of in yours where it has a box around it, I'm using the same selection tool at that stage. That probably isn't very interesting as that's probably just down to variations in the versions we're using. As you can tell, I'm quite the beginner when it comes to illustrator.
You caught me just before I turned-in for the night (sleep time)!
That sounds correct. Once you've targeted the layer, go to the appearance panel, and make sure it says "Layer" at the top; if it does, you are doing everything correctly.
try just one more time, following each step and if that doesn't work, please put your file somewhere that I can see it, like on DropBox or similar.
I would have said Creative Cloud, but I'm guessing that you're not on CC yet-however this tutorial would work if you traveled back in time ten years!
Also, don't worry about being a beginner-everyone has to start somewhere, and it's great that you're trying to learn good solid skills, here.
I won't be able to get back to you until tomorrow, but let me know how you get on.
:)
It does say layer but once again it doesn't join. I've made sure it's filled white as well. I've put it on a shared file on my drive account. Here you can download it.
-
drive.google.com/folderview?id=0B8T-K6Km_UOpN2p3cnVWaDMxNzQ&usp=sharing
Hey. I can see the problem, from the file preview alone-plus your description: you have added a white fill, and what you need to do is add another stroke instance, not a fill. Try the tutorial again, slowly and it should be fine.
:)
Your tutorial is incomplete, you didn't even say on how to put some color to make the map more beautiful. :|