Иллюстратор: остроумные рецепты рабочего процесса и дизайна

Картография (рисование карт маршрута) с помощью Illustrator - Часть 1

Все видео урока Учебник по Illustrator: острые рецепты рабочего процесса и дизайна

В этом учебнике я покажу вам, как создать красивый план маршрута в Illustrator.

На каждом веб-сайте в разделе с описанием маршрута используется карта. Обычно для этого используется Google Maps. Однако если вы хотите предоставить карту маршрута на флаере, вы, к сожалению, не можете просто использовать снимок экрана Google Maps. В этом случае карту придется нарисовать самостоятельно. Как это сделать, я покажу вам сейчас:

1. Извлечение шаблона

Сначала нам нужен шаблон карты, по которому мы можем нарисовать карту. Здесь лучше всего использовать OpenStreetMap вместо Google Maps. OpenStreetMap - это свободный проект, который собирает геоданные, доступные для использования каждому. Поэтому безопасно использовать их в качестве шаблона для нашей индивидуально раскрашенной карты. Сначала мы переходим на openstreetmap.de и ищем наше местоположение. Мы нажимаем один раз клавишу Печать, чтобы сделать снимок экрана ...

Картография (создание карт для путешествий) с помощью Illustrator - Часть 1

... и затем переходим в Illustrator.

2. Создание нового документа

Здесь мы создаем новый документ с названием "Карта маршрута", шириной 1000 px и высотой 500 px.

Картография (рисование карт маршрутов) с помощью Illustrator - Часть 1

... и нажимаем Ctrl+V, чтобы вставить нашу карту из буфера обмена.

Картография (создание карт маршрутов) с помощью Illustrator - Часть 1.

Первое, с чего мы начнем, это создание соответствующих слоев в панели Слои (пожалуйста, пройдите по списку снизу вверх):

• Названия улиц
• Иконки
• Большая дорога
• Основные дороги
• Второстепенные дороги
• Дорога с пунктиром
• Железнодорожные пути
• Водоемы
• Зеленая зона
• Жилая зона
• HG
• Карта

Для удобства заблокируем все слои, за исключением того, где находятся второстепенные дороги.

Картография (рисование карт маршрутов) с помощью Illustrator - Часть 1.

Мы берем инструмент Контур (клавиша P), выбираем для дороги ...

• Цвет контура: #593156
• Толщина контура: 7 Pt

... и отключаем заливку. В панели Внешний вид и в строке состояния сверху мы можем указать толщину контура.

Картография (рисование схем маршрутов) с помощью Illustrator - Часть 1.

Мы создаем еще один Контур в панели Внешний вид ...

Картография (создание карт маршрутов) в Illustrator - Часть 1.

... и задаем ему следующие значения:

• Цвет контура: #ffffff
• Толщина контура: 5 Pt

Для закругленных краев мы нажимаем на запись Контур в панели Внешний вид для следующих значений:

Закрытие: Округленное
Угол: Округленные углы

Картография (создание карт маршрутов) с помощью Illustrator - Часть 1

То же самое повторяем с фиолетовым Контуром, чтобы он также был закрыт.

Картография (создание карт маршрутов) с помощью Illustrator - Часть 1

3. Создание графических стилей

И чтобы мне не приходилось создавать это оформление заново каждый раз, мы переходим в окно Графические стили и нажимаем один раз на иконку Новый графический стиль.

Картография (рисование карт маршрутов) в Illustrator - Часть 1

Теперь я могу в любое время - как только я нарисую еще один Путь, просто нажать на этот стиль и получить тот же вид, который я определил для второстепенных дорог.

Затем мы можем начать проводить дороги на карте. Вот несколько полезных советов, как сделать это удобнее:

Ctrlудерживайте после завершения пути и кликайте по изображению, чтобы начать новый путь
Altудерживайте, чтобы быстро масштабировать колесом мыши
Пробелудерживайте, чтобы временно переключиться в Инструмент Рука и переместить вид
Tabскрывает все панели операций, обеспечивает лучшую видимость при работе

  Промежуточный результат:

Картография (создание карт маршрутов) с помощью Illustrator - Часть 1

4. Кольцевое движение

Здесь у нас возникает небольшая сложность в виде кольцевого движения. Мы можем справиться с этим, выбрав инструмент эллипса и нарисовав эллипс с размером кольцевого движения. Нажимая на пробел клавишу, мы также можем передвигать наш круг, удерживая его до тех пор, пока не отпустим кнопку мыши в нужное положение.

Картография (написание карт маршрутов) с помощью Illustrator - Часть 1

Поскольку здесь проходит дорога, мы просто удалим лишний контур с помощью инструмента удаления точек якоря, ...

Картография (создание карт маршрутов) с помощью Illustrator - Часть 1

...поместив мышь на нижнюю точку кольцевого движения и удалив точку якоря щелчком мыши.

Картография (рисование карт маршрутов) с помощью Illustrator - Часть 1

Мы также щелкаем на нижней точке дороги, чтобы полностью удалить выступающую дорогу.

Картография (наброски карт маршрутов) с помощью Illustrator - Часть 1

После этого мы устанавливаем точку якоря с помощью инструмента контура на нижней точке кольцевого движения и таким образом можем продолжить дорогу.

Картография (создание карт маршрутов) с помощью Illustrator - Часть 1

После того, как мы закончим рисовать все второстепенные дороги, нам остается всего лишь выделить все дороги на уровне раздела «Второстепенные дороги», щелкнув правой кнопкой мыши ...

Картография (создание карт маршрутов) с помощью Illustrator - Часть 1

Затем мы применяем наш заранее настроенный стиль из панели стилей графических объектов.

Картография (рисование карт маршрута) с помощью Illustrator - Часть 1

И вот с одним щелчком мы преобразовали все дороги в желаемый нами стиль.

Картография (рисование карт маршрута) с помощью Illustrator - Часть 1

Однако одна проблема заключается в том, что дороги не сливаются друг в друга, а перекрываются.

Картография (рисование маршрутных карт) с помощью Illustrator - Часть 1

С этим мы можем справиться следующим образом: просто снова выделяем все второстепенные дороги, ...

Картография (рисование карт маршрутов) с помощью Illustrator - Часть 1.

...переходим к инструменту выделения, нажимаем правой кнопкой мыши на пути дороги и выбираем Создать составной путь.

Картография (создание карт маршрутов) с помощью Illustrator - Часть 1

И вот все дороги уже слились вместе:

Картография (создание карт маршрута) с помощью Illustrator - Часть 1

Это наше промежуточное достижение:

Картография (нанесение карт) в Illustrator - Часть 1

А в следующей части мы займемся главными дорогами, шоссе и железной дорогой.