В этом учебнике я покажу вам, как создать красивый план маршрута в Illustrator.
На каждом веб-сайте в разделе с описанием маршрута используется карта. Обычно для этого используется Google Maps. Однако если вы хотите предоставить карту маршрута на флаере, вы, к сожалению, не можете просто использовать снимок экрана Google Maps. В этом случае карту придется нарисовать самостоятельно. Как это сделать, я покажу вам сейчас:
1. Извлечение шаблона
Сначала нам нужен шаблон карты, по которому мы можем нарисовать карту. Здесь лучше всего использовать OpenStreetMap вместо Google Maps. OpenStreetMap - это свободный проект, который собирает геоданные, доступные для использования каждому. Поэтому безопасно использовать их в качестве шаблона для нашей индивидуально раскрашенной карты. Сначала мы переходим на openstreetmap.de и ищем наше местоположение. Мы нажимаем один раз клавишу Печать, чтобы сделать снимок экрана ...
![Картография (нанесение карт маршрутов) с помощью Illustrator - Часть 1 Картография (создание карт для путешествий) с помощью Illustrator - Часть 1](/storage/media/text-tutorials/854/kartografie-anfahrtsskizzen-adobe-illustrator-01.webp?tutkfid=117725)
... и затем переходим в Illustrator.
2. Создание нового документа
Здесь мы создаем новый документ с названием "Карта маршрута", шириной 1000 px и высотой 500 px.
![Картография (рисование карт маршрутов) с помощью Illustrator - Часть 1 Картография (рисование карт маршрутов) с помощью Illustrator - Часть 1](/storage/media/text-tutorials/854/kartografie-anfahrtsskizzen-adobe-illustrator-02.webp?tutkfid=117726)
... и нажимаем Ctrl+V, чтобы вставить нашу карту из буфера обмена.
![Картография (создание карт для маршрута) с помощью Illustrator - Часть 1 Картография (создание карт маршрутов) с помощью Illustrator - Часть 1.](/storage/media/text-tutorials/854/kartografie-anfahrtsskizzen-adobe-illustrator-03.webp?tutkfid=117729)
Первое, с чего мы начнем, это создание соответствующих слоев в панели Слои (пожалуйста, пройдите по списку снизу вверх):
• Названия улиц
• Иконки
• Большая дорога
• Основные дороги
• Второстепенные дороги
• Дорога с пунктиром
• Железнодорожные пути
• Водоемы
• Зеленая зона
• Жилая зона
• HG
• Карта
Для удобства заблокируем все слои, за исключением того, где находятся второстепенные дороги.
![Картография (Нарисовать карты маршрутов) с помощью Illustrator - Часть 1 Картография (рисование карт маршрутов) с помощью Illustrator - Часть 1.](/storage/media/text-tutorials/854/kartografie-anfahrtsskizzen-adobe-illustrator-04.webp?tutkfid=117727)
Мы берем инструмент Контур (клавиша P), выбираем для дороги ...
• Цвет контура: #593156
• Толщина контура: 7 Pt
... и отключаем заливку. В панели Внешний вид и в строке состояния сверху мы можем указать толщину контура.
![Картография (рисование карт маршрута) с помощью Illustrator - Часть 1 Картография (рисование схем маршрутов) с помощью Illustrator - Часть 1.](/storage/media/text-tutorials/854/kartografie-anfahrtsskizzen-adobe-illustrator-05.webp?tutkfid=117728)
Мы создаем еще один Контур в панели Внешний вид ...
![Картография (рисование карт маршрутов) с помощью Illustrator - Часть 1 Картография (создание карт маршрутов) в Illustrator - Часть 1.](/storage/media/text-tutorials/854/kartografie-anfahrtsskizzen-adobe-illustrator-06.webp?tutkfid=117732)
... и задаем ему следующие значения:
• Цвет контура: #ffffff
• Толщина контура: 5 Pt
Для закругленных краев мы нажимаем на запись Контур в панели Внешний вид для следующих значений:
• Закрытие: Округленное
• Угол: Округленные углы
![Картография (рисование карт маршрутов) с помощью Illustrator - Часть 1 Картография (создание карт маршрутов) с помощью Illustrator - Часть 1](/storage/media/text-tutorials/854/kartografie-anfahrtsskizzen-adobe-illustrator-07.webp?tutkfid=117730)
То же самое повторяем с фиолетовым Контуром, чтобы он также был закрыт.
![Картография (набросок маршрутных карт) с помощью Illustrator - Часть 1 Картография (создание карт маршрутов) с помощью Illustrator - Часть 1](/storage/media/text-tutorials/854/kartografie-anfahrtsskizzen-adobe-illustrator-08.webp?tutkfid=117735)
3. Создание графических стилей
И чтобы мне не приходилось создавать это оформление заново каждый раз, мы переходим в окно Графические стили и нажимаем один раз на иконку Новый графический стиль.
![Картография (рисование карт маршрута) с помощью Illustrator - Часть 1 Картография (рисование карт маршрутов) в Illustrator - Часть 1](/storage/media/text-tutorials/854/kartografie-anfahrtsskizzen-adobe-illustrator-09.webp?tutkfid=117731)
Теперь я могу в любое время - как только я нарисую еще один Путь, просто нажать на этот стиль и получить тот же вид, который я определил для второстепенных дорог.
Затем мы можем начать проводить дороги на карте. Вот несколько полезных советов, как сделать это удобнее:
Ctrl | удерживайте после завершения пути и кликайте по изображению, чтобы начать новый путь |
Alt | удерживайте, чтобы быстро масштабировать колесом мыши |
Пробел | удерживайте, чтобы временно переключиться в Инструмент Рука и переместить вид |
Tab | скрывает все панели операций, обеспечивает лучшую видимость при работе |
Промежуточный результат:
![Картография (создание карт местности) с помощью Illustrator - Часть 1 Картография (создание карт маршрутов) с помощью Illustrator - Часть 1](/storage/media/text-tutorials/854/kartografie-anfahrtsskizzen-adobe-illustrator-10.webp?tutkfid=117737)
4. Кольцевое движение
Здесь у нас возникает небольшая сложность в виде кольцевого движения. Мы можем справиться с этим, выбрав инструмент эллипса и нарисовав эллипс с размером кольцевого движения. Нажимая на пробел клавишу, мы также можем передвигать наш круг, удерживая его до тех пор, пока не отпустим кнопку мыши в нужное положение.
![Картография (рисование карт маршрутов) с помощью Illustrator - Часть 1 Картография (написание карт маршрутов) с помощью Illustrator - Часть 1](/storage/media/text-tutorials/854/kartografie-anfahrtsskizzen-adobe-illustrator-11.webp?tutkfid=117734)
Поскольку здесь проходит дорога, мы просто удалим лишний контур с помощью инструмента удаления точек якоря, ...
![Картография (рисование карт маршрутов) с помощью Illustrator - Часть 1 Картография (создание карт маршрутов) с помощью Illustrator - Часть 1](/storage/media/text-tutorials/854/kartografie-anfahrtsskizzen-adobe-illustrator-12.webp?tutkfid=117733)
...поместив мышь на нижнюю точку кольцевого движения и удалив точку якоря щелчком мыши.
![Картография (рисование карт маршрута) с помощью Illustrator - Часть 1 Картография (рисование карт маршрутов) с помощью Illustrator - Часть 1](/storage/media/text-tutorials/854/kartografie-anfahrtsskizzen-adobe-illustrator-13.webp?tutkfid=117739)
Мы также щелкаем на нижней точке дороги, чтобы полностью удалить выступающую дорогу.
![Картография (нанесение карт маршрутов) с помощью Illustrator - Часть 1 Картография (наброски карт маршрутов) с помощью Illustrator - Часть 1](/storage/media/text-tutorials/854/kartografie-anfahrtsskizzen-adobe-illustrator-14.webp?tutkfid=117743)
После этого мы устанавливаем точку якоря с помощью инструмента контура на нижней точке кольцевого движения и таким образом можем продолжить дорогу.
![Картография (нанесение карт маршрута) с помощью Illustrator - Часть 1 Картография (создание карт маршрутов) с помощью Illustrator - Часть 1](/storage/media/text-tutorials/854/kartografie-anfahrtsskizzen-adobe-illustrator-15.webp?tutkfid=117736)
После того, как мы закончим рисовать все второстепенные дороги, нам остается всего лишь выделить все дороги на уровне раздела «Второстепенные дороги», щелкнув правой кнопкой мыши ...
![Картография (создание карт маршрутов) с помощью Illustrator - Часть 1 Картография (создание карт маршрутов) с помощью Illustrator - Часть 1](/storage/media/text-tutorials/854/kartografie-anfahrtsskizzen-adobe-illustrator-16.webp?tutkfid=117738)
Затем мы применяем наш заранее настроенный стиль из панели стилей графических объектов.
![Картография (создание карт маршрутов) с помощью Illustrator - Часть 1 Картография (рисование карт маршрута) с помощью Illustrator - Часть 1](/storage/media/text-tutorials/854/kartografie-anfahrtsskizzen-adobe-illustrator-17.webp?tutkfid=117740)
И вот с одним щелчком мы преобразовали все дороги в желаемый нами стиль.
![Картография (рисование карт маршрутов) с помощью Illustrator - Часть 1 Картография (рисование карт маршрута) с помощью Illustrator - Часть 1](/storage/media/text-tutorials/854/kartografie-anfahrtsskizzen-adobe-illustrator-18.webp?tutkfid=117744)
Однако одна проблема заключается в том, что дороги не сливаются друг в друга, а перекрываются.
![Картография (рисование карт для маршрута) с помощью Illustrator - Часть 1 Картография (рисование маршрутных карт) с помощью Illustrator - Часть 1](/storage/media/text-tutorials/854/kartografie-anfahrtsskizzen-adobe-illustrator-19.webp?tutkfid=117742)
С этим мы можем справиться следующим образом: просто снова выделяем все второстепенные дороги, ...
![Картография (рисование карт маршрутов) с помощью Illustrator - Часть 1 Картография (рисование карт маршрутов) с помощью Illustrator - Часть 1.](/storage/media/text-tutorials/854/kartografie-anfahrtsskizzen-adobe-illustrator-20.webp?tutkfid=117745)
...переходим к инструменту выделения, нажимаем правой кнопкой мыши на пути дороги и выбираем Создать составной путь.
![Картография (рисование карт маршрутов) с помощью Illustrator - Часть 1 Картография (создание карт маршрутов) с помощью Illustrator - Часть 1](/storage/media/text-tutorials/854/kartografie-anfahrtsskizzen-adobe-illustrator-21.webp?tutkfid=117747)
И вот все дороги уже слились вместе:
![Картография (создание карт маршрутов) в Illustrator - Часть 1 Картография (создание карт маршрута) с помощью Illustrator - Часть 1](/storage/media/text-tutorials/854/kartografie-anfahrtsskizzen-adobe-illustrator-22.webp?tutkfid=117741)
Это наше промежуточное достижение:
![Картография (создание карт маршрутов) с помощью Illustrator - Часть 1 Картография (нанесение карт) в Illustrator - Часть 1](/storage/media/text-tutorials/854/kartografie-anfahrtsskizzen-adobe-illustrator-23.webp?tutkfid=117746)
А в следующей части мы займемся главными дорогами, шоссе и железной дорогой.