В этом уроке мы будем рисовать иконку стилизованной топографической карты. Урок довольно прост и увлекателен, а также оставляет немало свободы фантазии. Попробуйте повторить урок, рисуя свою карту, возможно даже какой-нибудь реальной местности. Мы будем работать с режимами наложения, обработкой контуров, эффектами и градиентами.

Результат

Шаг 1

Начнем с простой геометрической фигуры. Нарисуйте шестиугольник инструментом Polygon/Многоугольник (P). Скруглите его углы при помощи функции Live Corners/Живые углы. Rotate/Поверните ^® фигуру как показано на картинке ниже.

Шаг 2

Используя ваш любимый инструмент для рисования, создайте волнообразные линии и фигуры поверх прямоугольника. В нашем случае это был инструмент Pencil/Карандаш (N) с параметром Fidelity/Точность настроенным на Smooth/Сглаживание. Выделите все ваши линии и фигуру и нажмите иконку Divide/Разделение в палитре Pathfinder/Обработка контура. Теперь ваши фигуры разделены на части и вы можете удалить лишнее.

Шаг 3

Выберите вашу цветовую палитру. Так как это все-таки карта, подумайте о соответствующих цветах. В нашем примере это будут трава, песок и вода оттенков зеленого, оранжевого и синего. Мы будем заливать фигуры линейным градиентом, а не плоским цветом, поэтому выберите и более темные оттенки основных цветов.

Шаг 4

После того как вы указали заливку всем объектам, выделите одну из фигур и в палитре Appearance/Оформление выберите Effects > Stylize > Inner Glow/Эффект>Стилизация>Внутреннее свечение. Настройте параметры эффекта как на первой картинке ниже.

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

Шаг 5

После шага со свечением вам наверное захочется добавить карте объема. Для этого копируйте (Control-C) и вставьте (Control-V) каждую фигуру, указав им Blending Modes/Режим наложения - Overlay/Перекрытие и снизив непрозрачность в меню Transparency/Прозрачность. После этого немного сместите копии фигур. Это создаст легкий эффект 3D.

Шаг 6

Вы также можете добавить дополнительные фигуры с градиентом для эффекта тени. Используйте линейный градиент, экспериментируйте с режимами наложения (попробуйте Overlay/Перекрытие, Soft Light/Легкий свет или Color Burn/Затемнение основы в зависимости от того, что лучше смотрится).

Сгруппируйте (Control-G) все фигуры. Создайте еще один шестиугольник как в Шаге 1. Поместите его поверх всего, выделите группу и прямоугольник и создайте Clipping Mask/Обтравочную маску (Control-7).

Шаг 7

И наконец добавим всей иконке эффект Drop Shadow/Тень (Effect > Stylize > Drop Shadow/Эффект>Стилизация>Тень). Укажите параметры как на картинке ниже.

Создайте еще два эффекта Drop Shadow/Тень в палитре Appearance/Оформление и укажите им все больший отступ и все меньшую непрозрачность. Так получится трехступенчатая тень.

Результат

Автор урока Mary Winkler

Перевод — Дежурка

Смотрите также:

• Рисуем бесшовный паттерн в виде топографической карты
• Рисуем топографическую карту в Adobe Illustrator
• Создание простой инфографической карты в Illustrator