Как создать градиент в Adobe Illustrator: 2 способа сделать это

Градиенты часто придают дизайну устаревший вид — например, тай-дай. Но с помощью инструмента Gradient Mesh в Adobe Illustrator и опции Freeform Gradient вы можете создавать градиенты с новым внешним видом. Давайте покажем вам, как это сделать.

Что такое градиент?

Вы, вероятно, сталкивались с градиентами раньше, но если нет, мы дадим вам краткое изложение. Градиент — это смесь цветов, любых цветов, которые сливаются между собой естественным или неестественным образом.

В природе вы найдете градиенты: восход и закат, осенние листья, меняющие свой цвет, и северное сияние. Природа — отличное место для вдохновения для экспериментов с градиентом. Градиенты также часто встречаются в дизайне, например, в логотипах Instagram или Adobe Creative Cloud. Градиенты привносят яркую энергию в корпоративный стиль.

Хотя градиенты могут выглядеть довольно устаревшими, похоже, они возвращаются в современный дизайн. Прошли те времена, когда в качестве фона использовался один переходный градиент. Благодаря новым инструментам дизайна, цветовым тенденциям и забавным способам реализации градиентов они больше не выглядят неуместными.

Почему вы должны использовать градиент?

Как видно из логотипов Instagram и Creative Cloud, можно использовать градиент, чтобы скрасить скучный фон. Обычно градиенты используются в качестве фоновых цветов, а не самого основного объекта, но ничто не мешает вам применить градиент к основному объекту. Вы можете даже добавить градиенты в программирование CSS.

Градиенты не всегда должны быть яркими и бросаться вам в глаза; они тоже могут быть тонкими. Вы даже можете просто добавить легкий штрих градиента, а не заполнять им весь фон.

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

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

Какие есть параметры градиента в Adobe Illustrator?

Чтобы получить доступ к любым градиентам в Illustrator, вам нужно открыть окно «Градиент». Нажмите Окно > Градиент или вы можете нажать на Инструмент «Градиент» кнопку на панели инструментов. Вот как вы можете получить доступ к инструментам Linear, Radial и Freeform Gradient.

С традиционными инструментами градиента в Illustrator есть только варианты линейного и радиального градиента. Эти параметры довольно просты и не позволяют настраивать что-либо кроме выбора цвета и направления. Традиционные инструменты градиента хороши для простого фона с градиентной разверткой.

Инструмент Freeform Gradient отлично подходит для добавления случайного набора цветов в ваши градиентные рисунки. Инструмент Freeform можно использовать для менее точных градиентов; это позволяет более естественное, случайное использование цвета.

Инструмент Gradient Mesh в Illustrator отлично подходит для оживления иллюстраций. Инструмент «Сетка» позволяет размещать, наклонять и перемещать градиентные тона таким образом, чтобы они реалистично ложились на 3D-объект. Это выводит работу с градиентами на совершенно новый уровень.

Adobe предлагает множество способов создания градиентов, в том числе нестандартные градиенты в фотошопе.

Как использовать произвольный градиент в Illustrator

Хотя он присутствует в традиционных инструментах градиента, инструмент Freeform Gradient в Illustrator работает немного по-другому. Давайте начнем.

Создать форму сначала с простым цветом заливки. Затем, когда открыто окно «Градиент», нажмите крайнюю правую кнопку градиента, чтобы открыть Свободная форма инструмент.

После того, как вы выбрали инструмент «Произвольная форма», ваша фигура, ранее заполненная простой заливкой, теперь будет отображать градиент с четырьмя точками (или точками цвета). Четыре стопа будут случайного цвета и не обязательно будут соответствовать исходному цвету заливки. Если щелкнуть любую из существующих остановок, можно изменить цвет. Чтобы добавить больше остановок, щелкните в любом другом месте фигуры.

Отличительной особенностью инструмента Freeform Gradient в Illustrator является то, что вы можете легко перетаскивать цвета в любом месте вашей фигуры. Если вы решите, что хотите, чтобы синий цвет был слева, а не справа, просто перетащите указатель влево. Или поместите две розовые стопы рядом друг с другом. Добавьте немного белого, чтобы увидеть, как цвета смешиваются. Перемещение цветовых остановок изменяет то, как они взаимодействуют друг с другом.

Свобода инструмента Freeform заключается в том, что вы можете добавлять столько цветов, сколько хотите, и размещать их в любом месте. Цвета действуют как отдельные сферы, которые слегка смешиваются друг с другом по краям. Чтобы удалить точку цвета, перетащите ее за пределы фигуры.

Вы можете увеличить или уменьшить размер и распространение каждой точки цвета. Щелкните выбранную остановку и переместите курсор на окружающий ее пунктирный круг. Круг будет иметь овал на краю. Нажмите и перетащите овал, чтобы увеличить или уменьшить сферу и распространение цвета.

Вы даже можете рисовать линии градиентов, щелкнув значок Линии параметры на панели инструментов «Градиент». Выбрав «Линии», вы можете добавить новую точку цвета, а затем следующая выбранная точка будет соединена линией, прямой или изогнутой, которая группирует цвета градиента вместе. Каждая остановка может быть другого цвета, или вы можете использовать один и тот же цвет для всей линии с несколькими включенными остановками.

Как использовать градиентную сетку в Illustrator

Gradient Mesh также работает иначе, чем другие инструменты градиента. Давайте покажем вам, как его использовать.

Градиентную сетку можно применить к любой фигуре, созданной с помощью цвета заливки. После того, как вы нарисовали и заполнили свою фигуру, нажмите кнопку Градиентная сетка инструмент. Если вы не видите кнопку «Сетка градиента», возможно, она скрыта под Инструмент «Градиент» кнопка на панели инструментов; нажмите и удерживайте верхнюю кнопку, чтобы открыть все скрытые кнопки под ней.

Выбрав инструмент Gradient Mesh, щелкните в любом месте заполненной формы, чтобы начать применять сетку. В зависимости от количества желаемых цветов и размера вашей формы вам, вероятно, потребуется всего два щелчка мыши; хотя максимума нет. Вы можете добавлять или удалять опорные точки в любой момент процесса. В отличие от инструмента «Градиент произвольной формы», начальный цвет вашего объекта работает как базовый цвет вашего градиента.

В вашей сетке вы можете нажать на любую опорную точку, используя кнопку Прямой выбор инструмент (А) и выберите цвет на панели образцов. Это создает размытие выбранного цвета вокруг привязки. Сделайте это для всех без исключения якорей в вашей фигуре и поэкспериментируйте с тем, как смешиваются цвета.

С выбранными вами цветами в вашей форме это похоже на инструмент Произвольная форма. Итак, как вы можете повысить свой уровень с помощью Gradient Mesh? Переместите опорные точки и маркеры, чтобы увидеть, как цвета перемещаются и взаимодействуют друг с другом.

Вы можете не только перемещать любые опорные точки в вашей сетке, но и использовать маркеры для изменения углов, что также дает отличные результаты. На самом деле, перемещение опорных точек может привести к резким линиям между цветами. Эти резкие линии могут воспроизводить трехмерные формы и создавать освещение на вашем объекте. Добавление более светлых или более темных цветов добавит 3D-эффекта. Вы даже можете создавать свои собственные 3D-формы вместо того, чтобы искать уже существующие 3D-формы онлайн.

Уникальный способ создания градиентов

Инструмент «Градиент произвольной формы» и инструмент «Сетка градиента» в Illustrator позволяют добавлять градиенты в проекты новыми и уникальными способами. Теперь с градиентами можно делать гораздо больше, чем просто развертку градиента цвета в линейном или радиальном направлении. Поэкспериментируйте с этими инструментами и посмотрите, какие необычные градиенты вы сможете создать.

Как создать автоматическую цветовую палитру в Adobe Illustrator

Читать далее

Об авторе