Как наложить на текст градиент в фотошопе: Использование градиентов в Photoshop Elements

Делаем градиентный текст в Фотошоп / Creativo.one

В этом уроке мы будем рисовать прикольный текст в фотошопе.

В начале, создайте новый документ 300х500 пикс. залейте его цветом #1a142c.

После этого создаём новый слой, выбираем инструмент Elliptical Marquee Tool (овальное выделение), создаём выделение, как на рисунке ниже и заполним его другим цветом #6d56b2.

Снимите выделение Ctrl+D и примените Filter> Blur> Gaussian Blur (Фильтр-Размытие-Размытие по гауссу) со следующими настройками:

Измените непрозрачность слоя до 70%

Ок, мы закончили с фоном, а теперь давайте начнем создавать текстовой эффект! Выберите Horizontal Type Tool (горизонтальный текст) и напишите букву

P шрифтом  KabelBd любым цветом.

После этого применяем следующие режимы наложения для слоя с текстом:
Drop Shadow (Тень)
Outer Glow (Внешнее свечение)
Gradient Overlay (Наложение градиента)
Stroke (Обводка)

Результат вы можете видеть на рисунке ниже.

После этого щелкните ПКМ по слою на палитре слоев и выберите Copy Layer Style (Копировать Стили Слоя)

Под слоем с буквой P напишем еще одну букву H.

Затем щелкните ПКМ по слою на палитре слоев и выберите Paste Layer Style (Вставить Стили Слоя).

Результат должен быть следующим:

Добавим ещё букв по тому же принципу.

Хорошо, выглядит, не так ли? Чтобы закончить урок, мы добавим несколько фигур на задний план. Теперь, используя Custom Shape Tool (Произвольная фигура) выберите форму звезды, как на картинке ниже галерея стандартных форм.

Добавить эту звезду на задний план.

После этого ставим заливку (fill) на 0% и применить стиль слоя Stroke (Обводка)

Ваша картинка должна выглядеть так:

Добавим больше звёзд по тому же принципу. И Ваш текст будет выглядеть примерно так:

Наш урок закончен!

 

Источник: www.photoshopstar.com

Как сделать градиент в фотошопе (Photoshop) – Блог opengs.ru

Если Вы начали работать в фотошопе (Photoshop), то вам непременно придется научится пользоваться градиентом. итак как же наложить градиент в фотошопе:

1. Использовать градиент можно для любого объекта и слоя. Я покажу как наложить градиент на обычный прямоугольник или сделать градиент текста.

Для наложение градиента на прямоугольник или любой другой слой я буду использовать такую полезную функцию фотошопа “Стиль слоя”. Активируем нужный слой и выбираем “Добавить стиль слоя > Наложение градиента” 

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

 

1. Непрозрачность. Если Вы хотите что бы после наложения градиента оставалось видимой изображение слоя, то эта настройка для Вас
2. Градиент. Позволяет выбрать цвета градиента. Ниже опишу подробнее эту настройку.
3. Стиль. Можно выбрать разные стили для наложения поэкспериментируйте и все поймете.
4. Угол. Позволяет менять направление наложения градиента.
5. Масштаб. То насколько сильно распространяется градиент по слою.  На пальцах тоже не объяснить пробуйте.
6. Инверсия. Можно поменять местами цвета градиента.

Разберем настройку цветов из пункта 2, которая позволяет сделать градиент в фотошопе.

1. Тут можно выбрать готовый стиль градиента.
2. Шкала градиентов для настройки собственного стиля
3. Маркер непрозрачности. При клике на него активируется пункт 4
4. Ползунок настройки непрозрачности цвета градиента
5. Маркер при клике по которому активируется выбор цвета пункт 6
6. Кликнув по данному полю откроется цветовая палитра

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

Точно таким же способом можно сделать градиент текста:

Если нужно что бы градиент был полупрозрачным, то сделайте следующее. Выберите нужный слой и установите бегунок прозрачности заливки на 0. Если не применены никакие стили то содержимое слоя должно стать полностью прозрачным.

Теперь наложите нужные градиенты через стили как описано выше.

1. Кликните по нужному маркеру
2. Измените прозрачность цвета

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

Автор: Ольга Максимчук (Princypessa). Дата публикации: 16 ноября 2020. Категория: Уроки фотошопа текст.

 

Всем привет!

Сегодня мы будем создавать градиентный текст.

Градиентный текст выглядит очень ярко и эффектно и такой текст можно использовать при создании визиток, логотипов, плакатов и т.п.

Сначала мы создадим новый документ и зальем фоновый слой черным цветом.

Затем установим шрифт из папки с исходниками и при помощи инструмента Текст напишем текст.

Далее мы растрируем текстовый слой и вырежем каждую букву на отдельный слой.

После этого в уроке «Как сделать градиентный текст в фотошопе» добавим к каждому слою с буквой стиль слоя Наложение градиента и для каждой буквы создадим новый градиент.

 

 

Создаем в фотошоп (Ctrl+N) новый документ с параметрами, как на рисунке ниже.

В панели слоев щелкаем по «замочку» у фонового слоя, чтобы разблокировать слой для дальнейшего редактирования.

Переименовываем фоновый слой в «Фон». Чтобы переименовать слой, дважды щелкните по имени слоя в панели слоев, введите новое имя и нажмите клавишу Enter.

Заливаем слой «Фон» черным цветом. Для этого переходим в меню Редактирование-Выполнить заливку и в появившемся окне в верхней строке выбираем черный оттенок.

Устанавливаем шрифт из папки с исходниками. Для этого щелкните ПКМ по файлу шрифта и выберите «Установить». После этого шага шрифт установится одновременно в программу фотошоп и систему.

Активируем инструмент Текст. Растягиваем рамку создания текста на всю ширину документа и пишем слово «Aurora». В верхней панели настроек инструмента Текст выбираем шрифт, что установили в предыдущем шаге, увеличиваем размер текста, меняем цвет текста на # ffffff и вводим настройки, как на рисунке ниже. В верхней панели настроек инструмента Текст кликаем по панели символов и меняем настройки на следующие. При помощи инструмента Перемещение располагаем текст по центру холста.

В панели слоев кликаем ПКМ по текстовому слою и выбираем «Растрировать текст».

Активируем инструмент Прямолинейное лассо и создаем выделение первой буквы «A». Кликаем ПКМ по холсту и выбираем «Вырезать на новый слой». После этого появится новый слой с буквой «A». Переименовываем образовавшийся слой в «A».

В панели слоев делаем активным текстовый слой и при помощи инструмента Прямолинейное лассо создаем выделение второй буквы. Вырезаем букву на новый слой, переименовываем образовавшийся слой в «U». Повторяем действия для всех букв слова. После того, как вырезали букву и переименовали, то снова в панели слоев делаем активным текстовый слой.  В итоге у нас должно получиться 6 слоев с буквами и оригинальный текстовый слой, который стал пустой. Скрываем его видимость, нажав в панели слоев на «глазик» около слоя.

В панели слоев дважды щелкаем по первой букве (слой «A»), чтобы открыть стили слоя.

Во вкладке Наложение градиента кликаем по строке выбора градиента, чтобы открыть Редактор градиентов. В Редакторе градиентов создаем новый градиент. Для этого кликаем по нижним Контрольным точкам и вводим новые оттенки. Если в активном на данный момент градиенте есть более трех Контрольных точек, удаляем лишние, нажав сперва на Контрольную точку, затем – на клавишу Delete. Чтобы добавить новую Контрольную точку, кликните мышью в нижней части Редактора градиентов, непосредственно под градиентом и перетащите образовавшуюся Контрольную точку в нужную позицию. При необходимости введите числовое значение позиции в соответствующем окне.

Меняем оттенки на следующие:

Левая Контрольная точка (позиция 0%) –оттенок # 4b42f3;

Центральная Контрольная точка (позиция 50%) – оттенок # de1177;

Правая Контрольная точка (позиция 100%) – оттенок # fffc00.

Для верхних Контрольных точек устанавливаем 100% прозрачность.

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

Результат после применения стилей слоя.

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

Слой «U».

Левая Контрольная точка (позиция 0%) –оттенок # 1b1bf6;

Центральная Контрольная точка (позиция 50%) – оттенок # 1edcde;

Правая Контрольная точка (позиция 100%) – оттенок # 610786.

Для верхних Контрольных точек устанавливаем 100% прозрачность.

Слой «R».

Левая Контрольная точка (позиция 0%) – оттенок # 0d7492;

Центральная Контрольная точка (позиция 50%) – оттенок # 0e9431;

Правая Контрольная точка (позиция 100%) – оттенок # fffc00.

Для верхних Контрольных точек устанавливаем 100% прозрачность.

Слой «O».

Левая Контрольная точка (позиция 0%) – оттенок # 9600ff;

Центральная Контрольная точка (позиция 50%) – оттенок # ff7200;

Правая Контрольная точка (позиция 100%) – оттенок # fcfb98.

Для верхних Контрольных точек устанавливаем 100% прозрачность.

Слой «R 2».

Левая Контрольная точка (позиция 0%) – оттенок # 6719e0;

Центральная Контрольная точка (позиция 50%) – оттенок # 30c66c;

Правая Контрольная точка (позиция 100%) – оттенок # ff7c00.

Для верхних Контрольных точек устанавливаем 100% прозрачность.

Слой «A 2».

Левая Контрольная точка (позиция 0%) – оттенок # 0eebf3;

Центральная Контрольная точка (позиция 50%) – оттенок # ffc000;

Правая Контрольная точка (позиция 100%) – оттенок # b400ff.

Для верхних Контрольных точек устанавливаем 100% прозрачность.

Вот что у нас должно получиться в результате.

Градиентный текст готов! Урок «Как сделать градиентный текст в фотошопе» завершен.

Яркого настроения и творческих успехов!

 

 

 

 

 БЕСПЛАТНЫЕ РАССЫЛКИ УРОКОВ ВКОНТАКТЕ:

 

 

 Если Вы не хотите пропустить интересные уроки стилизации текста в фотошопе — подпишитесь на рассылку.

Форма для подписки находится ниже.

 

Понравилось? Поделитесь:

Facebook

Twitter

Вконтакте

Одноклассники

Добавить комментарий

Применение стиля слоя «Наложение градиента»

Важно! Так же как и в случае со стилем слоя «Наложение цвета», помощью этого стиля можно заполнить цветом слой или объект в случае, если параметр «Заливка» в Панели слоёв равен 0%.

Примечание. Об опциях «Заливка» (Fill) и «Непрозрачность» (Opasity), а также об их различиях рассказывается в этом материале.

Режимы наложения (Blend Mode)

Эта опция задаёт режимы наложения данному стилю слоя, работает по такому же принципу, как и в других стилях, по аналогии с обычными режимами наложения слоёв.

В следующем примере показано, как меняется вид текста при разных режимах наложения:

Непрозрачность (Opacity)

Эта опция регулирует прозрачность градиентной заливки относительно слоя, к которому она применяется. Действует по принципу опции «Непрозрачность» в панели слоёв.

Градиент (Gradient)

Здесь вы можете установить цвет в градиента. Это может быть простой двухцветный вариант, либо сложный набор из цветов для специальных эффектов, таких как металл.
Галка в чекбоксе «Инверсия» развернёт на 180° направление вашего градиента.

В примере ниже Вы можете увидеть разницу между простым, двухцветным и сложным многоцветным градиентами:

Стиль (Style)

Эта опция выполнена в виде выпадающего списка, содержащего пять различных вариантов:
Линейный (Linear): стандартные прямолинейный градиент
Радиальный (Radial): градиент, начинающийся от центральной точки и именяющийся равномерно во все стороны по мере удаления от центральной точки
Угловой (Конусовидный, Angle): изменение цвета по кругу с центром в заданной точке
Зеркальный (Reflected): два линейных градиента, один из которых является зеркольным отражением первого и оба они распространяются от начальной точки в противоположных направлениях
Ромб (Diamond): распространяется как и радиальный градиент, но не в виде круга, а ромба

Галка в чекбоксе «Выровнять по слою» (Align with Layer) выравнивает градиент по слою. к которому он применяется.

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

Угол (Angle)

Эта опция задаёт угол направления градиента. Значение угла можно менять с помощью мыши, изменяя положение луча в круге, также можно вводить числовое значение угла в поле ввода:

В следующем примере вы можете увидеть, как изменение угла влияет на внешний вид стиля. Регулировка угла может быть полезна в случае, если вам нужно, чтобы внешний вид вашего градиента соответствовал другим эффектам освещения в вашем изображении:

Масштаб (Scale)

С помощью этой регулировки Вы можете изменить положение начальной и конечной точки расположения вашего градиента:

На рисунке показаны примеры разных значений масштабов при прочих одинаковых параметрах. Границы градиентов (начальная и конечная точки) отмечены красными скобками:

Сохранение и загрузка настроек стиля слоя по умолчанию

Сохранение и загрузка значений по умолчанию осуществляется точно так же, как и у стиля слоя «Тени».

Текст из блестящих линий

Вот как сейчас примерно должен выглядеть фон с градиентной заливкой:

Заготовка фона.

Теперь фон следует несколько затемнить, для этого воспользуемся инструментом «Уровни» (Levels). Добавьте к слою с градиентом корректирующий слой «Уровни», в панели свойств слоя измените значение теней до 11, а полутонов до 0,83. Вот что должно получиться:

Готовый фон для текста.

Шаг 2

Возьмите инструмент «Текст» и, используя шрифт Intro Regular, создайте свой текст, цвет белый:

Простой текст.

Уменьшите заливку текстового слоя до нуля, при этом текст должен скрыться из видимости. Примените к текстовому слою стиль слоя «Обводка» со следующими настройками:

• Размер (Size): 1 пикс
• Тип обводки (Fill Type): Градиент (Gradient)
• Стиль (Style): Зеркальный (Reflected)
• Угол (Angle): 90°
• Используйте градиент faucet 160 из набора CHROMES.grd

Настройки стиля «Обводка».

Вот как выглядят буквы с добавленным стилем, фрагмент моего документа, масштаб 100%, фрагмент документа. Если по созданию текста что-то неясно, скачайте готовый файл PSD, выполненный по этому уроку, по ссылке внизу страницы:

Текст с заливкой 0% и стилем слоя «Обводка».

В панели слоёв нажмите левой клавишей мыши на текстовый слой, затем нажмите комбинацию клавиш Ctrl+J для его дублирования. Теперь в панели слоёв у вас должно быть два текстовых слоя.

Шаг 3

Создайте новый документ размером 500 на 500 пикселей, выберите инструмент «Прямоугольник» (Rectangle Tool), убедитесь, что в панели параметров выбран режим «Фигура» (Shape) .

Создайте в новом документе прямоугольник чёрного цвета шириной 5 и высотой 300 пикселей, нажмите кнопку ОК. Имейте в виду, что высота прямоугольника должна быть выше самой высокой буквы вашего текста. Кроме того, вы можете поэкспериментировать с шириной линии, сделать более толстую или тонкую линию. Выровняйте линию по центру документа с помощью инструментов выравнивания:

Создание вертикального прямоугольника.

Пройдите по вкладке Редактирование —> Определить кисть (Edit —> Define Brush), в диалоговом окне введите какое-нибудь имя (или оставьте предложенное программой), нажмите ОК.

Шаг 4

Вернитесь к исходному документу, выберите инструмент «Кисть» (Brush Tool) и откройте панель кистей (клавиша F5) и выберите кисть, которую вы только что создали. Измените значение параметра Интервал (Spacing) до 250%, или задайте своё:

Выбор собственной кисти и изменение настроек.

Под текстовым слоем создайте новый слой. Зажмите Ctrl и кликните левой клавишей мыши по миниатюре текстового слоя (квадрат с буквой Т в панели слоёв), чтобы вокруг букв появилось выделение.

На данный момент у вас должен быть активен новый слой под текстом и инструмент «кисть». В документе нажмите курсором кисти слева от текста, затем зажмите Shift и нажмите справа. Под текстом должны появиться полосы:

Создание полос под текстом.

В моём случае, оба слова расположены на одном текстовом слое. Я создал полоски под одним словом (на рис. выше), затем, точно так же, под другим:

Фрагмент текста с полосками в масштабе 100%. Выделение пока не снято.

Шаг 5

Снимите выделение, нажав Ctrl+D. Уменьшите значение заливки (Fill) слоя с полосками до нуля. В документе полоски полностью скроются из видимости.

Добавьте к этому слою стиль слоя «Наложение градиента» со следующими настройками:

• Режим наложения (Blend Mode): Нормальный (Normal)
• Стиль (Style): Линейный (Linear)
• Масштаб (Scale): 100%
• В качестве градиента используйте steel pipe 20 (или другой похожий) из набора CHROMES.grd.

Настройки стиля слоя «Наложение градиента».

Вот как выглядит мой текст сейчас:

Текст с наложенным градиентом.

Шаг 6

Откройте в Photoshop изображение 1.png, скачанное отсюда. С помощью инструмента «Перемещение» (Move Tool) перенесите его на основной документ на самый верх в стеке слоёв. С помощью «Свободного трансформирования» при необходимости отрегулируйте размер по документу, затем измените режим наложения (Blend Mode) с нормального на «Экран» (Screen):

Добавление звёздного фона.

И последнее. Поверх всех слоёв добавьте корректирующий слой «Карта градиента» (Gradient Map), в градиенте измените цвета на afaba3 слева и #ffffff справа. Изменените режим наложения корректирующего слоя на «Умножение» (Multiply) и измените непрозрачность до 50%. Вот что должно получиться в итоге.

Готовый результат: текст из блестящих линий.

Для облегчения понимания урока, скачайте файл PSD, выполненный в точности по этому уроку:

Эффект свечения текста в фотошопе

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

Любой эффект свечения (света) особенно хорошо смотрится на темном фоне, благодаря которому видно все детали данного эффекта. Именно поэтому фон будем делать темный и не сильно выраженный. За основу я взял изображение космоса с астронавтом, буду делать эффект в тематике космоса. Исходники к данному уроку, изображение и используемый шрифт вы можете скачать на данной странице справа в блоке «Материалы к уроку».

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

После этого к верхнему слою с изображением применим наложение «Мягкий свет». Для этого в панели слоев выделяем слой с изображением, кликнув по нему левой кнопкой мыши и устанавливаем ему наложение «Мягкий свет», вместо «Обычное».

Таким образом мы подготовили фон, сделали изображение космоса и астронавта темным и менее видным, что и требовалось.

2. Теперь добавляем текст по центру изображения, настраиваем нужный размер и шрифт. Я подобрал шрифт необычный и с намеком на что-то космическое ;).

Далее необходимо наложить на текст градиент. Для этого кликаем правой кнопкой мыши по слою с текстом в панели слоев и в появившемся меню выбираем «Параметры наложения». В результате данного действия откроется окно с настройками параметров слоя.

В данном окне выбираем «Наложение градиента» и задаем настройки: линейный градиент, угол 90 градусов, ну и все остальное, как на скриншоте выше.

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

В данном случае это будут синие тона, верхнюю часть градиента сделаем светлой, нижнюю — темной.

3. После настройки градиента необходимо сделать «тиснение» текста, чтобы придать ему эффект объема и выделить края. Для этого в той же панели «Параметры наложения» выбираем «Тиснение» и делаем соответствующий настройки (как на скриншоте ниже).

В результате получаем вот такой текст с эффектом тиснения.

4. Далее полученный слой с текстом необходимо копировать 3 раза, для этого выделяем данный слой, кликнув по нему левой кнопкой мыши и нажимаем на клавиатуре комбинацию клавиш Ctrl + C (стандартная команда копирования), после чего 3 раза нажимаем комбинацию клавиш Ctrl + V (вставить). В результате в панели слоев мы получим 3 копии слоя с текстом.

После этого выделяем эти получившиеся три слоя, кликая по каждому из них левой кнопкой мыши и удерживая клавишу Ctrl. После того как данные три слоя выделили необходимо нажать правую кнопку мыши и в появившемся меню выбрать «Растрировать текст»,

после чего снова нажать на правую кнопку мыши и в появившемся меню выбрать «Объединить слои». Таким образом у нас получится один слой с изображением надписи.

5. Теперь к получившемуся слою с изображением текста применим фильтр «Радиальное размытие». Выделяем данный слой, кликнув по нему левой кнопкой мыши и в верхней панели меню выбираем «Фильтр» — «Размытие» — «Радиальное размытие».

Далее, в открывшемся окне настроек фильтра устанавливаем максимальное количество — 100, метод размытия — линейный и качество — наилучшее.

В результате применения фильтра получится эффект свечения.

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

В результате получим уже более насыщенный и яркий свет.

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

Последним шагом сделаем еще одну копию данного слоя с эффектом поместим ее под первый слой и установим ему наложение «Осветление основы» вместо «Линейный осветлитель». Так же данному слоу установим непрозрачность на 50%.

В итоге получаем необходимый эффект свечения текста.

Таким образом в фотошопе можно сделать эффект свечения не сложным и быстрым способом.

Как сделать золотые буквы в Фотошопе

Об эффектах в Фотошопе сказано немало и написано достаточно внушительное количество руководств. И ведь правда, как устоять перед возможностью ими воспользоваться, когда это так просто?

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

Создание золотого шрифта

Чтобы вам все было понятно, мы расскажем о процессе создания в программе золотой надписи пошагово, а руководство разделим на 2 части.

Часть 1: Создание фона для золотого текста

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

1. Для начала зайдите в программу и создайте новый документ,
   после чего добавьте новый прозрачный слой.
   
2. Теперь нужно выбрать для заливки фона инструмент “Градиент”.
   Переходим в верхнее меню настроек инструмента. Тип заливки лучше всего выбрать “Радиальный”, чтобы центр изображения был более светлым, чем края.
   После, нужно перейти в “Редактор градиентов”, чтобы выбрать шаблон градиента.Тепер нужно подобрать необходимый цвет.
3. Когда настройки градиента уже произведены просто кликаем на холст инструментом и тянем в желаемую сторону. Начальную точку, от которой собираетесь тянуть, обязательно возьмите посередине холста.
   Примерно такой фон должен получится, если вы все сделали правильно.
   
4. Выбираем в палитре цветов основным цветом – желтый, который больше всего близок к золотому оттенку (в нашем случае мы на глаз подобрали цвет с кодом “#d7ac00”):
   
5. Далее берем “Горизонтальный текст” в панели инструментов:
   Кликаем на холст и вводим на клавиатуре любимую букву. Затем корректируем размер, чтобы буква занимала большую часть слоя и сдвигаем ее в центр.
   

Часть 2: Добавляем стили (параметры наложения) на слой с текстом

1. Приступим к стилизации текста. Для этого делаем двойной клик по слою или щелкаем правой кнопкой мыши на слой и в раскрывшемся меню выбираем параметры наложения.
   Откроется окно с многочисленными эффектами и их настройками. Нам нужно выбрать “Тиснение”. Изменяемые настройки:
   • Стиль и метод оставляем неизменными.
   • Глубину выставляем от 150% до 200%, по желанию. Мы выберем среднее значение 175%.
   • Размер поставим 13 пикс.
   • Смягчение оставим на отметке 0.
   • Угол выкручиваем на 120 градусов и ставим галку напротив “глобальное свечение”.
   • Высота должна быть на отметке 30 градусов.
   • В пункте “Контур глянца” выбираем «Кольцо» и не забываем поставим галку рядом со “Сглаживанием”.
     
   • В режиме подсветки ставим «Яркий свет».
   • В непрозрачности сдвиньте ползунок на 70%.
   • Режим тени выбираем “Умножение”, а цвет выбираем темно-оранжевый или темно-коричневый.
   • Непрозрачность в конце ставим на 70%

   Такой результат получился после наложения стиля “Тиснение” с нашими настройками:
   

2.  Теперь мы сделаем нашу золотую букву еще лучше. Заходим снова в “Параметры наложения” и ставим галку возле подпункта “Контур”.
   • В выпадающем списке настроек контура выбираем “Скругленные ступени”.
   • Включаем сглаживание.
   • Ползунок диапозона сдвигаем на 40%.

   Стало еще лучше? Да, стало намного лучше:
   

3. Но это далек не все, поэтому едем дальше. Кликаем на “Внутреннее свечение” и выставляем следующие настройки:
   • В режиме наложения выбираем “Мягкий свет” с непрозрачностью в 70%.
   • Добавляем шумов на глазок. В нашем варианте это 20%.
   • В пункте цвет выбираем оттенок светло-оранжевого цвета.
   • Метод оставялем “мягким”.
   • В пункте “Источник” выбираем “Из центра”.
   • “Стягивание” оставляем с нулевым значением, а вот с “размером” все индивидуально и значение зависит от того, какого размера шрифт вы используете. Мы выставили максимальное значение – 250 пикселей.
   • Остальные настройки не трогаем.

4. Ну что, добавим букве немного глянца. Переходим к соответствующему пункту.
   • В режиме наложения выбираем “Яркий свет”.
   • В качестве цвета возьмем бледно-желтый.
   • Непрозрачность оставляем на уровне 50%, а угол выкручиваем на 90% (в нашем случае).
   • Играемся также и со смешением и размером. Здесь уже все индивидуально.
   • Тип контура выбираем – “Конус”.
   • Галочки “Сглаживание” и “Инвертировать” оставляем включенными.

5. Далее накладываем градиент, чтобы добавить “золоту” еще больше натуральности.
   • В режиме наложения выбираем “Мягкий свет”.
   • Непрозрачность оставляем на отметке 100%.
   • Стиль выбираем “Зеркальный” и ставим галку “Выровнять по слою”.
   • Переходим к настройке цветов градиента.
     Наши цвета на крайних точках имеют значение “#774616”, а посередине – “#e4be36”.
     

6. Последней ступени обработки станет добавление эффекта “Тень”. Здесь уже нет каких-то четких рекомендаций, поэтому выставляем все настройки на свой вкус.
   

Кликаем “ОК”. На этом все! Наш золотой шрифт наконец-то готов.

Благодаря параметрам наложения в Фотошопе можно творить и создавать удивительные проекты.

Надеемся этот урок помог вам. Если остались вопросы, пишите об этом в комментариях.

До встречи в наших следующих уроках!

Как создать градиентный текст в Photoshop (шаг за шагом)

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

Чтобы создать градиентный текст в Photoshop, вам нужно:

1. Создайте новый текстовый слой и введите текст.
2. Дважды щелкните текстовый слой, чтобы открыть панель стилей слоя.
3. Выберите параметр «Наложение градиента» из стилей слоя.
4. Выберите настройки градиента для текста.
5. Щелкните OK, чтобы сохранить изменения.

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

Этапы создания градиентного текста в Photoshop

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

Конечно, если вы не растрируете текст!

Шаг 1. Создание текста

Чтобы создать новый набор текста в Photoshop, просто откройте инструмент «Текст», нажав T на клавиатуре или найдя его на панели инструментов.

Поскольку текст не может быть написан на обычном слое, все, что вам нужно сделать, это щелкнуть по холсту, чтобы создать новую строку текста.Это создаст новый текстовый слой на вашей панели слоев.

Как и в обычном текстовом документе, выделите текст и введите все, что хотите.

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

На этом этапе не беспокойтесь о цвете вашего текста.На следующем шаге вы добавите цвет, кроме градиента.

Когда ваш текст будет в порядке, установите флажок на верхней панели настроек, чтобы сохранить текст.

Шаг 2. Добавление градиентного наложения к вашему тексту

Градиентное наложение по существу заменяет цвет вашего текста настраиваемым градиентом по вашему выбору. Во время редактирования текста это невозможно сделать, поэтому вам нужно будет вызвать панель стилей слоя. Здесь находятся все настройки вашего пользовательского слоя, и это ключевой компонент многих эффектов в Photoshop!

Чтобы открыть стили слоя, дважды щелкните на текстовом слое.

На этой панели все параметры стиля слоя перечислены с левой стороны. Щелкните «Наложение градиента» , чтобы применить этот эффект к тексту и открыть параметры настроек.

Если вы уже знакомы с инструментом градиента в Photoshop, то многое из этого будет вам знакомо. Однако, если вы новичок, это все еще легко понять после небольшой практики.

Самая важная часть — отредактировать градиент.Это можно сделать, щелкнув поле редактора градиента. Откроется новое окно с несколькими предустановками градиента, которые можно применить к вашему тексту.

Если ни один из предустановленных параметров не позволяет вашей лодке плавать, то можно также создать свой собственный градиент. Глядя на панель градиента, вы увидите образцы цвета в разных точках градиента. Эти образцы можно настраивать и перемещать, чтобы изменить внешний вид вашего градиента.

Дважды щелкнув образец, вы получите доступ к палитре цветов.Здесь вы можете выбрать любой цвет, которым хотите заполнить этот участок градиента.

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

Когда вы будете довольны эффектом, нажмите OK, чтобы применить градиент.

Шаг 3. Дальнейшее уточнение вашего градиентного наложения

Теперь сложная часть закончена. Осталось только изменить вид только что созданного градиента. На панели стилей слоя есть несколько удивительных опций для этого.

Во-первых, убедитесь, что ваш режим наложения установлен на «Нормальный», а непрозрачность — 100% для наилучшего результата.

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

Чтобы изменить способ распространения градиента, вы можете выбрать любой из стилей градиента. Для базового градиента оставьте значение L дюймов в год. Другими стилями, которые хорошо подходят для градиентного текста, являются стили радиального и отраженного градиента, но попробуйте поэкспериментировать сами!

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

Если вы предпочитаете градиентный переход по тексту по горизонтали, установите значение угла 180 градусов.

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

Наконец, ползунок шкалы управляет плавностью перехода между каждым цветом. При шкале 10% вы можете ясно видеть резкую линию между цветами в моем градиенте.С другой стороны, увеличение моего масштаба делает этот переход немного более тонким.

Теперь, когда все в порядке, нажмите OK, чтобы выйти из панели стилей слоя и зафиксировать градиентный текст!

Редактирование градиента текста в дальнейшем в вашем проекте

Прелесть параметров стилей слоя в том, что их можно настраивать еще долго после создания градиентного текста. Посмотрев на панель «Слои», вы можете увидеть наложение градиента, указанное как эффект слоя под текстом.Дважды щелкнув слово «наложение градиента», вы можете повторно получить доступ ко всем настройкам градиента и с легкостью настроить внешний вид градиентного текста.

Создание текста с прозрачным градиентом

Теперь, когда вы знаете, как создать градиентный текст с цветным градиентом, давайте поговорим о том, как сделать это с помощью прозрачного градиента. Вы могли заметить, что есть передний план для прозрачного градиента, к которому вы можете получить доступ на панели стилей слоя, но есть проблема.Когда вы выбираете этот набор настроек градиента, половина текста не становится прозрачной. Что тут происходит?

Это не сработает с опцией наложения градиента, потому что этот эффект применяется к цвету вашего текста. Это означает, что переход от переднего плана к прозрачному делает свою работу; однако фактический цвет вашего текста мешает.

К счастью, для всего этого есть простой обходной путь, который использует инструмент градиента и маску слоя.

Начните с выбора текстового слоя и добавления маски слоя.

Затем выберите инструмент градиента, нажав G или найдя его на панели инструментов.

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

Чтобы сделать часть текста прозрачной, установите черный цвет переднего плана.

Щелкните маску слоя, чтобы выбрать ее, затем щелкните и перетащите по тексту, чтобы применить прозрачный градиент.В этом примере я использую стиль линейного градиента.

Поскольку градиент применяется к маске слоя, он скроет части текста, чтобы сделать его прозрачным.

И вот так вы создали прозрачный градиентный текст!

Чтобы узнать больше о прозрачных градиентах и ​​о том, как с ними работать, прочтите этот пост.

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

Дополнительные учебники по тексту Photoshop для вас:

Удачного редактирования!

— Брендан 🙂

Как создать градиент радуги в Photoshop

Узнайте, как создать простой градиент радуги в Photoshop, как сохранить его в качестве предустановки градиента радуги и как быстро добавить цвета радуги к изображениям, фигурам или тексту! Для Photoshop CC 2020.

Автор Стив Паттерсон.

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

Попутно мы будем использовать панель «Градиенты», которая появилась в Photoshop CC 2020. Поэтому для достижения наилучших результатов убедитесь, что ваша копия Photoshop обновлена.

Приступим!

Загрузите это руководство в виде готового к печати PDF-файла!

Создание новой группы для пользовательских градиентов

Прежде чем мы научимся создавать градиент радуги, давайте быстро создадим новую группу градиентов , чтобы хранить все наши настраиваемые градиенты и держать их отдельно от градиентов Photoshop по умолчанию.Если вы уже создали настраиваемую группу, вы можете пропустить этот раздел.

Шаг 1. Откройте панель «Градиенты».

Начните с открытия панели «Градиенты». Вы найдете его в той же группе панелей, что и панели «Цвет», «Образцы» и «Узоры».

Обратите внимание, что все градиенты Photoshop по умолчанию разделены на группы, такие как «Основные», «Синие», «Пурпурные» и т. Д. И каждая группа представлена ​​папкой:

Панель «Градиенты».

Шаг 2. Откройте меню панели «Градиенты».

Вместо того, чтобы помещать градиент радуги в одну из этих групп по умолчанию, мы создадим нашу собственную настраиваемую группу.

Щелкните значок меню панели «Градиенты» в правом верхнем углу:

Щелкнув значок меню.

Шаг 3. Выберите «Новая группа градиентов»

Затем выберите New Gradient Group из меню:

Создание новой группы градиентов.

Шаг 4. Назовите группу «Мои градиенты»

Назовите группу «Мои градиенты» или что-нибудь подобное и нажмите «ОК»:

Диалоговое окно «Имя группы».

Затем вернитесь на панель «Градиенты», прокрутите вниз мимо групп по умолчанию, и внизу появится новая группа, готовая удерживать наш градиент радуги:

Новая группа «Мои градиенты».

См. Также: Подарите кому-нибудь радужные цвета глаз в Photoshop!

Как создать градиент радуги в Photoshop

Теперь давайте узнаем, как создать градиент радуги. Как мы увидим, на самом деле это просто вопрос выбора существующего градиента и последующего редактирования цветов.

Шаг 1. Выберите инструмент «Градиент»

Начните с выбора Gradient Tool на панели инструментов:

Выбор инструмента «Градиент».

Шаг 2. Откройте редактор градиентов

Затем на панели параметров щелкните образец градиента , чтобы открыть редактор градиентов Photoshop .

Убедитесь, что вы щелкнули по самому образцу цвета, а не по маленькой стрелке справа от образца:

Щелкните образец цвета градиента.

Шаг 3. Выберите градиент «Черный, белый».

В разделе « Presets » редактора градиентов поверните папку Basics и выберите градиент Black, White , щелкнув по его миниатюре. Это градиент, с которого мы начнем:

Выбор градиента «Черный, белый» в редакторе градиентов.

Шаг 4: Измените цвет с черного на красный

Затем перейдите к полосе предварительного просмотра градиента в нижней половине редактора градиента.

Щелкните на отметке черного цвета под левой стороной панели предварительного просмотра, чтобы выбрать ее, а затем щелкните на образце цвета , чтобы изменить цвет:

Щелкнув черную отметку цвета, а затем щелкнув образец цвета.

В палитре цветов выберите красный , установив значение R (красный) на 255 и оставив значения G (зеленый) и B (синий) на 0 .Затем нажмите OK, чтобы закрыть палитру цветов:

.

Установка R на 255, G на 0 и B на 0 для красного.

Шаг 5: Установите положение красного на 0%

Вернувшись в редактор градиентов, убедитесь, что значение Location для красного установлено на 0% .

И теперь у нас есть первый цвет нашей радуги:

Установка положения красного на 0 процентов.

Шаг 6: Добавьте новую цветовую точку и выберите желтый

Затем добавьте новую цветовую границу к градиенту, щелкнув пустую область справа от красной точки.

Не беспокойтесь о том, где именно вы щелкнете. Мы установим место для остановки цвета через мгновение:

Щелкните, чтобы добавить новый цвет.

Затем щелкните образец цвета , чтобы изменить цвет:

Редактирование цвета.

В палитре цветов выберите желтый , оставив значение R равным 255 и изменив значение G на 255 . Оставьте значение B на 0 и нажмите OK:

Установка R на 255, G на 255 и B на 0 для желтого.

Шаг 7: Установите положение желтого на 20%

Затем вернитесь в редактор градиентов и установите для желтого Location значение 20% . Два цвета вниз, осталось четыре:

Установка положения желтого на 20 процентов.

Шаг 8: Добавьте еще одну цветовую точку и выберите зеленый

Далее добавим зеленый цвет. Щелкните справа от желтой отметки, чтобы добавить новый цвет:

Добавление еще одной новой цветовой точки.

Затем щелкните образец цвета :

Изменение нового цвета.

И в палитре цветов выберите зеленый , установив R на 0 и оставив G на 255 и B на 0 . Затем нажмите ОК:

Установка R на 0, G на 255 и B на 0 для зеленого.

Шаг 9: Установите положение зеленого на 40%

Установите Расположение зеленого на 40% :

Установка положения зеленого на 40 процентов.

Шаг 10: Добавьте еще один шаг цвета и выберите голубой

Следующий цвет, который нам нужен для нашего радужного градиента, — голубой.

Щелкните справа от отметки зеленого цвета, чтобы добавить новый цвет:

Добавляем третью новую цветовую точку ниже градиента.

Затем щелкните образец цвета :

Щелкните образец цвета.

И в палитре цветов оставьте R на 0 и G на 255 , но измените B на 255 :

Установка R на 0, G на 255 и B на 255 для голубого.

Щелкните OK, чтобы закрыть палитру цветов, а затем установите для голубого Location значение 60% :

Установка положения голубого на 60 процентов.

Шаг 11: Добавьте новую цветовую точку и выберите синий

Нам нужно добавить еще одну цветовую границу, а затем мы отредактируем белую цветовую точку.

Щелкните справа от голубого ограничителя, чтобы добавить новый цвет:

Добавление четвертой новой цветовой точки.

Затем щелкните образец цвета :

Изменение цвета.

И в палитре цветов выберите синий , оставив R на 0 , изменив G на 0 и оставив B на 255 :

Установка R на 0, G на 0 и B на 255 для синего.

Шаг 12: Установите местоположение синего на 80%

Нажмите OK, чтобы закрыть палитру цветов, а затем установите Location для синего цвета на 80% :

Установка положения синего на 80 процентов.

Шаг 13: Измените белый цвет на пурпурный

Последний цвет, который нам нужен для градиента радуги, — пурпурный.

Щелкните значок белого цвета под крайним правым краем полосы предварительного просмотра градиента, а затем щелкните образец цвета :

Выбор остановки белого цвета и щелчок по образцу цвета.

В палитре цветов выберите пурпурный , изменив R на 255 и оставив G на 0 и B на 255 :

Установка R на 255, G на 0 и B на 255 для пурпурного.

Шаг 14: Установите положение пурпурного на 100%

И, наконец, убедитесь, что значение Location для пурпурного равно 100% .

И теперь у нас есть градиент радуги:

Установка положения пурпурного на 100 процентов.

Как сохранить градиент радуги в качестве предустановки

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

Шаг 1. Выберите собственную группу градиентов

По-прежнему в редакторе градиентов выберите свою группу из области Presets :

Выбор группы «Мои градиенты».

Шаг 2. Назовите градиент «Радуга»

Измените имя градиента с «Пользовательский» на «Радуга»:

Назовем градиент «Радуга».

Шаг 3. Нажмите «Создать»

А затем, чтобы сохранить градиент в качестве предустановки, нажмите кнопку New :

Нажмите «New», чтобы сохранить предустановку.

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

Далее я покажу вам самый быстрый способ применить градиент радуги к изображению или тексту:

Новый предустановленный градиент радуги.

Загрузите это руководство в виде готового к печати PDF-файла!

Как применить градиент радуги к изображению

Начиная с Photoshop CC 2020, самый простой способ применить градиент радуги к изображению, фигуре или тексту — перетащить его с панели «Градиенты».

Вот изображение, которое я открыл в Photoshop и загрузил из Adobe Stock:

Исходное фото. Предоставлено: Adobe Stock.

Шаг 1. Откройте панель «Градиенты».

Чтобы раскрасить изображение градиентом радуги, откройте панель « Градиенты» :

Открытие панели «Градиенты».

Шаг 2. Перетащите градиент радуги на изображение

Twirl откройте группу, содержащую ваш градиент радуги, и выберите ее, щелкнув ее миниатюру:

Выбор градиента радуги.

Затем просто перетащите градиент с панели «Градиенты» на свое изображение:

Перетаскивание градиента с панели «Градиенты» на изображение.

Градиент временно блокирует просмотр изображения.

Я покажу вам, как изменить направление цветов через мгновение:

Результат после перетаскивания градиента радуги.

Шаг 3. Измените режим наложения слоя градиентной заливки

На панели «Слои» градиент отображается на собственном слое с градиентной заливкой над изображением.

Чтобы смешать цвета радуги с изображением, измените режим наложения слоя заливки на Color , Overlay или Soft Light . Каждый режим дает разный результат, поэтому выберите наиболее подходящий:

Изменение режима наложения слоя градиентной заливки.

Шаг 4: Уменьшите непрозрачность слоя

Если цвета слишком интенсивные, уменьшите Непрозрачность слоя заливки. Я понижу свой до 40 процентов:

Понижение непрозрачности слоя.

И вот мой результат с градиентом радуги, установленным в режиме наложения Overlay с непрозрачностью 40%:

Результат с градиентом радуги, смешанным с изображением.

Шаг 5: Измените направление градиента

Чтобы изменить направление цветов градиента, дважды щелкните образец цвета слоя с градиентной заливкой на панели «Слои»:

Дважды щелкните образец цвета.

Откроется диалоговое окно Gradient Fill , в котором можно редактировать различные параметры.

Чтобы просто инвертировать цвета градиента, выберите опцию Reverse . Или введите новое значение Угол , чтобы изменить направление градиента. Например, чтобы отображать градиент слева направо, установите угол 0 ° . Или для диагонального градиента попробуйте 45 ° .

Нажмите ОК, когда закончите, чтобы закрыть диалоговое окно:

Параметры градиентной заливки.

Связано: узнайте ВСЕ новые способы добавления градиентов в Photoshop!

Как добавить градиент радуги к тексту

Так же легко применить градиент радуги к тексту. Но есть разница в том, как мы редактируем параметры градиента:

Документ Photoshop с белым текстом на черном фоне.

Шаг 1. Перетащите градиент радуги на текст

Щелкните и перетащите градиент с панели «Градиенты» на текст в документе.

Убедитесь, что вы поместили его прямо на одну из букв, а не на фон:

Перетаскивание градиента радуги на текст.

По умолчанию исходный результат будет выглядеть так, градиент проходит вертикально через буквы:

Первоначальный результат.

Шаг 2. Отредактируйте эффект слоя «Наложение градиента»

Мгновение назад мы увидели, что Photoshop применяет градиенты как слои градиентной заливки, когда мы перетаскиваем их на изображение.Но когда мы помещаем градиент на текст , градиент применяется как эффект слоя Gradient Overlay .

Чтобы изменить направление градиента, дважды щелкните слово «Gradient Overlay» под текстовым слоем на панели «Слои»:

Двойной щелчок по «Gradient Overlay».

Вместо открытия диалогового окна «Градиентная заливка» Photoshop открывает диалоговое окно Layer Style , в котором мы находим те же параметры Reverse и Angle .

Чтобы изменить направление с вертикального на горизонтальное, установите угол Угол на 0 ° :

Параметры «Реверс» и «Угол» для наложения градиента.

Щелкните OK, чтобы закрыть диалоговое окно Layer Style.

И градиент радуги теперь проходит через текст слева направо:

Последний текстовый эффект радуги.

Куда пойти дальше

И вот оно! Вот как создать градиент радуги, как сохранить градиент в качестве предустановки и как добавить цвета радуги к изображению или тексту в Photoshop!

Посетите наш раздел «Основы Photoshop», чтобы получить дополнительные уроки.И не забывайте, что все наши руководства по Photoshop доступны для скачивания в формате PDF!

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

Добавление текста к вашим проектам может стать немного скучным, особенно когда вы просто добавляете простой цветной текст каждый раз. Но почему бы не попробовать немного оживить свой текст? Один отличный и простой способ сделать это — добавить к тексту градиентную заливку.

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

Прежде чем мы начнем, если вы хотите найти новый шрифт, к которому можно применить этот эффект, не стесняйтесь ознакомиться с нашим руководством о том, как идентифицировать и находить совпадения для шрифта в Photoshop!

1: Используйте инструмент Type Tool для создания текста

После того, как вы открыли изображение, к которому хотите добавить текст, выбрав File> Open или после того, как вы создали новый пустой документ через меню File> New , вы можете активировать инструмент Type Tool .

Этот инструмент можно выбрать, щелкнув значок «T» на панели инструментов в левой части экрана. Кроме того, вы можете активировать его, нажав кнопку T на клавиатуре.

Выбрав инструмент, давайте создадим новый текстовый слой. Для этого просто щелкните в любом месте холста (в идеале в том месте, где вы хотите добавить текст).

Вы увидите, что курсор появляется на холсте, а новый слой со значком «T» появляется в окне слоев , указывая, что новый текстовый слой был создан, чтобы вы могли его печатать.

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

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

2: Редактировать свойства текста

Теперь, когда слова напечатаны, давайте изменим настройки основного текста, чтобы настроить его внешний вид.

Чтобы убедиться, что Photoshop знает, какой текст редактировать, выделите только что добавленный текст, дважды щелкнув значок «T» для слоя в окне слоев .

Когда активен инструмент Type Tool , панель настроек инструмента отображается в верхней части экрана. Здесь вы можете установить свойства выделенного текста.

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

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

Вы также можете выбрать размер текста, используя раскрывающееся меню, показанное на изображении ниже, или введя значение по вашему выбору в поле.

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

Цвет текста не имеет значения, когда мы создаем этот эффект, поскольку текст будет заполнен градиентом, который в любом случае закроет цвет.

3: Используйте стили слоя для создания градиента

Теперь, когда вы создали и отредактировали текст, пора добавить к нему градиентную заливку! Для этого мы будем работать в окне стилей слоя .

Его можно открыть двойным щелчком по текстовому слою в окне слоев .

После этого вы должны заметить, что появляется новое окно, как показано ниже. Здесь мы добавим наложение градиента.

В окне стилей слоя обратите внимание на список в левой части поля. Отсюда щелкните заголовок «Наложение градиента».

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

4: Примените эти настройки для создания градиента в тексте

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

Для этого эффекта лучше всего подходит непрозрачность , равная 100%, так как это гарантирует, что градиент будет полностью виден, а цвет текста под ним не будет просвечиваться. Точно так же мы бы рекомендовали оставить Blend Mode как Normal , так как это также сохранит предполагаемый вид градиента (если вы не хотите экспериментировать с созданием альтернативных эффектов, и в этом случае изменение режима наложения может дать интересные результаты) .

Теперь давайте настроим самый важный аспект градиента: задействованные цвета. Чтобы изменить цвета градиента, начните с нажатия цветного поля, как показано ниже.

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

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

Раздел, в котором нужно работать при создании настраиваемого градиента, находится в нижней части этого диалогового окна, под областью, содержащей предустановки.

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

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

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

Параметр Стиль позволяет выбрать форму, которой следует градиент. Линейный — наиболее распространенный тип, но вы также можете выбрать другие стили, например Радиальный , который заставляет градиент следовать круговой траектории.

Изменение угла позволяет задать направление, по которому будет следовать градиент.Угол 90 или 270 градусов дает вертикальный градиент, тогда как угол 180 градусов дает горизонтальный градиент.

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

Когда вы будете довольны всеми этими настройками, продолжайте и нажмите OK, чтобы подтвердить изменения. И когда окно закроется, вы должны увидеть, что теперь вы создали потрясающий эффект градиента на своем фрагменте текста!

Вы можете поэкспериментировать с добавлением других эффектов поверх наложения градиента.Например, мы попытались добавить эффект свечения за текстом.

Или, может быть, вы могли бы добавить к тексту эффект фаски, чтобы добавить больше четкости градиенту. Это также можно сделать в окне стилей слоя .

ВИДЕОУчебник

Хотите узнать больше о том, как добавить эффект градиента к тексту в Photoshop? Посмотрите это видео от VerticDesigns, которое дает полезное визуальное пошаговое руководство по процессу!

Об авторе Betchphoto

Очарованный миром цифровых технологий и особенно увлеченный всем, что связано с творчеством, Мартин — фотограф-любитель и специалист по цифровому маркетингу, имеющий более чем 10-летний опыт работы с Adobe Photoshop.Ознакомьтесь с его страницей о себе здесь

Это сообщение может содержать партнерские ссылки.

Как сделать градиент в Photoshop (с изображениями)

Об этой статье

Написано:

Технический специалист

Эта статья написана Николь Левин, МИД. Николь Левин — автор статей по технологиям и редактор wikiHow. Она имеет более чем 20-летний опыт создания технической документации и руководит группами поддержки в крупных компаниях, занимающихся веб-хостингом и программным обеспечением.Николь также имеет степень магистра искусств в области творческого письма в Государственном университете Портленда и преподает композицию, написание художественной литературы и создание журналов в различных учреждениях. Эта статья была просмотрена 350 157 раз (а).

Соавторы: 10

Обновлено: 15 июля 2021 г.

Просмотры: 350,157

Сводка статьи X

Чтобы создать градиент в Photoshop, щелкните инструмент градиента на панели инструментов.Этот инструмент имеет квадратный значок с серым градиентом и имеет ту же кнопку, что и инструмент «Ведро с краской». Если вы не видите инструмент градиента, нажмите и удерживайте ведро с краской, пока меню не развернется, а затем нажмите «« Инструмент градиента »». На панели вверху Photoshop появятся различные инструменты градиента. Щелкните раскрывающееся меню, которое выглядит как широкий градиент, чтобы открыть редактор градиентов. Выберите одну из предустановок, чтобы открыть градиент для редактирования — панель градиента внизу отобразит предварительный просмотр. Чтобы использовать предустановленный градиент, нажмите «ОК», а затем щелкните и перетащите по области, которую вы хотите заполнить градиентом.Когда вы поднимаете мышь, это добавит градиент к той части изображения, на которой вы разместили линию. Вы также можете использовать цвета, отличные от тех, что вы видите в подарках. Для этого щелкните раскрывающееся меню «Градиент», чтобы вернуться в редактор градиентов, и выберите для запуска «Основные градиенты». Вы увидите квадрат в каждом углу панели предварительного просмотра. Ползунки внизу называются «стопами», и они определяют, где цвета появляются на градиенте. Щелкните нижний левый упор, а затем выберите цвет из раскрывающегося списка «Цвет».Затем выберите конечный цвет, щелкнув нижний правый ограничитель и выбрав другой оттенок. Теперь перетащите упоры в нужные места, пока цвета градиента не появятся так, как вы хотите. Когда вы это сделаете, посередине появится еще одна остановка, которая регулирует место смешивания цветов. Если вы хотите добавить больше цветов, нажмите под градиентом, где вы хотите добавить цвет, чтобы создать еще одну остановку, а затем выберите нужный цвет. Чтобы удалить остановку, просто выберите ее и нажмите «Удалить».»» Ограничения в двух верхних углах — это остановки непрозрачности, которые определяют, насколько твердым или полупрозрачным будет цвет в определенной области. Вы также можете использовать меню «Гладкость», чтобы настроить плавность градиента там, где он меняет цвет. Когда вы закончите, нажмите «ОК», а затем нарисуйте линию, чтобы разместить градиент.

• Печать
• Отправить письмо поклонника авторам

Спасибо всем авторам за создание страницы, которую прочитали 350 157 раз.

Как создать красивую градиентную типографику с помощью Photoshop

В этом руководстве по обработке шрифтов в Photoshop для начинающих вы откроете для себя быстрый и простой процесс создания увлекательного градиентного текста.Не забудьте заглянуть в витрину «Градиентная типографика в веб-дизайне» для вдохновения.

Окончательный результат

Ниже вы можете увидеть, что мы будем создавать вместе. Вы можете нажать на изображение, чтобы увидеть версию в полном разрешении.

Настройте документ Photoshop

1 Для начала настроим документ Photoshop. В Photoshop нажмите Ctrl + N, чтобы создать новый документ (при этом должно открыться диалоговое окно «Новый документ»). Мы создадим прямоугольный холст шириной 600 пикселей, пикселей и высотой 300 пикселей, пикселей.

Оформление фона текста

2 Мы будем использовать темно-синий фон. Во-первых, нам нужно сделать фоновый слой доступным для редактирования, потому что он заблокирован по умолчанию. Дважды щелкните фоновый слой на панели слоев, чтобы открыть диалоговое окно «Новый слой». По умолчанию для параметра «Имя» установлено значение «Слой 0», но, чтобы все было организовано, назовите его более описательным, например Background .

3 Мы применим стиль слоя наложения цвета к фоновому слою.Начните с двойного щелчка по миниатюре фонового слоя на панели слоев, чтобы открыть диалоговое окно «Стили слоя». Установите флажок Color Overlay, чтобы применить стиль слоя.

4 Измените наложение цвета, щелкнув параметр «Установить цвет наложения», при этом откроется диалоговое окно «Выбор цвета наложения», в котором вы сможете выбрать цвета.

5 В диалоговом окне «Выбор цвета наложения» выберите темный цвет. Я выбрала темно-синий цвет ( # 032d50 ).

Создать световой эффект на заднем плане

6 Теперь фон должен быть темно-синего цвета. Давайте сделаем его немного интереснее, добавив немного освещения. Сначала создайте новый слой, щелкнув значок «Создать новый слой» в нижней части панели «Слои». Затем переименуйте новый слой (по умолчанию это Layer 1) на что-нибудь интуитивно понятное, например Lightsource .

7 Установите белый цвет переднего плана на панели инструментов ( #ffffff ).Выберите инструмент «Кисть» (B) на панели инструментов.

8 На панели параметров откройте средство выбора набора настроек кисти, щелкнув стрелку, направленную вниз. Прокрутите вниз и выберите кисть Soft Mechanical 500 пикселей (или выберите любую кисть с мягкими краями). Установите для параметра Master Diameter большое значение, 700px подойдет.

9 Убедитесь, что на панели слоев вы все еще находитесь на слое Lightsource. С помощью инструмента «Кисть» щелкните где-нибудь посередине холста, чтобы нанести кисть.Ничего страшного, если край кисти находится за пределами холста, это создаст приятный эффект.

10 Кисть слишком выступающая, поэтому нам нужно уменьшить непрозрачность слоя, чтобы сделать световой эффект более тонким. Уменьшите непрозрачность слоя Lightsource примерно до 35% на панели слоев.

Размещение текста на холсте

11 Давайте введем текст, который будет иметь эффект градиента. Мы будем использовать жирный шрифт без засечек — Arial, который хорошо сочетается со стилем градиентной типографики.Начните с выбора инструмента Horizontal Type Tool (T) на панели инструментов. Затем на панели параметров выберите Arial , установите размер шрифта на 72px , установите для параметра метода сглаживания значение Sharp и выберите цвет, который мы можем легко увидеть, например белый ( #ffffff ) (неважно, какой цвет мы выберем сейчас, потому что наложение градиента, которое мы будем применять позже, позаботится об этом).

12 Напечатайте несколько слов на холсте, например « Gradient Type ».Не беспокойтесь, где он находится на холсте, потому что на следующем шаге мы центрируем его.

Центрирование текста

13 Чтобы центрировать текст по горизонтали, сначала создайте выделение вокруг всего холста, нажав Ctrl + A (или выбрав «Выделение»> «Выделить все»).

14 С текстовым слоем Gradient Type активным слоем на панели слоев перейдите в Layers> Align Layers to Selection> Horizontal Centers. Это должно центрировать текст в центре холста по горизонтали.

15 Теперь нам нужно также центрировать текст по вертикали. Выделение прямоугольной рамкой вокруг холста должно по-прежнему быть активным, но это не так, убедитесь, что он активен (и нажмите Ctrl + A, если это не так), а затем перейдите к Layers Align Layers to Selection> Vertical Centers.

Применение стилей слоя для эффекта типа градиента

16 Пришло время создать эффект градиентного типа. Дважды щелкните текстовый слой «Тип градиента» на панели «Слои», чтобы открыть диалоговое окно «Стили слоя».

17 Первый стиль слоя, который мы добавим к нашему тексту, — это наложение градиента. Нам нужен цветовой переход: белый вверху и светло-серый внизу. Это будет тонкий эффект типа градиента. Итак, установите флажок Gradient Overlay, чтобы применить его. По умолчанию это будет переход от черного к белому, поэтому нам нужно его изменить.

18 Щелкните параметр «Градиент», чтобы открыть диалоговое окно «Редактор градиента».

19 В редакторе градиентов щелкните левый ограничитель цвета, чтобы открыть диалоговое окно «Выбор цвета остановки».Измените цвет на светло-серый ( # d7d7d7 ). Убедитесь, что правый ограничитель цвета белый ( #ffffff ), по умолчанию он белый, но если вы изменили настройки, вам следует проверить.

20 Затем мы добавим стиль слоя с падающей тени. Установите флажок рядом с Drop Shadow. Уменьшите непрозрачность тени примерно до 50% , чтобы она была более тонкой. Измените Угол падающей тени на 90% , чтобы наш источник света шел сверху холста.Установите Distance на 3px (что означает, что падающая тень смещена на 3px внизу текста) и Size примерно на 8px . Поиграйте с настройками, чтобы увидеть, что лучше всего подходит для вас.

21 Последний стиль слоя, который мы применим, — это белая внутренняя обводка. Это тонкий эффект, но он действительно помогает завершить весь эффект градиентного текста. Снова откройте диалоговое окно «Стили слоя», дважды щелкнув текстовый слой «Тип градиента». Установите флажок Обводка.Установите для параметра Stroke Size значение 2px . Установите для параметра Position значение Inner , чтобы оно применялось к внутреннему краю шрифта. Наконец, немного уменьшите процент непрозрачности, примерно до 90% , чтобы обводка не была слишком сильной.

Готово!

Вот и все, ниже вы увидите, что у меня получилось. Надеюсь, вам понравился этот урок и вы узнали пару трюков!

Участие в группе Six Revisions Flickr

Если вам понравился этот урок, и вы следовали ему, пожалуйста, выразите свою признательность, включив снимок экрана вашего окончательного результата в группу Six Revisions Flickr — мы пытаемся собрать коллекцию, чтобы мы, как сообщество, могли видеть работы друг друга.

Скачать исходный файл

Если вы хотите загрузить исходный файл Photoshop, использованный в этом руководстве, загрузите его в виде заархивированного файла ZIP ниже.

Связанное содержимое

Добавление эффекта градиента / фона к тексту с помощью Photoshop — горячая линия блога

Всякий раз, когда я смотрю плакаты, я глубоко вглядывался в текст в них. Как они должны быть такими привлекательными? Они добавляют градиент, границы, которые делают текст привлекательным. Здесь я поделился простыми и быстрыми уроками о том, как получить текстовый эффект градиентного фона с помощью Photoshop.

Здесь я хочу поделиться своими знаниями о , как сделать дизайн градиентного текста с помощью Photoshop. Позже, используя Photoshop, я понял, что мне нужно использовать какой-то вариант градиента, чтобы сделать текст более насыщенным и привлекательным.

Как добавить эффект градиента к вашему тексту с помощью Photoshop

1. Для красивого текста нужны насыщенные и привлекательные шрифты. Загляните на этот сайт, чтобы получить несколько красивых шрифтов.
   — http: // www.awwwards.com/100-greatest-free-fonts-collection.html
2. Перейдите в Photoshop , создайте новый файл → Исправьте размер фотографии.
3. Нажмите кнопку на правой боковой панели в Photoshop. После инициализации инструмента «Тип текста» начните вводить текст в фото-слое.
4. Как и в Microsoft Word Document, вы можете редактировать текст несколькими способами. Простите!! Я сказал несколько способов? Неа. Вы можете испортить свой текст с помощью большего количества стилей слоя.
5. Войдите в раздел слоев , вы можете добавить больше стилей, используя « Layer style ».
6. Щелкните значок чуть ниже раздела «Слой». Вот список стилей / опций для добавления эффектов к вашему тексту. Отметьте Gradient Overlay , чтобы открыть параметры градиента.
7. Будет доступно предустановок, выберите на свой выбор, чтобы добавить градиент к тексту. Вы также можете создать новый градиент, используя Gradient Editor .
8. У нас есть выбор: Настроить непрозрачность , Градиент с опцией реверса, Угол, Масштаб и Выровнять со слоем .Итак, теперь вам нужно отредактировать свой текст.

Шаги по созданию нового градиентного фонового текста в Photoshop

1. Если вы хотите создать новый градиент, щелкните любую предустановку . Дважды коснитесь метки пера на Gradient , чтобы открыть цветовую палитру. Выберите свой цвет.
2. Отрегулируйте Smoothness в процентах.
3. Выберите тип градиента , либо сплошной (или) шум.
4. Atlast, не забудьте нажать кнопку « SAVE », чтобы сохранить новый градиент.

Вы можете Загрузить загруженных градиентов, просто дважды щелкнув Gradient Pack (или). Нажмите кнопку ЗАГРУЗИТЬ в редакторе градиентов, чтобы загрузить загруженный файл градиента.

Деформация и добавление градиента к тексту в Adobe Photoshop

В прошлой жизни я использовал для создания всевозможной графики. Я помню, как делал открытки, листовки, объявления в газетах и ​​журналах, а также плакаты для таких мероприятий, как автомобильные шоу, свадебные торжества и многие другие мероприятия, проводимые в самых разных местах.Я даже создал ту огромную графику, которая наклеена на борта городских автобусов и рекламных щитов. Боже, я иногда забываю, как много я сделал в этой области.

В любом случае, многое, если не все, из того, что я создал, включало текст. Хотя в те времена не было огромной потребности в искажении и преобразовании текста, но теперь, когда я думаю об этом, возможно, немного чутье могло улучшить некоторые изображения. И, честно говоря, я не уверен, что инструменты деформации, о которых я расскажу сегодня, были доступны тогда.Если бы они были, я бы, наверное, об этом знал. Я говорю о периоде между 2002 и 2007 годами, так что если кто-нибудь знает, дайте мне знать.

В сегодняшнем посте я напечатаю текст одним из стандартных шрифтов по умолчанию, который поставляется с Windows 10. Я наберу его как слой поверх фотографии. Затем я воспользуюсь инструментами деформации и трансформации, чтобы придать тексту форму, повторяющую одну из линий на фотографии. Наконец, я добавлю к тексту обводку и градиент, чтобы придать ему характер.Уроки, которые я хотел бы преподать в этом посте, заключаются в том, как преобразование текстового слоя в слой-фигуру может быть очень полезным, если вы хотите проявить творческий подход с этим текстом. Компоненты градиента и обводки в этом посте просто для развлечения. На самом деле я буду более подробно освещать обе эти области в следующих статьях. На данный момент я хотел бы в первую очередь сосредоточиться на изгибе и деформации текста в Adobe Photoshop.

Фото

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

Теперь, чтобы вы знали, я пропустил эту фотографию через Adobe Camera Raw, чтобы немного улучшить ее. Я почти всегда делал это с закрытыми глазами, так что если вы видите что-то, что вам не нравится, причина в этом. Я чувствовал, что изображению нужно больше цвета, поэтому я добавил его. Если вы хотите узнать, как улучшить внешний вид фотографии в Camera Raw, прочтите этот пост.

Добавление текста

Ладно, поехали. Для начала сообщу, что изображение уже открыто в Adobe Photoshop. Первым делом я активирую инструмент Horizontal Type Tool на левой панели инструментов, перейдя туда и щелкнув по нему.

Затем я внесу несколько изменений в панель Character . Я установил шрифт AR Darling , цвет White и размер шрифта 170 pt .Остальную часть панели я оставлю по умолчанию.

Затем я наберу случайное слово. Я полагаю, что «СКЕЙТ» хорошо сочетается с этим изображением, поскольку все дело в фигурном катании. Я действительно хотел бы иметь больше воображения в такие моменты.

Давайте посмотрим, как все выглядит на этом этапе.

Преобразование текста в форму

Поскольку я собираюсь деформировать эти буквы, мне нужно преобразовать их в форму. К сожалению, мы не можем деформировать обычный текст; текст необходимо преобразовать, прежде чем мы это сделаем.Это не проблема, потому что преобразовать обычный текст в форму в Photoshop очень просто. Все, что мне нужно сделать, это убедиться, что текстовый слой на панели Layers выбран, а затем перейти к пункту меню Type> Convert to Shape и щелкнуть.

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

Перемещение и деформация текста

На самом деле я ранее писал сообщение, в котором деформирующиеся объекты и текст освещались немного глубже, чем то, что я расскажу сегодня, поэтому, если вы хотите прочитать этот пост, пожалуйста, нажмите на него ниже.

Как деформировать объекты и текст в Adobe Photoshop

На данный момент я просто сделаю минимальное количество перемещений и деформаций. Хорошо, поскольку текст теперь считается формой, у меня есть немного гибкости. Мне не нравится, как далеко T и E от остальных букв.Пока они стоят, они слишком далеко вправо. Чтобы исправить это, я вернусь к левой панели инструментов, но на этот раз я нажму на Path Selection Tool .

Использование этого инструмента даст мне возможность выбирать только одну букву за раз или комбинацию букв, а не все слово. Чтобы выбрать T и E, я наведу указатель мыши на обе эти буквы и наведу их. Посмотрите, как выглядят эти выбранные буквы. У них синий контур.

Опять же, я просто хочу сказать это еще раз; эти буквы больше не являются редактируемым текстом.Теперь они считаются формами в глазах Photoshop. Мы можем манипулировать ими так же, как мы можем манипулировать формами.

Чтобы переместить эти две буквы ближе к А в слове, я нажимаю на клавиатуре клавишу со стрелкой влево несколько раз, пока мне не понравится, как все выглядит. Кроме того, если я чувствую, что что-то еще нуждается в перемещении, я могу сделать это и сейчас.

Теперь я перейду к самой важной части этого поста, а именно к деформации. Прежде чем деформировать, я воспользуюсь инструментом Move Tool , чтобы немного переместить слово в нижний правый угол изображения, чтобы оно больше совпадало с изгибом цемента.После этого я воспользуюсь сочетанием клавиш Ctrl + T , чтобы активировать функцию Free Transform в Photoshop, а затем перейду к кнопке Warp на панели параметров. Эта кнопка Warp переключает между режимом деформации и режимом свободного преобразования. Если бы я хотел просто свободно трансформировать буквы, я мог бы просто трансформировать, не нажимая на эту кнопку. Но поскольку я хочу деформироваться, мне нужно будет щелкнуть по нему.

Когда я нажимаю на эту кнопку, линии вокруг букв меняются с внешнего ограничивающего прямоугольника на большую часть сетки.Взглянуть.

Деформация фигур

Деформировать фигуры так же просто, как перетащить их. Я могу либо щелкнуть по одному из якорей, расположенных на внешнем краю поля, либо просто щелкнуть в любом месте внутри сетки и перетащить. Например, я нажму на верхнюю часть буквы S и перетащу вверх.

Если мне это не понравилось, я могу щелкнуть и перетащить точку привязки в верхнем левом углу.

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

Я буду щелкать и перетаскивать, пока не увижу, что буквы как бы формируют свои нижние части вокруг цемента. Я сделаю это сейчас.

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

Добавление обводки и градиента

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

Чтобы добавить обводку к фигурам, мне нужно еще раз активировать Path Selection Tool (черная стрелка) на левой панели инструментов.После этого мне нужно будет щелкнуть и перетащить указатель мыши на все слово. Когда я увижу все буквы, выделенные синим цветом, я перейду на панель параметров вверху, а затем нажму на поле Stroke . Затем я выберу цвет Black из палитры.

Справа от поля Stroke находится индикатор Stroke Width . Я установлю 10px . И, наконец, поскольку я хотел бы, чтобы эта обводка была установлена ​​на внешнем крае фигур, я выделю это различие в раскрывающемся меню Align , которое находится в области Stroke Options .

И, наконец, мой штрих будет выглядеть так.

Это так круто. Вот почему я выбрал именно этот шрифт. Мне нравится нанесенный им мазок.

Добавление градиента

Чтобы применить градиент к фигурам, я снова выделю их все с помощью Path Selection Tool. После этого я перейду в область Gradient и щелкну маленькую рамку, чтобы открылась палитра.

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

Когда я закончу, я могу нажать клавишу Enter на клавиатуре, чтобы применить градиент.Вот градиент и финальное изображение.

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

——

Надеюсь, я ясно объяснил, как можно деформировать, добавить обводку и добавить градиент к тексту в Adobe Photoshop. Если у вас есть какие-либо вопросы относительно этого сообщения, дайте мне знать в разделе комментариев ниже. Спасибо за прочтение!

.