Как нарисовать иконку абстрактной топографической карты в Иллюстраторе

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

Как нарисовать иконку абстрактной топографической карты в Иллюстраторе

Шаг 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

Ссылка на источник

Уроки Illistrator. Уроки Adobe Illustrator. Уроки Иллюстратора. Adobe illustrator уроки. Уроки adobe illustrator для начинающих. Adobe illustrator уроки на русском. Видео уроки adobe illustrator. Adobe illustrator уроки для начинающих на русском. Adobe illustrator уроки с нуля. Уроки adobe illustrator cc для начинающих. Adobe illustrator cc 2019 уроки. Уроки adobe illustrator скачать торрент. Уроки по adobe illustrator cc. Adobe illustrator уроки вектор гайд. Уроки рисования adobe illustrator. Adobe illustrator уроки вектор гайд. Уроки векторной графики в adobe illustrator. Adobe illustrator cc 2018 уроки. Adobe illustrator логотип уроки. Уроки adobe illustrator cc 2018 для начинающих. Бесплатные уроки adobe illustrator. Урок 01 что такое adobe illustrator. Уроки работы в adobe illustrator. Adobe illustrator урок. Видео уроки adobe illustrator торрент. Adobe illustrator видео уроки скачать торрент. Adobe illustrator 3d уроки. Уроки adobe illustrator cc 2019 на русском. Интерфейс в adobe illustrator cc 2019 уроки. Уроки иллюстрация adobe illustrator. Adobe illustrator уроки рисование плашками.