Как нарисовать карту в Illustrator’е

карта

Привет всем! Простите, что долго не писал. Болезнь совсем одолела. Пока болел было время подумать о чем же я хочу еще написать. Результатом стал этот урок.

Каждый раз, когда я думаю как написать урок — я стараюсь показать приемы, которые я использую в своей работе в качестве дизайнера. Например, сегодня я постараюсь показать как рисуется эта симпатичная карта.

Подготовка

Первое и самое главное — включите музыку! Лично мне обычно помогает рисовать бодрый драм (очень понравился последний релиз Chase & Status – End Credits).

Во-вторых, убедитесь, что компьютер включен. Серьезно. Хватит болтать, давайте начнем.

 

Настройка

Никаких особых настрое не нужно. Создайте новый веб-документ, а просто нажмите кнопку ОК.

Приступая к работе

Прежде всего, Вам понадобятся карты для использования в качестве образца. Однако если у вас есть сумасшедшая фотографическая память, то можете обойтись и без них. Untitled-2

В качестве карты я использовал скриншот Google Maps с дорогой и торговым центром.

Придумываем легенду карты

Прежде чем начать неплохо было бы придумать как мы будем обозначать различные дороги и здания.

Вот что я придумал:

Untitled-3

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

Дороги рисуются довольно просто. Выберите Line Segment Tool [\] и нарисуйте отрезки к которым добавляем обводку разного цвета и толщины.

Untitled-4

Создание кисти

Выбираем обозначение дороги и открываем окно Brush. Щелкните на кнопке Параметры (маленький значок с тремя линиями в верхнем правом углу). Это откроет Brush Options, выберите New Brush.

Untitled-5

Вам будет представлено следующее диалоговое окно. Выберите New Art Brush и нажмите OK.

Untitled-6

Откроется новое окно в котором необходимо настроить параметры. О! Тут все как раз так как нам надо. Осталось только ввести имя кисти.

Untitled-7

Повторите эту процедуру для каждого типа дороги.

Рисование Дороги

Добавляем нашу карту в документ люстры. Я сделал это с помощью команды File > Place… Затем я заблокировал карту чтобы она не мешалась (Object > Lock > Selected)

Используйте Pen Tool [P] для рисования дороги. Просто выберите кисть и начните рисовать!Повторите этот процесс для всех основных дорогах.

Перекрестки

Как вы уже заметили, линии иногда не выстраиваются правильно на перекрестках. Это легко правится.

Untitled-9

В некоторых случаях достаточно просто изменить порядок слоев. Используйте Ctrl + [ и Ctrl +], для настройки порядка слоев.

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

К примеру:

Untitled-8

Создание зданий и бэкраундов.

Используйте перо, чтобы отрисовать здания.

Untitled-10

Используя Pen Tool  я нарисовал несколько фигур и отправил их на задний план.

В конце я добавил 3D эффект (как это делается читайте в предыдущих постах) и дорисовал детали.

Заключение

Хорошая карта требует очень много терпения. Более чем вероятно, если вы станете дизайнером, кто-то, в конечном счете попросит Вас сделать карту.

В этом уроке я продемонстрировал основные навыки которые необходимы для создания карты.

карта



Подписка по РСС
Мой твитер

10 комментариев

  1. отличный урок.хотелось бы еще парочку уроков на тему рисвание карт
  2. Максим Шайхалов

    Окей. Как закончу с серией «Инструменты Илюстратора» подумаю чего нибудь на эту тему)

  3. Nnm

    Если честно вышло какоето дерьмо. Дороги — кривые. Поразительно неудачная смесь ДДД и ДД. Кривая форма торгового центра, и в следствии теней.

    На вашем месте я бы посидел бы подольше над картой. Видно что есть потенциал.

    • Максим Шайхалов

      Честно?

      Сейчас я бы сам себе руки за такую карту бы оторвал. Но перерисовать лень.

      В уроке же главное — это уловить принцип действия. А тут он вполне точно показан.

  4. Marychka

    в иллюстраторе я новичок. подскажите,как быть...рисовала карту с очень маленьким масштабом...когда закончила прорисовывать в иллюстраторе, при масштабировании дороги и дома стали тоненькими (остались с заданными pt) и карта получилась не пропорциональная и некрасивая:((( как можно корректно увеличить масштаб карты? или вручную придется увеличивать объекты?

    • Maksim Shaihalov

      Это скорей всего из-за того, что некоторые параметры заданны обводкой. Необходимо разобрать картинку (вроде Object → Expand или Expand Apperance) и потом уже увеличивать.

  5. […] этого я рассказывал как нарисовать карту. Многие моменты тут очень похожи и можно пользоваться […]

  6. […] попробовать свои силы, то в блоге есть статья о том, как нарисовать карту.  Сразу так шикарно вряд ли получится. Но основные […]

  7. Юлия

    Доброе время суток! Спасибо за интересный урок. Но вот с линиями на шаге придумывания легенды не очень понятно. Не могли бы Вы подробней разъяснить как такие нарисовать?

    • Максим Шайхалов

      Юлия, линии — это сочетание различных обводок и заливок обычной линии нарисованной при помощи Pen Tool. Все настройки обводок и заливок можно найти в панели Apperance.

      Если что-то непонятно — пишите, постараюсь объяснить более подробно.

Оставить коментарий

Суперрассылка!

Введите почту и будьте в курсе