Illustrator tutorial: Lines with Rounded corners, Metro/subway map
Vložit
- čas přidán 2. 08. 2024
- In this tutorial I'm going to show you a really easy way to make lines with rounded corners like in a subway map.
My Blog: terrymahy.blogspot.co.nz/ - Jak na to + styl
I never liked Illustrator, so I've been hacking my way through with Photoshop all these years. But once I needed to make a subway map and saw how easy it is with Illustrator, I gave it a chance. Thanks, mate- you saved my life.
This was just what I needed - simply walked through and explained. Cheers!
Thank you so much for this! It's brilliant. Clear and simple. I'm a total illustrator newbie and was contemplating head butting my monitor until I searched google and found your video. Cheers!
Seriously fun to follow! Thank you. Please keep sharing your expertise!
Thank you so much for the tutorial! It was easy enough for even an Illustrator newbie to follow and it definitely helped me make a subway map of my own ;)
Excellent. Just what I was looking for in a concise and friendly tutorial. Thanks.
All good, thanks :)
Haha, thank you, made my day with that :) I have no plans on stopping yet
ur awesome!!!!!!! OMG! thanks! never stop uploading tutorials u are good!
Just picked this up today and it's great, thanks for the info dude
Wonderful tutorial!! :D
I love the way you explain everything!
Thanks :)
If you expand the line into a shape, then use smart guides (ctrl u) they should snap together pretty easily.
this is really helpful, thank you!
hi terry..nice simple tutorial. thanks. i have couple of questions:
-if i have several lines running together, and they all need to go round a corner together...how do i do that? (so there's no gaps)
-2) when the corner is 90deg, the format of the corner looks off to me: is it possible to customise the curvature of the corner itself? without affecting the line ?
(I have illustrator cs4)
You. Are. AWESOME. Thanks!
Do you know how I can make rounded lines in corel draw?
So glad I found your channel! this video is exactly what I was looking for! How can I enclose that map in another bigger circle?
How do you round corners of a shape or object created with the line tool?!!!!!!!pleazee help
If you are going to create a more complex map then it would be worth learning about 'styles' and 'symbols' so you could later change the appearance of all the lines and intersections simply by changing the styles and symbols masters
Thank you. I've been wondering to make the round corners in maps for almost a century until I found this.
***** All good :) Glad it helped.
Thanks, glad you like it :D
I was trying to use inkscape to test this out to but I'm not sure how to use it.
Cheers for that one mate!
Amazing What name program is this is this for Mac?
Offball question, any idea on how to do this in gimp?
Really nice tutorial, I hope you make something new in the future!
Thanks, I do plan on making more this year.
1 - make a brush with the lines you need then apply it to a single path. this will wrap the curve around a corner with no gaps. Google "retro lines in illustrator" for tutorials.
2 - Expand or Expand Appearance will allow you to manually adjust the paths curve.
Thank you for your tutorial, very clear ! I'll try it right now ;)
All good, thank you :)
Thank you!
Fabulous! I kept using the stroke palate & wondering why when I clicked "round joins" it would only round one side. Thanks for solving that mystery! I'll bet that is a common misconception! Thank you so much Terry!
+Karen Fredericks All good. Thanks for your comment :)
THANK YOU!
omg you saved my life i needed this for my college class
All good :)
Hi Terry! Great video! I wonder if there is a way to draw parallel lines as if routes go in the same direction - I tried moving lines closer separately but rounded corners obviously just wouldn't match...
You might need to look at multiple strokes (done in the appearance tab).This way the curves will relate to each other. They would have to get progressively bigger to show past the first stroke, little bit of maths and experimentation involved sorry. I would do three strokes on one path and have the middle one white. expand your path and delete the white one. They won't be paths after this, rather shapes. So do this once you have finalised it.
Thank you, it is very very helpful.
All good :)
Thank you :)
Thank you very much!
All good :)
No worries, persevere with illustrator, I know the initial learning curve is a bit off putting but you'll soon find it easy as.
thanks for your video, it's useful!
All good, Thank you :)
The original design for that type of map was the map of the London underground. If you are interested in drawing this type of maps you can check this document (by the company Transport for london) www.tfl.gov.uk/assets/downloads/corporate/lu-signs-manual-issue04.pdf page 80
Thanks for the hint with the round effect saves a bunch of time.
How to get a shapefile (shp) under of this later?
pass, never worked with them. I'm sure Google can help.
THANK YOU! Im doing a map for a client and wanted a subway style and could not think of how to do it.
All good, glad it helped :)
thanks, just what I needed to know.
All good :)
Thanks bro, nice stuff.
+Ivor Dozenbikes All good, Thanks.
thanks!
No worries :)
Same process. > Select shape > Effects > Stylize > Rounded corners. It will work on anything that is made out of paths.
Really useful, thanks
All good :)
very good! thank you
Discomental No worries :)
all good :)
Does anyone know any other program that lets you draw and colour lines AND lets you add rounded corners to them. I would really like to know as I only would want to use Illustrator for armature metro map creating and I don't have the money for it.
inkscape is a free alternative inkscape.org/en/
+GraphiteProjekt You can download free 30-day trail. And if you think a little out of box, you can unbox the trail (if you know what I mean :P)
Carl CIFER Well that's what I did in the end.
beno.org
When I draw paths, my paths overlap and some parts of previous paths disappear? Do you know how to fix this?
***** Not sure what you mean. Disappear when you apply rounded corners or just while you are drawing?
Terry Mahy It was just when drawing, but I figured it out, my pen had a fill colour of white, I changed it to the one with a red stroke through it and it fixed it, I'm sorry, just really new to illustrator.
***** All good :)
Will the tricks work in Photoshop? I don't have illustrator
Nope
Great, thanks.
all good :)
how the heck did you get the lines to automatically be 45 degree angles?
Holding shift while you draw them makes them snap to 45, 90 and 180 degrees.
:) no worries
Lifesafer.
I can't get 90 degree corners rounded on the inside of the corner in CS6. Thoughts?
Make sure the shape is selected, you are using the right effect and that the stroke is set to center. Other than that I dunno sorry, I don't have CS6 to replicate the error.
Thank you so much ^^
+ウェルワナーラックワニシャカーン all good, thanks :)
BOOM! GAME, SET AND MATCH!
I wish I knew like you.
thank you
Hadeethul Lail All good :)
the big challenge i'm having with this kind of project is when the two lines run together. its really hard to get them to fit together without a gap.
I can't move the circles above the anchor points because the path and the points don't show up (blue)...
have you locked them in the layers dialog?
Terry Mahy No.. Everything is unlocked..
david10erdz you haven't hidden the selection lines Ctrl H
Nice
Thanks
tldr select line, then effect > stylize > round corners
Where's the pin tool? I can't found the bloody pin tool!
Never mind, the pen tool seems to work just as well :)
Thank you :)
No worries :)