Как сделать текст градиентом в иллюстраторе
Работа с градиентами в Adobe Illustrator
Теперь попробуйте сами
Откройте файл make_magic_with_gradients_download.ai из набора материалов к уроку.
1. На панели инструментов выберите Прямое выделение. Нажмите на шею птицы.
2. Нажмите Control + F9, чтобы открыть инструмент Градиент.
3. В разделе Тип выберите Произвольный градиент.
Рисование градиентов с помощью точек
4. Закройте инструмент Градиент. Дважды нажмите на один из кружков на шее птицы. Появится всплывающее окно Заливка для выбора цвета. Щелкните значок Образцы. Выберите цвет.
5. Выберите цвет в окне Заливка для других кружков.
Совет. Вы также можете изменять расположение кружков, перетаскивая их мышью. Чтобы увеличить или уменьшить размер кружка, потяните за внешнюю границу кружка, обозначенную точками.
Рисование градиентов с помощью линий
6. Нажмите Control + F9, чтобы снова открыть инструмент Градиент. Нажмите на значок Произвольный градиент и выберите Линии в разделе Рисование. Создайте несколько точек на крыле птицы там, где вы хотите применить градиент. По завершении нажмите клавишу Esc.
7. Дважды щелкните только что созданные точки. Назначьте точкам вдоль контура цвета во всплывающем меню Заливка.
8. Повторите описанные выше действия для других частей птицы, чтобы добиться результата как на изображении ниже.
Вот и всё! Теперь ваша очередь. Создайте сложные градиенты в Illustrator. Скачайте наши материалы или используйте собственные. Опубликуйте готовую работу в Facebook, Twitter или Instagram с хештегом #MadewithIllustrator. Получайте отзывы и общайтесь с другими творческими людьми.
How to Make Gradient Text in Illustrator
In the following steps, you will learn how to add a gradient to text in Illustrator using two different methods.
What You’ll Learn in This Gradient Text Tutorial
For more inspiration on how to adjust or improve your final Illustrator gradient text, you can find plenty of resources at GraphicRiver.
Follow along with us over on our Envato Tuts+ YouTube channel:
What You Will Need
You will need the following resource in order to learn how to apply a gradient to text in Illustrator:
1. How to Add a Gradient to Text in Illustrator (Non-Destructive Fill)
Step 1
There are two methods that you can use to apply a gradient to text in Illustrator. For the first method, select your text and go to the Appearance panel (Window > Appearance). Click the Add New Fill button and make sure that the newly added fill stays selected.
Move to the Gradient panel (Window > Gradient) and click the gradient thumbnail or the gradient slider to apply a gradient across all text in Illustrator. Once you’ve applied it, you can edit the gradient or the text as you wish.
Step 2
Take a closer look at the text, and you’ll notice a subtle pixelated outline. This happens because of that original text color which still lies underneath your gradient.
To fix this issue, all you have to do is remove that color. Go to the Appearance panel and double-click the Character button to access the text settings. Click the Fill color wheel and remove the color using that [None] swatch. To return to the Appearance settings, click the Type button.
2. How to Add a Gradient to Text in Illustrator (Destructive Fill)
Step 1
For the second method, select your text and go to Type > Create Outlines to turn the text into editable vector shapes. Now, you can apply a gradient to the resulting shapes, but the gradient will be applied separately, on each letter shape.
To apply a uniform gradient on the entire text, you need to turn your group into one vector shape. Open the Pathfinder panel and click the Unite button, and then turn the resulting shapes into a compound path (Object > Compound Path > Make or Control-8).
Step 2
With your compound path selected, move to the Gradient panel (Window > Gradient) and apply a gradient across all the text in Illustrator. Once you’ve applied it, you can edit the gradient as you wish, but not the text.
3. How to Apply a Gradient Outline to Text in Illustrator
Step 1
You can also apply a gradient outline to your text in Illustrator.
If you used the first technique to apply a gradient to text in Illustrator, select that text and simply hit the Shift-X keyboard shortcut to switch the Fill and Stroke attributes in the Appearance panel. Increase the stroke weight to make the outline thicker.
You might have noticed that the outline is overlapping at some points. This simply happens because Illustrator applies a stroke to each character. To fix this issue and apply the outline to the entire text, select the Stroke from the Appearance panel and go to Effect > Pathfinder > Add.
Step 2
If you used the second technique to apply a gradient to text in Illustrator, select that compound path and use that same Shift-X keyboard shortcut to switch the Fill and Stroke attributes in the Appearance panel.
Congratulations! You’re Done!
Here’s how it should look. Now that you know how to add a gradient to a font in Illustrator, you can use these techniques in your future projects. Don’t hesitate to share your final result in the comments section.
You can find some great sources of inspiration at GraphicRiver, with interesting solutions to improve any Illustrator gradient text.
Want to Learn More?
We have loads of tutorials on Envato Tuts+, from beginner to intermediate level. Take a look!
Градиенты
Узнайте, как создавать градиенты различных типов в 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 содержит предварительно заданный набор градиентов, которые можно применить с помощью панели «Градиент» или «Образцы». Можно также создать градиент и сохранить его на панели «Образцы» для дальнейшего использования. Чтобы применить предварительно заданный или сохраненный градиент с панели «Градиент», выполните следующие действия:
Чтобы применить предварительно заданный градиент из библиотеки образцов, выполните следующие действия:
Работа с текстом в Illustrator или брачные игры с шрифтами и текстом. (Декабрь 2021).
Table of Contents:
Заполнение текста градиентом
Если вы когда-либо пытались заполнить текст градиентом, вы знаете, что он не работает. По крайней мере, это не сработает, если вы не сделаете еще один шаг перед применением градиентной заливки.
Это превращает текст в объект. Теперь вы можете заполнить его градиентом, нажав на образец градиента в палитре «Образцы». Вы можете изменить угол градиента, используя инструмент градиента в окне инструмента. Просто нажмите и перетащите инструмент в том направлении, в котором вы хотите, чтобы градиент протекал, или введите угол в палитре градиента.
Конечно, вы можете настроить цвета в градиенте так же, как вы могли, с любым заполненным объектом. Переместите раздаточные алмазы в верхней части окна предварительного просмотра градиентной рампы или отрегулируйте ограничители градиента в нижней части окна предварительного просмотра рампы градиента.
Вы также можете использовать метод Create Outlines. После ввода текста нажмите инструмент выделения, чтобы получить рамку в тексте, затем перейдите к Тип> Создать контуры и заполнить текст градиентом, как указано выше.
Продолжить чтение ниже
Добавление градиентного штриха к тексту
Возможно, вы попытались добавить градиентный штрих к тексту только для того, чтобы обнаружить, что даже если кнопка хода активна, градиент применяется к заполнению. Вы можете добавить градиент к штриху, но есть трюк.
Продолжить чтение ниже
Преобразование штриха в объект
Преобразуйте штрих в объект, используя один из этих двух методов.
Результаты будут одинаковыми независимо от того, какой метод вы используете.
Как изменить градиент
Используйте инструмент прямого выбора, чтобы выбрать только текст, если вы хотите изменить градиент. Нажмите еще один градиент в палитре. Вам нужно будет выбрать центральный штрих отдельно от внешнего в буквах, таких как «B» и «O», которые имеют центр, но вы можете выбрать несколько штрихов, если удерживаете клавишу shift.
Продолжить чтение ниже
Как заполнить ход с помощью шаблона вместо градиента
Расширенный штрих также может быть заполнен шаблонами из палитры «Образцы». Этот шаблон Starry Sky находится из файла шаблона Nature_Environments, найденного в Пресеты> Шаблоны> Природа папка.
Заполнение текста шаблоном
Возможно, вы не знаете, что в Illustrator есть образцы шаблонов. Те же самые шаги применяются при заполнении текста одним из этих бесшовных шаблонов, как при заполнении градиентом.
Продолжить чтение ниже
Использование штрихов на типе
Это легко, и вы получаете отличные эффекты практически без усилий.
Я решил заполнить этот текст шаблоном ягуара из шаблона Nature_Animal Skins.
Как добавить текстовые эффекты в Adobe InDesign
Иногда вы хотите нарядить текст больше, чем просто менять цвет. Попробуйте использовать Adobe InDesign.
Лучшие бесплатные текстовые текстовые процессоры в 2018 году
Список лучших бесплатных онлайн-текстовых процессоров. С онлайн-текстовым процессором вы можете создавать, сохранять и обмениваться документами с любого компьютера в любом месте.
Как различаются визуальные эффекты и специальные эффекты?
Градиент в Adobe Illustrator
Как сделать градиент в Иллюстраторе
Это автоматически применит градиент к объекту. Отредактировав вид градиента на панели «Градиент», вы также измените градиент выбранного объекта.
Редактирование цвета
Чтобы отредактировать цвета градиента, дважды щелкните на один из цветовых ограничителей под панелью градиента. Это откроет несколько вариантов выбора цвета. Когда вы выбираете цвет, он будет автоматически применен к градиенту.
Тоже самое проделайте и с остальными цветовыми ползункам на панели градиента.
После того, как цвета были определены, вы можете настроить местоположение начальной и/или конечной точки. Это изменит внешний вид и плавность градиента. Для этого нажмите и перетащите ползунок влево или вправо, пока не будете довольны результатом.
Чтобы отредактировать внешний вид градиента дальше, вы можете отрегулировать расположение средней точки (представленной значком ромба). Это определяет равномерное сочетание начального и конечного цветов. Для этого просто перетащите ромб влево или вправо.
Добавление цветовых точек
Вы также можете добавить дополнительные цвета для вашего градиента. Для этого щелкните под панелью градиента, чтобы создать еще одну цветовую точку. Выберите цвет, как вы делали ранее, и с помощью мыши щелкните и перетащите точку в нужное место. Повторите эту технику, чтобы создать больше цветных точек.
Чтобы удалить цветовую точку, просто выделите ее мышью и нажмите кнопку «Удалить» или перетащите цветовую точку на значок корзины.
Угол наклона градиента
Вы также можете отрегулировать угол наклона, выбрав значение в раскрывающемся списке «Угол» или введя значение.
Угол будет применен автоматически, если у вас выбран объект.
Прозрачность градиента
Чтобы отрегулировать непрозрачность цветовой точки, нажмите на нее и используйте раскрывающийся список «Непрозрачность» (Opacity) под панелью градиента. Вы можете ввести значение в поле или переместить ползунок «Непрозрачность» на панели управления.
Непрозрачность цвета обозначена клетчатым узором, когда значение ниже 100%.
Как сохранить градиент в Illustrator
Чтобы сохранить созданный вами новый градиент, вы должны добавить его в образцы. Для этого откройте панель «Образцы» («Окно» > «Образцы» (Window > Swatches)).
С выбранным градиентом, нажмите на кнопку «Новый образец».
Например, мы назвали новый градиент «Темная бронза». Каждый новый созданный вами образец будет отображаться в конце списка.
Как загрузить градиент в Illustrator
Illustrator предоставляет предустановленный набор градиентов, которые можно использовать на панели «Градиент» или «Образцы». Все созданные вами градиенты также будут найдены на панели «Образцы».
Откройте панель «Образцы», перейдя в «Окно»> «Образцы».
Нажмите на кнопку библиотеки внизу слева. Это откроет все варианты образцов для выбора. Чтобы выбрать один из предустановленных градиентов, перейдите к градиентам и выберите из широкого диапазона параметров, таких как металлы (например, золотой градиент), времена года, небо, вода, земляные тона.
Чтобы загрузить созданную и сохраненную ранее библиотеку образцов, перейдите к «Определено пользователем» и выберите имя сохраненного файла из списка.
Сетчатый градиент Mesh Tool
Произвольный градиент Freeform Gradient
Это новый тип градиента, появился он уже в версии Illustrator CC 2019 и чем-то напоминает Mesh Tool, но на много проще и удобнее в работе.
Чтобы создать произвольный градиент выберите объект и в панели Градиент выберите соответствующий пункт.
Чтобы отредактировать цвета градиента выберите нужную точку и двойным кликом по ней вы вызовите палитр цветов. Цвет можно выбрать как из палитры, так и с помощью пипетки.
Чтобы удалить точку нужно ее выделить и нажать на кнопку Удалить в панели Градиент, либо мышкой перетащить точку за пределы фигуры.
Чтобы создать новую точку просто кликните по фигуре в нужном месте (инструмент Градиент при этом должен быть активен).
Так же можно использовать этот инструмент в режиме Линии.
