All posts tagged: Adobe Illustrator

Tutorial: Using Illustrator or Photoshop to Check Your Design for Colour-Blind Accessibility

January 21, 2014
Leave a comment
Filed Under:
Tutorials
Tags:

Here’s a simple little trick that works in Adobe Illustrator and Photoshop CS4 and above: You can quickly check your artwork to see how it might appear for a colour-blind user by simply going to the View menu > Proof Setup, then choosing one of the two colour-blind profiles at the bottom of the list. Then select View > Proof Colors (Cmd/Ctrl-Y in Photoshop). As you can see from the GIF above, the results can be […]

Breaking News! Illustrator CC’s “Live Corners” Are AMAZING!

January 17, 2014
Leave a comment
Filed Under:
Tutorials
Tags:

Yesterday, Adobe released updates to many of their Creative Cloud applications, including Illustrator (which is now at version 17.1, if you can believe it!).For me, the absolute standout feature is “Live Corners”, which is a game changer for the design and production of transit maps. Gone are the inconsistent and unpredictable results produced by the “Round Corners” effect, and my trusty but time-consuming workaround – using a set of master curves and manually cutting-and-pasting them into […]

Tutorial: Aligning and Spacing Elements Using “Invisible” Artwork

January 7, 2014
Leave a comment
Filed Under:
Tutorials
Tags:

A pretty simple trick this week, but one that I use all the time. If you need elements to be aligned precisely to another object, and always an exact distance away from that object, simply use a rectangle with no fill and no stroke (an “invisible” object) to define the required alignment and spacing. It won’t be visible in your final artwork, but can be seen in Illustrator’s Outline view for precise adjustment as required. […]

Tutorial: Harnessing the Power of Illustrator’s “Symbols” Feature in Transit Map Design

December 31, 2013
Leave a comment
Filed Under:
Tutorials
Tags:

Imagine this scenario: you’ve been working for months on a complex transit map – lots of interchanges and routes – for a big-city transit agency and you’re presenting it to their management team for approval. They love it, except they’d like the circular interchange markers you’ve used to be square with rounded edges instead. And they’d like to see the revised version in an hour. If you’ve used standard Illustrator artwork for each of your […]

Tutorial: Creating Multiple Parallel Route Lines using Art Brushes

December 24, 2013
Leave a comment
Filed Under:
Tutorials
Tags:

Last week’s tip about using the Offset Path command in Illustrator to create multiple parallel paths was very well received, but reader Leah left a comment saying that she finds using Art Brushes quicker and easier. If nothing else, it’s good to be reminded that there are always different ways to achieve the same result!  Setting up an Art Brush for what we want to do is actually pretty simple. Simply create a short section […]

Tutorial: Creating Multiple Parallel Route Lines

December 17, 2013
Leave a comment
Filed Under:
Tutorials
Tags:

Today’s tutorial comes from an anonymous question that I received in my inbox, which asked: I design a bus transit map using a street layer. But how can i align correctly multiple lines on a street without overlap? This is a great question. You’d be amazed how often I see people attempting to draw multiple parallel route lines manually, which is absolutely the most difficult way of doing things. You might be able to get away with it on […]

Tutorial: Station Labels Using the “Core Type Area” – Part 4: Intersecting Route Lines

December 10, 2013
Leave a comment
Filed Under:
Tutorials
Tags:

Here’s the last of my tutorials regarding station label placement – what to do when route lines intersect each other. There are three standard ways that orthogonal route lines can cross each other, each illustrated below. Horizontal and Vertical Lines: The simplest intersection to deal with. Simply keep the same distance from the side and top/bottom of your label for consistent results. Vertical Line Intersecting an Angled Line (or a Horizontal Line/Angled Line): This one’s […]

Tutorial: Station Labels Using the “Core Type Area” – Part 3: Angled Labels

December 3, 2013
Leave a comment
Filed Under:
Tutorials
Tags:

While it’s true that I don’t really like the use of station labels that are angled – being very much in the Erik Spiekermann camp that believes horizontal labels aid comprehension and create a cleaner looking map – I do realise that there are times when their use is necessary. If you do use angled labels, then I strongly advise that you keep the number of angles used to the absolute minimum required – type […]

Tutorial: Station Labels Using the “Core Type Area” – Part 2: 45-Degree Angled Route Lines

November 27, 2013
Leave a comment
Filed Under:
Tutorials
Tags:

Following on from last week’s tutorial, here’s how to use the Core Type Area to make your station labels align perfectly and consistently when you’re applying them to 45-degree angled route lines. If you use the edges of the Core Type Area when you’re aligning labels to horizontal and vertical route lines, then it should make perfect sense that you use the corners of it when you’re labelling angled stations. The first GIF shows the […]

Tutorial: More on Using Point Type in Illustrator (with Owen Lett)

November 13, 2013
Leave a comment
Filed Under:
Tutorials
Tags:

Here’s a fantastic follow-up post from Owen Lett (the man who brought you this neat fantasy transit map of Victoria, BC) in response to yesterday’s tutorial about point type in Illustrator. There’s a lot to like about this approach, especially the integrated type point and station marker (two overlaid points define both elements and both can be placed simultaneously) and the use of paragraph styles (an often-overlooked feature in Adobe Illustrator) gives the ability to […]