Привет всем! Простите, что долго не писал. Болезнь совсем одолела. Пока болел было время подумать о чем же я хочу еще написать. Результатом стал этот урок.
Каждый раз, когда я думаю как написать урок — я стараюсь показать приемы, которые я использую в своей работе в качестве дизайнера. Например, сегодня я постараюсь показать как рисуется эта симпатичная карта.
Подготовка
Первое и самое главное — включите музыку! Лично мне обычно помогает рисовать бодрый драм (очень понравился последний релиз Chase & Status – End Credits).
Во-вторых, убедитесь, что компьютер включен. Серьезно. Хватит болтать, давайте начнем.
Настройка
Никаких особых настрое не нужно. Создайте новый веб-документ, а просто нажмите кнопку ОК.
Приступая к работе
Прежде всего, Вам понадобятся карты для использования в качестве образца. Однако если у вас есть сумасшедшая фотографическая память, то можете обойтись и без них. 
В качестве карты я использовал скриншот Google Maps с дорогой и торговым центром.
Придумываем легенду карты
Прежде чем начать неплохо было бы придумать как мы будем обозначать различные дороги и здания.
Вот что я придумал:
Это довольно простая легенда, но Вы в зависимости от сложности задачи можете добавить или убрать какие то детали.
Дороги рисуются довольно просто. Выберите Line Segment Tool [\] и нарисуйте отрезки к которым добавляем обводку разного цвета и толщины.
Создание кисти
Выбираем обозначение дороги и открываем окно Brush. Щелкните на кнопке Параметры (маленький значок с тремя линиями в верхнем правом углу). Это откроет Brush Options, выберите New Brush.
Вам будет представлено следующее диалоговое окно. Выберите New Art Brush и нажмите OK.
Откроется новое окно в котором необходимо настроить параметры. О! Тут все как раз так как нам надо. Осталось только ввести имя кисти.
Повторите эту процедуру для каждого типа дороги.
Рисование Дороги
Добавляем нашу карту в документ люстры. Я сделал это с помощью команды File > Place… Затем я заблокировал карту чтобы она не мешалась (Object > Lock > Selected)
Используйте Pen Tool [P] для рисования дороги. Просто выберите кисть и начните рисовать!Повторите этот процесс для всех основных дорогах.
Перекрестки
Как вы уже заметили, линии иногда не выстраиваются правильно на перекрестках. Это легко правится.
В некоторых случаях достаточно просто изменить порядок слоев. Используйте Ctrl + [ и Ctrl +], для настройки порядка слоев.
В некоторых случаях все гораздо сложнее. Тогда я создаю пером формы которые накладываю сверху на линии идущие не так.
К примеру:
Создание зданий и бэкраундов.
Используйте перо, чтобы отрисовать здания.
Используя Pen Tool я нарисовал несколько фигур и отправил их на задний план.
В конце я добавил 3D эффект (как это делается читайте в предыдущих постах) и дорисовал детали.
Заключение
Хорошая карта требует очень много терпения. Более чем вероятно, если вы станете дизайнером, кто-то, в конечном счете попросит Вас сделать карту.
В этом уроке я продемонстрировал основные навыки которые необходимы для создания карты.
Похожее:
- Рисуем Space Invaders в Illustrator'е
- 3D планировка помещений средствами Illustrator
- Как нарисовать Симпсонов
- Инструменты Adobe Illustrator. Gradient Mesh Tool
- Инструменты Adobe Illustrator. Blend Tool
Понравилось?
Подписавшись на RSS блога
← Теперь вы можете →
↓
Также можете почитать бред о дизайне
и не только — в моем Твиттере
Также очень интересно:
Понравилось?
Подписавшись на RSS блога
↓
и не только — в моем Твиттере
февраля 25, 2010 15:44
февраля 26, 2010 16:50
Окей. Как закончу с серией «Инструменты Илюстратора» подумаю чего нибудь на эту тему)
сентября 10, 2011 0:12
Если честно вышло какоето дерьмо. Дороги — кривые. Поразительно неудачная смесь ДДД и ДД. Кривая форма торгового центра, и в следствии теней.
На вашем месте я бы посидел бы подольше над картой. Видно что есть потенциал.
сентября 10, 2011 21:03
Честно?
Сейчас я бы сам себе руки за такую карту бы оторвал. Но перерисовать лень.
В уроке же главное — это уловить принцип действия. А тут он вполне точно показан.
октября 19, 2011 0:40
в иллюстраторе я новичок. подскажите,как быть...рисовала карту с очень маленьким масштабом...когда закончила прорисовывать в иллюстраторе, при масштабировании дороги и дома стали тоненькими (остались с заданными pt) и карта получилась не пропорциональная и некрасивая:((( как можно корректно увеличить масштаб карты? или вручную придется увеличивать объекты?
октября 19, 2011 9:56
Это скорей всего из-за того, что некоторые параметры заданны обводкой. Необходимо разобрать картинку (вроде Object → Expand или Expand Apperance) и потом уже увеличивать.