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

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

Banner for lessons 001.jpg


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

Шаг 1

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

Land-icon01.jpg

Шаг 2

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

Land-icon02.jpg

Шаг 3

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

Land-icon03.jpg

Шаг 4

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

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

Land-icon04.jpg

Шаг 5

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

Land-icon05.jpg

Шаг 6

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

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

Land-icon06.jpg

Шаг 7

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

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

Land-icon07.jpg

Результат

Land-icon08.jpg

Автор урока 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 уроки рисование плашками.

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

Также уроки которые могут вас заинтересовать

Комментарии 42

Для того, чтобы оставить комментарий, авторизуйтесь или зарегистрируйтесь.

Яндекс.Метрика