Как создать градиентную обводку текста в иллюстраторе
Share this.
В этом уроке мы покажем как легко и быстро создать градиентную обводку для текста.
Используя инструмент «Текст» (Т) пишем любой текст с которым будем работать.
Удаляем обводку и заливку в нашем тексте.
В панели оформления создаем новую заливку два раза.
Выбираем нижнюю заливку и переходим в панель эффектов. Эффекты > Контур > Создать параллельный контур. Устанавливаем настройки на свое усмотрение.
Выбираем нижнюю заливку и применяем к ней градиент.
Помимо обводки мы так же можем применить градиент и к самому тексту.
Share this.
Градиентная заливка текста в иллюстраторе
т.е. чтобы градиент заливал не каждую букву по отдельности, а целиком.
granat
Участник
Сообщения 382 Реакции 315
выделить объекты и использовать Gradient Tool из палитры инструментов
Развернуть подпись
Вёрстка книг, журналов, научных статей и т. д.
Ksenia
Топикстартер
10 лет на форуме
Сообщения 431 Реакции 9
а если пипеткой я беру с примера?
splxgf
12 лет на форуме
Сообщения 7 739 Реакции 3 420
ну просто поверните. буквы или градиент.
Развернуть подпись
90% респондентов уверены, что их IQ выше среднего.
Ksenia
Топикстартер
10 лет на форуме
Сообщения 431 Реакции 9
угол градиента я изменю, вопрос не в этом..
мне нужно, чтобы градиент заливал не каждую букву по отдельности,
а целиком слово/словосочетание
granat
Участник
Сообщения 382 Реакции 315
вы хоть попробуйте какой-нибудь из предложенных вариантов…
Развернуть подпись
Вёрстка книг, журналов, научных статей и т. д.
Ksenia
Топикстартер
10 лет на форуме
Сообщения 431 Реакции 9
попробовала
а чтоб заливал не каждую строку, а целиком, что для этого сделать?
Dmitrij M
15 лет на форуме
Сообщения 11 046 Реакции 5 944
@Ksenia, чтобы весь объект – он должен быть одной кривой, единым объектом.
Развернуть подпись
Де факто, индус-триальный станд-арт
Ksenia
Топикстартер
10 лет на форуме
Сообщения 431 Реакции 9
@dimon222, а как это сделать?
granat
Участник
Сообщения 382 Реакции 315
единым объектом
извините, не соглашусь…
объекты могут быть разгруппированы
Развернуть подпись
Вёрстка книг, журналов, научных статей и т. д.
Андрей Викторов
15 лет на форуме
Сообщения 1 027 Реакции 256
Составной контур надо образовать — Ctrl+8.
Тогда зальет градиентом так, как вы хотите.
Dmitrij M
15 лет на форуме
Сообщения 11 046 Реакции 5 944
@granat, опишите как, топик – не плебисцит согласия со мной.
Развернуть подпись
Де факто, индус-триальный станд-арт
Ksenia
Топикстартер
10 лет на форуме
Сообщения 431 Реакции 9
@Андрей Викторов, спасибо, супер! получилось!
granat
Участник
Сообщения 382 Реакции 315
@dimon222
1. набираем текст
2. переводим в кривые – Create outlines или Expand (в обоих случаях объекты будут сгруппированы), если объекты разгруппировать, то нужный эффект всё равно получится
3. применяем к объектам необходимый градиент из Swathes или копируем пипеткой из готового примера
4. выделяем объекты с градиентной заливкой и используем инструмент Gradient Tool (G)
Развернуть подпись
Вёрстка книг, журналов, научных статей и т. д.
Dmitrij M
15 лет на форуме
Сообщения 11 046 Реакции 5 944
@granat, действительно, работает и так! Не знал. Я всегда объединял объект, а с Gradient Tool (G) проще, пожалуй.
Развернуть подпись
Де факто, индус-триальный станд-арт
Андрей Викторов
15 лет на форуме
Сообщения 1 027 Реакции 256
Попутно возник вопрос:
а можно ли присвоить градиент тексту не превращая его в кривые?
granat
Участник
Сообщения 382 Реакции 315
@Андрей Викторов
в Illustrator’e (CS4) – нет, а в Indesign’e (CS4) – да
Развернуть подпись
Вёрстка книг, журналов, научных статей и т. д.
splxgf
12 лет на форуме
Сообщения 7 739 Реакции 3 420
Через Apperance делается.
Развернуть подпись
90% респондентов уверены, что их IQ выше среднего.
andrejK
R.I.P.
Сообщения 10 300 Реакции 5 217
а можно ли присвоить градиент тексту не превращая его в кривые?
из картинки — всё понятно.
ни один create outline (ctrl+8, и прочая) не пострадал.
как и текст.
Последнее редактирование: 29.03.2015
Развернуть подпись
и, встретившись лицом с прохожим, ему бы в рожу наплевал, когда б желания того же в его глазах не прочитал © А.Блок
greenSnake
15 лет на форуме
Сообщения 898 Реакции 361
@dimon222
1. набираем текст
2. переводим в кривые – Create outlines или Expand (в обоих случаях объекты будут сгруппированы), если объекты разгруппировать, то нужный эффект всё равно получится
3. применяем к объектам необходимый градиент из Swathes или копируем пипеткой из готового примера
4. выделяем объекты с градиентной заливкой и используем инструмент Gradient Tool (G)
Градиенты
Узнайте, как создавать градиенты различных типов в 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. Режимы произвольного градиента
Инструмент «Градиент» и панель «Градиент» имеют множество одинаковых параметров. Однако некоторые задачи можно выполнить только с помощью инструмента или панели. С помощью инструмента «Градиент» и панели можно задать несколько точек цвета, их расположение и распределение. Можно также указать угол, под которым отображаются цвета, пропорции эллиптического градиента и непрозрачность каждого цвета.
Можно включить функцию рисования и редактирования в реальном времени, чтобы улучшить внешний вид объектов при работе с ними. Чтобы включить эту функцию, выполните следующие действия:
[Windows] Выберите Редактирование > Установки > Производительность > Рисование и редактирование в реальном времени.
[macOS] Выберите Illustrator > Установки > Производительность > Рисование и редактирование в реальном времени.
Аннотатор градиента
Для линейных и радиальных градиентов при нажатии инструмента «Градиент» на панели инструментов на объекте отображается аннотатор градиента. Аннотатор градиента — это шкала, на который отображаются начальная точка, конечная точка, средняя точка, а также две точки цвета для начальной и конечной точек.
A. Аннотатор градиента B. Кольцо из точек C. Наведите курсор, чтобы изменить пропорции D. Курсор поворота E. Точка для изменения размера радиального градиента F. Конечная точка (точка со стрелкой) G. Точка цвета H. Средняя точка I. Выбранная точка цвета J. Центральная точка
Аннотатор градиента можно использовать для изменения угла, положения и области линейного градиента, а также фокусной точки, центральной точки и распределения радиального градиента. После того как в объекте появится аннотатор градиента, можно использовать панель «Градиент» или аннотатор градиента, чтобы добавить новые точки цвета, задать новые цвета для отдельных точек цвета, изменить настройки непрозрачности и перетащить точки цвета в новое расположение.
Чтобы скрыть или отобразить аннотатор градиента, выберите Просмотр > Спрятать градиентный аннотатор или Просмотр > Показать градиентный аннотатор.
Для линейных и радиальных градиентов перетаскивание круглого конца ползунка (начальной точки) приводит к изменению положения центральной точки градиента, а конца со стрелкой (конечной точки) — увеличению или уменьшению диапазона. Если навести курсор на конечную точку, появится курсор поворота, с помощью которого можно изменить угол градиента.
Примечание. Произвольный градиент позволяет размещать точки цвета в любом месте объекта. Поэтому произвольный градиент не требует использования аннотатора градиента.
Применение предварительно заданного градиента
При первом применении инструмента «Градиент» по умолчанию используется Черно-белый градиент. Если градиент применялся ранее, по умолчанию применяется последний использованный градиент.
Кроме того, Illustrator содержит предварительно заданный набор градиентов, которые можно применить с помощью панели «Градиент» или «Образцы». Можно также создать градиент и сохранить его на панели «Образцы» для дальнейшего использования. Чтобы применить предварительно заданный или сохраненный градиент с панели «Градиент», выполните следующие действия:
- Выберите объект на холсте и нажмите раскрывающийся список Градиент на панели «Градиент».
Чтобы применить предварительно заданный градиент из библиотеки образцов, выполните следующие действия:
- Чтобы открыть панель «Образцы», выберите Окно >Образцы.
- На панели «Образцы» нажмите раскрывающийся список в правом верхнем углу. В списке выберите Открыть библиотеку образцов >Градиенты, затем выберите градиент, который требуется применить.
- Чтобы на панели «Образцы» отображались только образцы градиентов, нажмите раскрывающийся список Показать виды образцов и выберите Показать образцы градиентов.
Создание и применение линейных, радиальных и произвольных градиентов
В зависимости от ваших требований можно применить линейный, радиальный или произвольный градиент к иллюстрации.
- Создание и применение линейного градиента
- Создание и применение радиального градиента
- Создание и применение произвольного градиента
Создание и применение линейного градиента
Для создания линейного градиента выполните одно из следующих действий:
- Выберите инструмент «Градиент», затем нажмите объект на холсте. На панели управления или панели «Свойства» отображаются кнопки «Тип градиента». Выберите объект, затем нажмите Линейный градиент, чтобы применить линейный градиент к объекту.
- На панели «Градиент» нажмите Линейный градиент .
- На панели «Свойства» нажмите Линейный градиент в разделе Градиент.
Создание и применение радиального градиента
Для создания или применения радиального градиента выполните одно из следующих действий:
- Выберите инструмент «Градиент», затем нажмите объект на холсте. На панели управления или панели «Свойства» отображаются кнопки «Тип градиента». Выберите объект, затем нажмите Радиальный градиент, чтобы применить радиальный градиент к объекту.
- На панели «Градиент» нажмите Радиальный градиент.
- На панели «Свойства» нажмите Радиальный градиент в разделе Градиент.
Создание и применение произвольного градиента
Для создания или применения произвольного градиента выполните одно из следующих действий:
- Выберите инструмент «Градиент», затем нажмите объект на холсте. На панели управления или панели «Свойства» отображаются кнопки «Тип градиента». Выберите объект, затем нажмите Произвольный градиент, чтобы применить произвольный градиент к объекту.
- На панели «Градиент» нажмите Произвольный градиент.
- На панели «Свойства» нажмите Произвольный градиент в разделе Градиент.
После нажатия «Произвольный градиент» будут доступны следующие два параметра:
- Точки. Выберите этот параметр, чтобы создать точки цвета в виде независимых точек на объекте.
- Линии. Выберите этот параметр, чтобы создать точки цвета на отрезке линии на объекте.
Примечание.
Чтобы скопировать произвольный градиент с одного объекта на другой, используйте палитру цветов на панели инструментов.
Создание произвольного градиента в режиме точек
Для создания, изменения и удаления произвольного градиента в режиме точки выполните следующие действия:
- Чтобы добавить одну или несколько точек цвета, щелкните в любом месте внутри объекта.
- Чтобы изменить расположение точек цвета, перетащите их в нужное место.
- Чтобы удалить точку цвета, перетащите ее за пределы объекта или нажмите Удалить на панели «Градиент» или нажмите клавишу Delete.
Распределение произвольного градиента в режиме точек
Можно задать распределение точки цвета для произвольного градиента в виде точки. Распределение — это круговая область вокруг точки цвета, к которой применяется градиент. Чтобы задать распределение точки цвета, выберите точку цвета и выполните одно из следующих действий:
- На панели «Градиент» выберите или введите значение в раскрывающемся списке Распределение.
- Введите значение в раскрывающемся списке Распределение на панели управления, панели «Свойства» или панели «Градиент». Можно также использовать шкалу, которая отображается при нажатии Распределение.
По умолчанию для распределения точки цвета установлено значение 0%.
Примечание.
Распределение поддерживается только в режиме точки.
Создание произвольного градиента в режиме линий
Чтобы добавить точки цвета для произвольного градиента для линий, выполните одно из следующих действий:
- Щелкните в любом месте внутри объекта, чтобы создать первую точку цвета, которая является начальной точкой для отрезка линии.
- Нажмите для создания следующей точки цвета. Будет создана прямая линия от первой до второй точки цвета.
- Нажмите еще раз, чтобы создать дополнительные точки цвета. Прямая линия станет кривой.
Можно создать несколько отдельных отрезков линии в объекте. Чтобы создать новый отрезок линии, выполните следующие действия:
- Перетащите курсор за пределы объекта и переместите его обратно внутрь объекта, затем щелкните в любом месте, чтобы создать первую точку цвета для отрезка линии.
Примечание. Можно также перетаскивать отрезки линии и объединять их при необходимости.
Удаление выбранных точек цвета:
- Перетащите их за пределы объекта или нажмите Удалить на панели «Градиент».
Изменение расположения точек цвета:
- Перетащите точку цвета в нужное место. Отрезок линии удлиняется или сокращается при изменении расположения точек цвета. Расположение других точек цвета остается неизменным.
Примечание.
При применении градиента к выбранному объекту применяются настройки по умолчанию. Чтобы отключить эту функцию, снимите флажок Установить настройки подгонки с учетом содержимого по умолчанию в меню Редактирование > Установки > Основные (Windows) или Illustrator > Установки > Основные (macOS). Этот параметр отключен для компьютеров с 32-разрядной ОС Windows.
Изменение градиентов
Можно изменить цвет, центральную точку, непрозрачность, расположение и угол градиента с помощью инструмента «Градиент», панели «Градиент», панели управления или панели «Свойства».
Чтобы войти в режим изменения градиента напрямую, на панели «Градиент» выберите объект и нажмите кнопку Изменить градиент. Затем можно изменить такие параметры, как точки цвета, цвет, угол, непрозрачность, расположение, пропорции и т. д.
A. Оттенки одного цвета B. Два разных цвета C. Измененный угол D. Аннотатор измененного размера E. Измененное расположение
A. Два разных цвета B. Измененная центральная точка внутри кольца из точек C. Измененное расположение аннотатора градиента D. Измененные пропорции E. Измененное расположение средней точки
Добавление и изменение точек цвета
После применения градиента можно добавлять различные точки цвета на аннотатор градиента.
Добавление точек цвета:
- Поместите курсор на аннотатор градиента и при появлении значка «+» под курсором нажмите аннотатор градиента.
В месте нажатия будет добавлена точка цвета.
Чтобы удалить точку цвета, выберите точку цвета и выполните одно из следующих действий:
- Нажмите клавишу Delete.
- Нажмите кнопку Удалить на панели «Градиент».
Чтобы выбрать несколько точек цвета, удерживайте клавишу Shift и выберите точки цвета.
Для отмены выбора всех точек цвета нажмите клавишу Escape.
Примечание. При выборе точки цвета для градиента на панели управления и панели инструментов отображаются параметры для изменения точек цвета. Кроме того, параметры цвета отображаются на вкладке «Цвет» справа.
Изменение цвета
Чтобы изменить цвет точки цвета, выполните одно из следующих действий:
- Дважды нажмите точку цвета.
Откроется панель «Цвет», на которой можно выбрать цвет для применения. Выбранный цвет будет применен от текущей выделенной точки цвета до следующей точки цвета.
A. Точка цвета B. Распределение C. Непрозрачность D. Цвет E. Образцы F. Палитра цветов G. Образцы цветов
- Нажмите кнопку Образцы на панели «Цвет», чтобы выбрать цвет из доступных образцов.
- Нажмите кнопку Палитра цветов на панели «Цвет», чтобы выбрать и применить любой цвет с холста в другом месте. Нажмите клавишу Escape или Enter, чтобы выйти с палитры цветов. Палитру цветов можно открыть на панели «Цвет», «Градиент» и «Свойства».
- Откройте панель «Образцы», нажав Окна >Образцы. Нажмите заливку объекта на панели «Образцы». Выбранный цвет будет применен к выделенной точке цвета.
Изменение центральной точки, изменение размера и поворот аннотатора градиента
Начальная точка аннотатора градиента называется центральной точкой.
- Чтобы изменить центральную точку, поместите курсор на начальную точку и перетащите его.
- Чтобы изменить размер аннотатора градиента, перетащите конечную точку ближе к начальной точке или дальше от нее.
Размер аннотатора градиента не может быть изменен с помощью начальной точки (начала координат).
- Чтобы повернуть аннотатор градиента для линейного градиента, удерживайте конечную точку аннотатора градиента. Когда появится значок круговой стрелки, перетащите аннотатор и поверните его в любом направлении. На экране появится пунктирный прямоугольник, указывающий на новое расположение аннотатора.
- Чтобы повернуть аннотатор градиента для радиальных градиентов, поместите курсор на конечную точку аннотатора градиента и перетащите аннотатор, когда появится значок круговой стрелки.
Когда курсор будет помещен в пределах радиуса радиального градиента, появится пунктирное кольцо. Поверните кольцо по оси, чтобы изменить угол радиального градиента. Кроме того, на пунктирном кольце отображаются две точки. Можно нажать одну из этих точек, чтобы изменить форму кольца (пропорции), или нажать другую точку для изменения размера пунктирного кольца (распределение градиента).
Изменение расположения
Чтобы изменить расположение точек цвета и их средних точек, выполните следующие действия:
- Перетащите точки цвета вдоль ползунка градиента.
- Добавьте значение в поле Положение на панели «Градиент» (покажите пример изменения расположения точек цвета).
Изменяя среднюю точку, можно настроить деление цвета между двумя точками цвета.
Изменение угла
Чтобы изменить угол градиента, выполните следующие действия:
- Поверните аннотатор градиента на объекте.
- Выберите или введите значение в раскрывающемся списке Угол на панели «Градиент».
Изменение непрозрачности
Чтобы изменить непрозрачность точки цвета, выберите точку цвета и выполните одно из следующих действий:
- Выберите или введите значение в поле Непрозрачность на панели «Градиент» или панели управления.
- Переместите ползунок «Непрозрачность» на панели управления.
Если точка цвета имеет значение непрозрачности менее 100%, цвет отображается «в клетку» в аннотаторе градиента.
Добавление, редактирование и удаление сетчатых объекты в Illustrator
Сетчатый объект — это многоцветный объект, на котором цвета могут распределяться в разных направлениях и плавно переходить от одного к другому в разных точках.
При создании сетчатого объекта множество линий, так называемых линий сетки, пересекают объект, образуя решетку. С их помощью можно легко манипулировать переходами между цветами на объекте. Перемещайте и редактируйте узлы на линиях сетки для изменения интенсивности цветового сдвига или распространения цветной области на объекте.
Можно просмотреть узел сетки на пересечении двух линий сетки. Узлы сетки отображаются в виде ромбов и обладают всеми свойствами опорной точки, а также дополнительным свойством — цветовой характеристикой.
Добавляйте, редактируйте и удаляйте узлы сетки или изменяйте соответствующий цвет.
Кроме того, можно просматривать, добавлять, редактировать, перемещать и удалять опорные точки на сетке. Поместите опорные точки на любую линию сетки, выберите и перетащите ее направляющие линии для изменения.
A. Линия сетки B. Контур сетки C. Узел сетки
Участок между любыми четырьмя узлами сетки называется контуром сетки . Изменять цвет контура сетки можно теми же методами, что и цвет узла сетки.
Создание сетчатых объектов
Можно создавать сетчатые объекты из векторных объектов, за исключением составных контуров и текстовых объектов. Нельзя создавать сетчатые объекты из связанных изображений.
Максимально уменьшите размер объектов сетки, чтобы повысить производительность и скорость обновления экрана. Обработка сложных сетчатых объектов может приводить к снижению производительности. Создайте несколько небольших простых сетчатых объектов, а не один сложный сетчатый объект. Если необходимо преобразовать сложные объекты, используйте команду Создать сетку для достижения наилучших результатов.
Примечание.
При печати сетчатых объектов плашечные цвета сохраняются для вывода в EPS, PDF и на устройства PostScript.