Как убрать градиент в иллюстраторе
Градиенты
Узнайте, как создавать градиенты различных типов в Illustrator.
Градиент — это градуированный переход между двумя или более цветами или двумя оттенками одного цвета. Градиенты можно использовать для создания наложения цветов, добавления объема к векторным объектам, а также для добавления света и тени к иллюстрациям. В Illustrator можно создавать, применять и изменять градиент с помощью панели «Градиент», инструмента «Градиент» или панели управления.
Типы градиентов
В Illustrator можно использовать следующие три типа градиентов:
Примечание. Точка цвета — это точка на аннотаторе градиента (для линейных или радиальных градиентов) или на объекте (для произвольного градиента), которая управляет цветом градиента. Можно изменить цвет точки цвета для настройки градиента
A. Линейный градиент B. Радиальный градиент C. Произвольный градиент (точки)
Линейные и радиальные градиенты можно применять на заливке и обводке объекта. Произвольный градиент можно применять только для заливки объекта.
Инструмент «Градиент» и панель «Градиент»
Для создания и изменения градиента используется инструмент «Градиент» или панель «Градиент». Используйте инструмент «Градиент», если необходимо создать или изменить градиенты непосредственно на иллюстрации и просмотреть изменения в реальном времени.
Чтобы открыть инструмент «Градиент», нажмите инструмент «Градиент» на панели инструментов.
Для открытия панели «Градиент» выполните одно из следующих действий:
Панель «Градиент» откроется на холсте.
A. Активный или ранее использованный градиент B. Раскрывающийся список существующих градиентов C. Цвет заливки D. Цвет обводки E. Обратный градиент F. Аннотатор градиента G. Точка цвета H. Средняя точка I. Палитра цветов J. Отображение и скрытие параметров K. Типы градиентов L. Типы обводок M. Угол N. Пропорции O. Удалить точку P. Непрозрачность Q. Положение R. Заливка или обводка (цветом) S. Точка цвета T. Распределение U. Произвольный градиент V. Режимы произвольного градиента
Инструмент «Градиент» и панель «Градиент» имеют множество одинаковых параметров. Однако некоторые задачи можно выполнить только с помощью инструмента или панели. С помощью инструмента «Градиент» и панели можно задать несколько точек цвета, их расположение и распределение. Можно также указать угол, под которым отображаются цвета, пропорции эллиптического градиента и непрозрачность каждого цвета.
Аннотатор градиента
Для линейных и радиальных градиентов при нажатии инструмента «Градиент» на панели инструментов на объекте отображается аннотатор градиента. Аннотатор градиента — это шкала, на который отображаются начальная точка, конечная точка, средняя точка, а также две точки цвета для начальной и конечной точек.
A. Аннотатор градиента B. Кольцо из точек C. Наведите курсор, чтобы изменить пропорции D. Курсор поворота E. Точка для изменения размера радиального градиента F. Конечная точка (точка со стрелкой) G. Точка цвета H. Средняя точка I. Выбранная точка цвета J. Центральная точка
Аннотатор градиента можно использовать для изменения угла, положения и области линейного градиента, а также фокусной точки, центральной точки и распределения радиального градиента. После того как в объекте появится аннотатор градиента, можно использовать панель «Градиент» или аннотатор градиента, чтобы добавить новые точки цвета, задать новые цвета для отдельных точек цвета, изменить настройки непрозрачности и перетащить точки цвета в новое расположение.
Чтобы скрыть или отобразить аннотатор градиента, выберите Просмотр > Спрятать градиентный аннотатор или Просмотр > Показать градиентный аннотатор.
Для линейных и радиальных градиентов перетаскивание круглого конца ползунка (начальной точки) приводит к изменению положения центральной точки градиента, а конца со стрелкой (конечной точки) — увеличению или уменьшению диапазона. Если навести курсор на конечную точку, появится курсор поворота, с помощью которого можно изменить угол градиента.
Примечание. Произвольный градиент позволяет размещать точки цвета в любом месте объекта. Поэтому произвольный градиент не требует использования аннотатора градиента.
Применение предварительно заданного градиента
При первом применении инструмента «Градиент» по умолчанию используется Черно-белый градиент. Если градиент применялся ранее, по умолчанию применяется последний использованный градиент.
Кроме того, Illustrator содержит предварительно заданный набор градиентов, которые можно применить с помощью панели «Градиент» или «Образцы». Можно также создать градиент и сохранить его на панели «Образцы» для дальнейшего использования. Чтобы применить предварительно заданный или сохраненный градиент с панели «Градиент», выполните следующие действия:
Чтобы применить предварительно заданный градиент из библиотеки образцов, выполните следующие действия:
Как создавать градиентые заливки и управлять ими в Adobe Illustrator
Градиентные заливки предназначены для создания переходов между цветами. Чаще всего их применяют для придания объема плоским векторным объектам, создавая света и тени. Сегодня мы научимся создавать градиенты и управлять ими.
Этот урок был создан для DesignModo.
Adobe Illustrator имеет только два вида градиентных заливок. Это линейный и радиальный градиент. Радиальный градиент может быть трансформирован в эллиптический. Такая разновидность градиента стала доступна, начиная с релиза CS4.
Хочу заметить, что другие векторные редакторы могут иметь дополнительные виды градиентов. Так, например, CorelDraw имеет еще конический и квадратный градиенты.
Для управления градиентными заливками в Adobe Illustrator служат панель Gradient (Window > Gradient) и инструмент Gradient Tool (G), который вы сможете найти на панеле инструментов.
Вы также можете управлять градиентом при помощи Gradient Annotator.
Эта функция, также как и эллиптический градиент, появилась только в Adobe Illustrator CS4. Gradient Annotator становится активным только после выбора Gradient Tool (G). По разным причинам Gradient Annotator может пропадать в процессе работы, что служит причиной появления тысяч одинаковых вопросов на форумах иллюстраторов. Для включения Gradient Annotator переходим View > Show > Gradient Annotator или используем комбинацию горячих клавиш Option / Alt + Command / Ctrl + G.
Итак, давайте посмотрим, как применить градиент и затем управлять им. Для того чтобы применить градиентную заливку к выделенному объекту, вам следует выбрать такой вид заливки на панеле Tools.
По умолчанию это заливка черно-белым линейным градиентом.
Вы также можете использовать градиенты из панели Swatches или из ее многочисленных библиотек.
Лично я предпочитаю начинать работу с градиентной заливкой применив черно-белый линейный градиент.
Для изменения цветов градиента выделите один из его ползунков в панеле Gradient, затем выберите цветовую модель в панеле Colors и установите нужный цвет.
Если вы работаете в Adobe Illustrator CS4 – CS6, то двойной клик по ползунку открывает панель Colors или Swatches прямо в панеле Gradient. Теперь вы можете смешивать цвета или выбирать цвет из имеющихся образцов.
Вы также можете перетаскивать цвета из панели Swatches на любой ползунок для замены его цвета или для создания нового ползунка.
Для изменения цвета ползунка вы можете также использовать Eyedropper Tool (I). Выделяем один из ползунков, берем Eyedropper Tool (I) и, удерживая Shift, берем цвет с другого объекта, который имеет сплошную или градиентную заливку. Таким способом вы также можете брать цвета с растровых изображений или градиентных сеток.
Для создания нового ползунка вам просто нужно кликнуть на свободном месте слайдера в панеле Gradient.
Вы можете дублировать ползунки, для этого потащите его в сторону, удерживая Option / Alt key.
Для удаления ползунка потяните его вниз или нажмите иконку Delete Stop.
Перемещая ползунки и средние точки, вы можете добиться необходимого распределения цветов. На практике часто приходится работать со сложными градиентами, которые содержат большое количество ползунков. Для удобства работы с такими градиентами просто расширьте панель Gradient.
В панеле Gradient вы можете выбрать вид градиента.
установить его угол.
установить соотношение сторон для радиального градиента, что превратит его в эллиптический.
уменьшить непрозрачность для ползунка (доступно для пользователей Adobe Illustrator CS5 – CS6)
и точно установить положение для выделенного ползунка.
Если взять Gradient Tool (G), то вы сможете управлять градиентом непосредственно на объекте при помощи Gradient Annotator. Вы можете перемещать его, изменять угол и двигать ползунки.
При помощи Gradient Tool (G) вы можете задавать угол, направление и длину градиента, используя метод: нажимаем и тащим.
Если после создания радиального градиента кликнуть на каком-нибудь месте при помощи Gradient Tool (G), то центр градиента будет перемещен в это место, при этом мы получим эксцентричный радиальный градиент, как это показано на рисунке ниже.
Конечно, в статье про градиентные заливки мне следует сказать, что в Adobe Illustrator CS6 мы имеем возможность применять градиент к обводке. Такая заливка имеет три вида: gradient within stroke, gradient along stroke, gradient across stroke.
И я уже применял новую функцию несколько раз на практике.
Вот, пожалуй, и все, что я знаю про управление градиентными заливками. Но это еще не все, что я хочу рассказать вам сегодня. Меня часто спрашивают: «В каких случаях, какой вид градиентной заливки применять? «. Это зависит от нескольких факторов:
1. Форма и расположение источника света;
2. Форма освещаемого объекта;
3. Наличие рефлексов;
4. Материал освещаемого объекта (хотя этот фактор не влияет на вид градиента, а только на контрастность его цветов и положение регулирующих ползунков, то есть на плавность переходов между цветами).
Это кажется вам сложным? Давайте рассмотрим вышесказанное на практике.
Для заливки такого объекта применяем радиальный градиент, центр которого смещаем по направлению к источнику света. Не забываем о рефлексе на поверхности сферы, который должен иметь тот же цвет, что и фон, но только более темного оттенка. Здесь я хочу посоветовать вам приступать к раскраске объектов, только после того, как будет создан фон иллюстрации. Это позволит вам правильно подобрать яркость цветов, направление градиентов и цвета рефлексов.
При освещении металлической сферы нам необходимо использовать более контрастные цвета и добавить несколько новых ползунков для регулировки цветовых переходов.
Плоскость можно заливать линейным или радиальным градиентом все зависит от того какого эффекта вы хотите добиться.
Управление градиентными сетками в Adobe Illustrator
Я встречал множество графических дизайнеров, которые избегают работать с градиентной сеткой по причине сложности управления этим объектом. Я также встречал настоящих фанатов градиентных сеток, которые создают с их помощью абсолютно фотореалистические работы. Хотя они признают, что это очень трудоемкий процесс, который не пригоден для коммерческих проектов. Несмотря на это, градиентная сетка может занять важное место в ежедневном рабочем процессе графического дизайнера, так как с ее помощью мы можем передать распределение света по поверхности сложной формы. Поэтому в сегодняшнем уроке мы рассмотрим основы работы с градиентными сетками, что поможет вам освоить этот сложный и очень капризный инструмент.
Для того чтобы просто оценить возможности этой функции давайте посмотрим на портрет Jack Nicholson by Dion Aoki, который был создан только при помощи градиентных сеток.
Нет, это не фотография. Для подтверждения моих слов я хочу показать вам, как выглядит тот же портрет в режиме Outline Preview. Да, это полностью векторная работа.
Теперь давайте погрузимся в технические детали.
Создание Gradient Mesh
Я знаю три способа создания градиентной сетки из существующих векторных объектов. Создадим прямоугольник со сплошной заливкой.
Переходим Object > Create Gradient Mesh…, теперь у нас появилась возможность указать количество строк и столбцов в открывшемся диалоговом окне.
Как вы видите, это диалоговое окно содержит и другие опции, которые, впрочем, я никогда не использую. В случае использования этого способа создания градиентной сетки вы получаете ячейки одинакового размера, по крайней мере, когда вы имеете дело с прямоугольником.
Вы можете создавать узлы и линии сетки при помощи Mesh Tool (U). Для этого просто кликните инструментом в месте, где вы хотите создать первый узел.
Теперь прямоугольник превратился в градиентную сетку, и вы можете добавлять новые линии к сетке там, где это необходимо.
Используя этот метод, вы получаете большую свободу в создании требуемой сетки, хотя от вас потребуется аккуратность в работе. Для того чтобы не создавать лишних точек и линий вы должны точно кликать по уже имеющимся линиям.
И наконец, мы можем преобразовать линейный или радиальный градиент в градиентную сетку. Давайте создадим прямоугольник с заливкой линейным градиентом и окружность с заливкой радиальным градиентом так, как это показано на рисунке ниже.
Выделяем объекты, затем переходим Object > Expand… и выбираем в диалоговом окне опцию Gradient Mesh.
Теперь мы можем продолжить строить сетку при помощи Mesh Tool (U).
Управление и окраска точками сетки
Вы можете выделять и перемещать точки сетки, а также манипулировать их ручками при помощи Mesh Tool (U) или Direct Selection Tool (A).
Для удаления линии сетки кликните по ней Mesh Tool (U), удерживая Option / Alt.
Вы также можете выделить и удалить узел сетки, нажав на клавишу Delete. В этом случае будут удалены обе линии, проходящие через эту точку.
Не хочу вас пугать терминологией и теорией, но должен сказать, что существуют три вида точек сетки. Точки, которые находятся на пересечении линий можно окрашивать, остальные виды точек служат только для создания формы сетки. Выделим одну из таких точек и окрасим ее в синий цвет, например.
Обратите внимание на криволинейные сегменты в верхней и нижней части градиентной сетки. Эти сегменты имеют невидимые точки, которые становятся активными только, если взять Add Anchor Point Tool.
Такой тип точек не может содержать цветовую информацию и ими нельзя управлять напрямую. Создадим новую mesh point при помощи Add Anchor Point Tool.
Такой точкой можно управлять при помощи Mesh Tool (U) или Direct Selection Tool (A), но она также не может иметь цветовую информацию.
Создание градиентной сетки сложной формы
Давайте попробуем создать сетку из более сложной формы.
Выделяем объект, затем переходим Object > Create Gradient Mesh….
М-да! Об управлении и окраске такой градиентной сетки не может быть и речи. Когда мы создаем градиентную сетку из прямоугольника, то обычно не сталкиваемся со странным поведением линий сетки. Следовательно, для получения хорошо управляемой градиентной сетки сложной формы ее нужно создавать, трансформируя именно прямоугольную сетку. При этом вы можете использовать все доступные инструменты трансформации и выделения, например Rotate Tool (R) и Lasso Tool (Q). На рисунке ниже вы видите этапы преобразования прямоугольной градиентной сетки при помощи этих инструментов.
При помощи этой техники я создал дым от спички в уроке Create a Burning, Vector Match Using Gradient Meshes
Как избежать появления артефактов при окраске градиентной сетки
При окраске градиентной сетки могут возникать разного вида артефакты, например складки.
Для того чтобы избегать подобного рода проблем следите за тем, чтобы линии сетки не пересекались и были в достаточном удалении друг от друга.
Также избегайте наложения ручек двух соседних точек.
Для того чтобы добиться плавного распределения цветов от точки к точке пользуйтесь не только панелью Color, но и берите цвета непосредственно с уже окрашенных ячеек.
В заключении хочу сказать, что обогатившись информацией из этой статьи, вы все равно будете испытывать дискомфорт при работе с градиентными сетками, так как этот сложный предмет требует более тщательного изучения. К счастью, у вас есть возможность использовать бесплатный плагин Mesh Tormentor, который разработан для работы с градиентными сетками, и решает множество проблем, которые могут возникнуть в вашем рабочем процессе.
Сетки
Сетчатый объект — это многоцветный объект, на котором цвета могут распределяться в разных направлениях и плавно переходить от одного к другому в разных точках. При создании сетчатого объекта множество линий, так называемых линий сетки, пересекают объект, образуя решетку. С их помощью можно легко манипулировать переходами между цветами на объекте. Перемещая и редактируя узлы на линиях сетки, можно изменить интенсивность цветового сдвига или распространение цветной области на объекте.
Пересечение двух линий сетки представляет собой опорную точку особого типа — узел сетки. Узлы сетки отображаются в виде ромбов и обладают всеми свойствами опорной точки, а также дополнительным свойством — цветовой характеристикой. Можно добавлять и удалять узлы сетки, редактировать их или изменять цвет, связанный с каждым из узлов сетки.
Опорные точки также имеются в сетке (их можно отличить по квадратному значку вместо ромбовидного) и могут быть добавлены, удалены, изменены и перемещены, как и любые другие опорные точки в программе Illustrator. Опорные точки можно расположить на любой линии сетки. Можно щелкнуть опорную точку и перетащить ее управляющие линии, чтобы изменить ее.
Участок между любыми четырьмя узлами сетки называется контуром сетки. Изменять цвет контура сетки можно теми же методами, что и цвет узла сетки.
A. Линия сетки B. Контур сетки C. Узел сетки D. Опорная точка
Как создать и Редактировать Градиенты в Adobe Illustrator
Russian (Pусский) translation by Lubov (you can also view the original English article)
Если вы хотите начать работу с градиентами и ищите вступление для начинающих, то посмотрите это короткое видео с моего курса Освойте Дизайн Логотипа в Adobe Illustrator. Я покажу вам как создать разные типы градиентов и менять различные опции такие как цвет, позиция, прозрачность.
По окончанию тебе станет понятно как создать разнообразные типы градиентов и редактировать как вам необходимо.
Как Создать и Редактировать Градиенты в Adobe Illustrator
Как Создать Простой Градиент
Начните с Инструмента Прямоугольник, чтобы создать прямоугольник для работы. Далее вы можете открыть панель Градиента, кликнув на иконку на панели инструментов или перейти к Окно>Градиент.
Кликнув где-нибудь на слайдере градиента вы создадите черно- белый градиент по умолчанию. Иконка Обратный Градиент, что находится над слайдером, меняет направление градиента: слева-направо, или справа-налево. Вы также можете вручную изменить наклон Градиента, избрав значение в поле.
Как Поменять Цвет Градиента
Вы можете поменять первоначальную позицию каждого цвета. Если вы хотите больше черного, потяните стрелку под слайдером вправо. Если вы потяните белый в противоположном направлении, то получите очень резкий переход цветов.
Для мягких же градиентов лучше всегда держать эти переключатели подальше.
Для любого градиента вам необходимы как минимум два цвета, так как вам нужно, чтобы один цвет переходил в другой. В тоже время, когда вы наводите на слайдер, то появляется иконка плюс и вы можете добавить больше переключателей. Затем, кликнув два раза на переключатель, вы можете выбрать цвет.
Так давайте же, добавляйте здесь больше цветов. А если вы используете глобальные образцы, то переходите на панель Образцов и там можете поменять глобальный образец.
Как Поменять Позицию и Прозрачность Градиента
Для удаления переключателя просто потяните его за пределы, вы можете это сделать с черным слева.
Вы можете расширить цвета, потянув переключатели, или быть более точным, и набрать значения Позиции. Для оранжевого вы можете набрать 50%, чтобы разместить его прямо по середине.
Конечно, вы можете поменять значение Непрозрачности для каждого переключателя, выбрав значение из выпадающего меню или вписав его прямо в поле.
У переключателей имеется своя Позиция в процентах, и если нужно, то можно ввести точные значения.
Посмотрите Весь Курс
В полном курсе Освойте Дизайн Логотипа в Adobe Illustrator вы выучите необходимые инструменты для создания логотипа в Adobe Illustrator. Также как в этом видео, я пройдусь по важнейшим инструментами техникам в Illustrator, а в конце мы применим все, чему научились в практичному проекте дизайна логотипа.
Вы можете приобрести курс вместе с подпиской на Envato Elements. За незначительную одноразовую месячную плату вы получаете доступ не только к этому курсу но и к все увеличивающейся библиотеке, в которой свыше 1000 курсов и ведущих электронных книг на Envato Tuts+.
Также вы получаете доступ к безлимитному скачиванию с огромной библиотеки в более чем 300 000 креативных ресурсов. Создавайте с уникальными шрифтами, фото, графикою и шаблонами и поставляйте лучшие проекты в короткий срок.