Как сделать радужный текст в фотошопе
Обновлено: 01.07.2024
Что вы будете создавать
Текстовые эффекты и текстовые стили Photoshop могут быть очень интересными — они могут быть выразительными, динамичными и коммуникативными! В этом уроке мы создадим эффект радужного текста в Adobe Photoshop, используя текстовые эффекты, стили слоя и некоторые другие приемы!
Обучающие материалы
В этом руководстве использовались следующие ресурсы:
1. Как выровнять текст в Photoshop
Шаг 1
Сначала создайте новый документ в Adobe Photoshop. Вы можете следовать моим настройкам, как показано ниже, но здесь нет неправильного ответа! Выберите нужный размер.
Шаг 2
Теперь давайте начнем с нашего текста. С помощью инструмента «Текст» напишите слово по вашему выбору.
В этом уроке я использовал слово "Радуга", но вы можете использовать любое другое слово. Методы, которые мы будем использовать в этом пошаговом руководстве, можно применить и к любому выбранному вами шрифту.
Я использовал шрифт Paladise.
Шаг 3
Чтобы усилить эстетику радуги, мы придадим шрифту арку.
Вы когда-нибудь задумывались, как изогнуть текст в Photoshop? Выбрав инструмент «Текст», выберите «Создать искаженный текст» на панели параметров. При этом откроется диалоговое окно, показанное ниже.
Мы хотим применить дугу к нашему тексту. Выберите Horizontal и поэкспериментируйте со значениями, пока не получите кривизну, которая вам нравится. Вуаля, вы умеете выгибать текст в Photoshop! В данном случае я решил установить изгиб на 40%.
Шаг 4
После деформации текста шрифт может не соответствовать холсту так, как раньше. В моем случае это растянуло все и сделало текст больше, чем я изначально хотел. При необходимости используйте инструмент «Перемещение» и элементы управления трансформацией, чтобы настроить тип.
2. Как создать текстовый эффект радуги
Шаг 1
Теперь давайте создадим саму радугу. Нет правильного или неправильного способа сделать это, но вот один из способов, который вы можете попробовать.
Сначала с помощью инструмента "Эллипс" создайте закругленную форму. Старайтесь следовать кривизне шрифта.
Шаг 2
Скопируйте эллипс и переместите его вверх, каждый раз меняя цвет. Как только я был доволен своими цветами, я свел эллипсы на один слой.
Однако красный цвет должен занимать больше места, чтобы полностью покрыть верхнюю часть шрифта. В этом случае я создал новый слой под своими эллипсами и просто создал красный прямоугольник. Вы можете сделать это с помощью инструментов формы или просто заполнить выделение, сделанное с помощью инструментов выделения.
Опять же, это тот случай, когда этого можно добиться разными способами. Например, вы можете нарисовать радугу вручную с помощью планшета для рисования или использовать инструмент "Перо" для достижения аналогичного эффекта.
Выберите метод, который вы предпочитаете. Важно, чтобы дуга радуги была вдохновлена шрифтом, а цвет полностью покрывал область текста.
< br />
Шаг 3
После того, как вы довольны своей радугой, убедитесь, что она сведена на один слой.Мы собираемся создать обтравочную маску на этом слое.
Для этого щелкните слой правой кнопкой мыши (на ПК) или щелкните слой, удерживая нажатой клавишу Control (на Mac), чтобы открыть параметры, показанные ниже. Выберите «Создать обтравочную маску».
Шаг 4
Тах да! Теперь наша радуга была применена к текстовой области. Обратите внимание, что когда применяется обтравочная маска, слой имеет небольшую стрелку вниз, указывающую на это.
Если вам не нравится, как выглядит ваша радуга, вы можете рисовать прямо на этом слое, и содержимое все равно останется ограниченным областью текста. Не бойтесь заходить и вносить коррективы!
3. Как добавить текстовые эффекты
Шаг 1
Теперь давайте добавим несколько забавных эффектов, чтобы еще больше подчеркнуть эстетику.
Вместо того, чтобы использовать эффект слоя тени в Photoshop, давайте создадим его вручную.
Сначала я взял наш текстовый слой и слой обтравочной маски и поместил их в папку. Это поможет поддерживать порядок.
Скопируйте папку. Я назвал эти две папки «Rainbow Text Top» и «Rainbow Text Bottom». Нижняя папка — это начало нашей тени. Используйте инструмент «Перемещение», чтобы переместить его вниз.
Шаг 2
Теперь давайте создадим новый слой прямо над цветами радуги, примененными к нашему тексту. Создайте на этом слое обтравочную маску, как мы делали ранее в этом уроке.
Залейте этот слой сплошным черным цветом (или другим цветом по вашему выбору, если хотите!). Установите непрозрачность на 50% — таким образом, мы все еще видим цвета радуги, но они выглядят немного темнее, как тени с радужным оттенком.
< br />
Шаг 3
Далее давайте придадим нашему тексту глубину.
Скопируйте слой с радужным текстом и переместите этот скопированный слой в начало списка слоев. Измените цвет на белый.
Я отключил видимость для других слоев с радужным текстом, чтобы визуально сфокусироваться на этом (щелкните значки глаз слева от каждого слоя, чтобы включить или отключить видимость)
Шаг 4
Мы собираемся применить два эффекта слоя к белому текстовому слою, который мы только что скопировали. Первый — Bevel & Emboss.
Не стесняйтесь копировать мои настройки, как показано ниже, но опять же, здесь нет неправильного ответа. Поэкспериментируйте, чтобы понять, что делают значения! Однако важно отметить, что для режима выделения установлено значение «Экран», а для режима тени — значение «Умножение».
Шаг 5
Теперь добавим внутреннее свечение. Опять же, я рекомендую поэкспериментировать с этими значениями, чтобы понять, что они делают (Совет: держите флажок «Предварительный просмотр», чтобы вы могли видеть, какие изменения вносят эти значения в режиме реального времени). Обратите внимание, что режим наложения установлен на Экран.
Если вас устраивают выбранные значения, нажмите "ОК".
Шаг 6
Измените режим наложения слоя на «Умножение». Обратите внимание, как белый текст исчезает на фоне, но у нас все еще остаются видимые эффекты слоя.
< br />
Шаг 7
Включите видимость всех скрытых слоев, чтобы теперь мы могли видеть все вместе.
При необходимости используйте инструмент «Перемещение», чтобы отрегулировать положение слоя с помощью наших эффектов слоя. Я немного подтолкнул его вверх и в сторону, чтобы получить желаемый эффект.
< img class="lazyload" data-src="https://cms-assets.tutsplus.com/cdn-cgi/image/width=720/uploads/users/2092/posts/33315/image/rainbow_15.jpg" alt ="Настройка слоев" width="380px" height="233px" />
4. Как создать элементы фона
Шаг 1
Чтобы еще больше усилить эстетику радуги, я подумал, что было бы мило добавить несколько капель дождя.
Я использовал планшет для рисования, чтобы нарисовать несколько белых линий с помощью инструмента "Кисть". Мягкая круглая кисть по умолчанию подойдет! Затем в разных местах я нарисовал маленькие точки и черточки, чтобы они напоминали брызги, где капли дождя падают на буквы.
Если у вас нет планшета для рисования, ничего страшного! Сам рисунок не обязательно должен быть идеальным — вы можете, например, использовать мышь или инструмент «Линия», чтобы нарисовать основные фигуры.
Затем примените размытие по Гауссу (находится в разделе «Фильтры» > «Размытие по Гауссу»), чтобы сгладить детали и подогнать мутное белое свечение к типу шрифта. Теперь у нас дождливый вид!
Шаг 2
Давайте закончим забавным фоном.
Сначала на Новом слое ниже всех шрифтов я создал несколько простых облаков сплошного белого цвета. Опять же, я использовал свой планшет для рисования и инструмент «Кисть», но вы можете использовать инструменты «Форма», чтобы добиться аналогичного результата.
Я также добавил градиент ниже. Цель состояла в том, чтобы сделать основание фона немного темнее, чем верх. Это можно сделать с помощью инструмента «Градиент».
Шаг 3
Наконец, скопируйте облака и переместите их так, чтобы они создавали повторяющийся узор. Он не должен быть идеальным или симметричным! Когда вы будете довольны тем, где разместили их, примените размытие по Гауссу и уменьшите непрозрачность слоя до 80%.
И вот оно!
Мы создали текстовый эффект мультяшной радуги в Adobe Photoshop! Текстовые эффекты Photoshop не так сложны, как кажутся, верно? Я надеюсь, что эти методы принесут пользу вашему следующему проекту.
Учебное пособие по Photoshop для начинающих. Создание цветного текста (радужный текст) с помощью Photoshop
Радужный текст — это цветной текст, похожий на радугу, поэтому братан, сам радужный текст в основном используется для дизайна логотипов или корпоративных брошюр, таких как печать, конфеты, и сладкие продукты обычно, потому что, если их увидеть, это придаст смысл и запоминающееся «Приветствие» и сладкое, потому что цвет яркий и яркий. Как следует
Хорошо, так что давайте просто очистим Учебное пособие Как сделать радужный текст с помощью Photoshopnya. Капкус!
Откройте Photoshopnya, нажав Пуск - Все программы - Adobe Photoshop,
После открытия создайте новый файл, нажав «Файл» — «Создать», затем в появившемся окне Pengatutran установите фоновое содержимое: с прозрачным,
Создайте текст с помощью инструмента «Горизонтальный текст», выберите инструмент «Горизонтальный текст» или нажмите букву «Т» на клавиатуре, затем щелкните область холста и напишите текст по своему усмотрению. Брат,
После этого следующим шагом мы создаем новый слой, нажав в меню Layer - New Layer, появится окно настроек, нажмите OK aja.
Новому слою зададим цвет радуги, как нажимаем Gradient Tool, затем выставляем настройки в оптоне барня, на Gradient Picker (там стрелка вниз) нажимаем и выбираем Gradient Rainbow, см. картинку
- чтобы дать градиенту перетащить мышь с левой стороны холста на правую сторону холста, в случае успеха холст будет покрыт градиентной радугой раньше,
- Следующим шагом мы играем в окне слоев, выбираем слой с текстом, помеченный буквой «T» на слое, и щелкаем метку глаза на слое с радугой, чтобы слой с радугой не был виден на холсте,
- Далее выберите Инструмент быстрого выделения - Инструмент «Волшебная палочка», затем выделите буквы текста перед этим, нажав «Shift» (не отпуская) и нажимайте Буквы одну за другой, пока не будут выбраны все буквы,
- Программа: Adobe Photoshop CS6 (версии CS3+ также будут работать)
- Расчетное время выполнения: 30 минут.
- Сложность: начинающий
После того, как все буквы выбраны, щелкните правой кнопкой мыши и выберите "Выбрать инверсию", чтобы выбрать внешнюю часть буквы,
Вернуться к слою в выбранной позиции да, выберите слой радуги и повторно активируйте метки таким образом, чтобы щелкнуть радугу, чтобы оглянуться назад,
все еще в положении радуги и выберите слой, нажмите клавишу «Удалить» на клавиатуре, чтобы удалить внешние буквы, в случае успеха это будет похоже на изображение ниже,
На последнем шаге нажмите 'Ctrl + D', чтобы убрать выделение, и нажмите "Готово"
В этом учебном пособии по Photoshop вы узнаете, как очень просто создать текстовый эффект яркой красочной радуги, используя простые градиенты и фильтр размытия.
Окончательное изображение
Подробности урока
Ресурсы
Шаг 1
Создайте новый документ размером 500 x 500 пикселей со всеми настройками по умолчанию, затем залейте фон черным цветом.
Создайте текст белым цветом, используя шрифт Futurama. Все буквы набраны маленькими заглавными буквами, размер шрифта — 100 пт, а для параметра "Отслеживание" установлено значение 25 пикс.
Что вам нужно сделать дальше, так это щелкнуть и перетащить с помощью инструмента «Текст», чтобы выбрать (выделить) каждую букву отдельно, а затем изменить ее цвет.
Шаг 2
После того как вы закончите раскрашивать буквы, щелкните правой кнопкой мыши текстовый слой и выберите "Растеризовать тип". Это приведет к растрированию текстового слоя, поэтому его больше нельзя будет редактировать как текстовый слой. Дублируйте растеризованный слой.
Выберите исходный растеризованный слой, затем перейдите в меню «Фильтр» -> «Размытие» -> «Размытие в движении». Измените угол на 90 и расстояние на 150. Это создаст эффект размытия по вертикали.
Шаг 3
Ctrl + щелкните миниатюру копируемого слоя, чтобы создать выделение.
Выберите инструмент «Прямоугольная область» и щелкните значок «Пересечение с выделением» на панели параметров. Нажмите и перетащите, чтобы нарисовать прямоугольник, закрывающий верхнюю половину выделенного текста. Как только вы отпустите кнопку мыши, нижняя половина больше не будет выделена.
Создайте новый слой поверх всех слоев, назовите его «Верх», установите цвет переднего плана на белый и выберите инструмент «Градиент». На панели параметров выберите «Передний план — прозрачная градиентная заливка» и щелкните значок «Линейный градиент».
Затем нажмите и удерживайте клавишу Shift, щелкните и перетащите вертикально от самой нижней точки к самой верхней точке выделения и отпустите все.
Это заполнит выделение градиентом. Перейдите в Select -> Deselect, чтобы избавиться от выделения.
Вы можете изменить значение непрозрачности, если предпочитаете более тонкую градиентную заливку. Здесь значение непрозрачности слоя «Верх» установлено на 30%.
Шаг 4
Теперь пришло время добавить текст внизу. Итак, продолжайте и создайте любой текст, который вам нравится, в белом цвете. Здесь используется шрифт Century Gothic (все прописные), размер шрифта — 18 pt, а значение отслеживания по-прежнему равно 25. Возможно, вам придется использовать другие значения в зависимости от длины текста, который у вас есть.
Дважды щелкните текстовый слой, чтобы применить эффект "Наложение градиента", и начните с изменения угла на 0, затем щелкните поле "Градиентная заливка", чтобы создать используемый градиент.
Чтобы добавить цветовые маркеры, нужно щелкнуть один раз под полосой градиента для каждого цвета, который вы хотите добавить. А когда вы создаете или выбираете точку цвета, вы получаете доступ к ее настройкам. Мы будем менять значения цвета и местоположения слева направо.
Это заполнит текст градиентом, сочетающимся с цветом верхнего (основного) текста.
И готово!
Надеюсь, вам понравился этот очень простой, но очень яркий и увлекательный урок, и вы сочли его полезным.
После того, как вы выбрали идеальный шрифт и правильно расположили его, осталось только изменить цвет текста. Проблема в том, как вы должны изменить цвет после того, как он написан? Хотя этот процесс может немного отличаться от работы в обычной текстовой программе, Photoshop предлагает несколько простых способов с легкостью изменить цвет текста, даже если он применяется непосредственно к изображению!
Чтобы изменить цвет текста в Photoshop, выделите текстовый слой и выберите инструмент «Текст», нажав T. Щелкните текст на холсте, чтобы отредактировать его, затем щелкните и перетащите, чтобы выделить весь текст. Перейдите на верхнюю панель настроек, нажмите на палитру цветов, чтобы открыть цветовую палитру, и выберите новый цвет. Нажмите OK, чтобы сохранить изменения, и к тексту будет применен новый цвет.
В этом уроке вы узнаете о двух самых быстрых способах изменения цвета текста в Photoshop на существующих текстовых слоях. Затем мы пойдем еще дальше и научимся применять несколько цветов к одному фрагменту текста.
Теперь, если вы работаете с изображением, где текст уже применен к изображению, я расскажу, как редактировать существующий текст в последнем разделе этой публикации.
Начнем!
Как заполнить текст цветом — 2 метода
Есть два основных способа изменить цвет текста в Photoshop. Первый метод требует, чтобы вы фактически выбрали текстовый инструмент, а второй предлагает больше параметров настройки в одном месте.
Способ 1: выделение текста
Например, допустим, вы написали один фрагмент текста на холсте. В настоящее время цвет текста черный, потому что это предустановленный цвет, который вы выбрали перед написанием текста.
Проблема в том, что изменение предустановленного цвета текста не влияет на существующий текст. Это связано с тем, что этот параметр применяется только к новому тексту, который вам еще предстоит создать.
При этом вы можете использовать предустановленный цвет для изменения цвета существующего текста, если он выбран правильно!
Для начала выберите текстовый слой на панели слоев и возьмите инструмент "Текст", нажав T.
Затем нажмите на палитру цветов и выберите новый цвет из цветовой палитры. Поскольку выбран текстовый слой, Photoshop применит этот новый цвет к существующему тексту на этом слое.
После того, как вы нашли идеальный цвет, нажмите "ОК", чтобы подтвердить изменения, и ваш текст станет совершенно нового цвета!
Способ 2. Использование панели персонажей
Этот второй способ изменить цвет текста не требует, чтобы вы выделяли какой-либо текст или нажимали так много. Особенно, если вы хотите оптимизировать свой рабочий процесс, это немного более быстрый способ сделать что-то. Панель «Символ» предлагает множество ценных параметров настройки текста, и изменение цвета — один из них!
Вы можете найти панель символов на панели настроек. Если вы его не видите, перейдите в меню «Окно» > «Персонаж», чтобы отобразить его.
На этой панели можно выбрать различные параметры, но вам нужен цветной прямоугольник.
Сначала выбрав текстовый слой на панели «Слои», щелкните параметр цвета в окне «Символ».
Появится палитра цветов, где вы снова сможете выбрать любой желаемый цвет. Когда новый цвет вас устроит, нажмите "ОК", чтобы применить изменения.
Теперь цветное поле изменится, чтобы представить новый цвет текста, и этот цвет будет применен к выбранному текстовому слою!
Панель символов предлагает несколько более быстрый способ изменения цвета текста, поскольку вам не нужно использовать текстовый инструмент. Вместо этого просто щелкните текстовый слой на панели слоев, и все готово.
Как сделать текст разноцветным
В двух предыдущих примерах вы узнали, как изменить цвет всего текста одновременно. Проблема в том, что это не очень хорошо работает, если вы хотите, чтобы каждое слово имело свой цвет. В этом случае вам потребуется применить несколько иной метод.
Чтобы изменить цвет текста в Photoshop, выберите инструмент «Текст» и щелкните текст, который хотите отредактировать. Когда текст активен, нажмите и перетащите одно слово, чтобы выделить его, затем нажмите на палитру цветов на верхней панели настроек. После выбора нового цвета он будет применяться только к выделенному тексту. Вы можете повторить этот процесс между несколькими словами или даже с отдельными буквами.
Для начала вам нужно будет выполнить те же шаги, что и для выделения текста в первом способе. Выделив текстовый слой на панели слоев, возьмите инструмент «Текст» (T) и щелкните текст на холсте.
На этот раз вместо выделения всего текста начните с выделения одного слова, цвет которого вы хотите изменить.
Выделив один фрагмент текста, нажмите на палитру цветов на верхней панели настроек и выберите новый цвет. Нажмите OK, чтобы сохранить изменения и применить новый цвет.
Теперь новый цвет применяется только к фрагменту текста, который вы ранее выделили. Давайте повторим этот процесс, чтобы изменить цвет другого слова.
Еще раз выделив отдельный фрагмент текста, нажав на палитру цветов и выбрав новый цвет, нажмите "ОК", чтобы применить изменения.
Теперь есть два фрагмента текста двух разных цветов!
Вы можете повторять этот процесс столько раз, сколько хотите, выделяя те слова, цвет которых вы хотите изменить.Также можно изменить цвет отдельных букв, выделив только одну букву, а не все слово.
Как изменить цвет существующего текста в Photoshop
Чтобы изменить цвет текста, который непосредственно применяется к изображению, выберите инструмент «Волшебная палочка», установите размер образца «5 на 5 в среднем» и снимите флажок «Непрерывный». Нажмите на текст, цвет которого вы хотите изменить, чтобы создать выделение вокруг него. С новым активным выделением перейдите в «Слой»> «Новый слой-заливка»> «Сплошной цвет» и выберите новый цвет текста. Выделение будет применено к маске слоя, а цветовая заливка будет применена к тексту.
Итак, вы научились менять цвет текста в целом, отдельных слов или даже букв. На каждом из этих шагов текст располагался на текстовом слое, который можно было легко редактировать в любое время.
В некоторых случаях может потребоваться изменить цвет текста, который уже нанесен непосредственно на изображение. Это означает, что текстового слоя нет, а есть только изображение с запеченным текстом.
Пример текста и изображения, объединенных в один слой. Текст здесь нельзя редактировать напрямую.
Цвет текста по-прежнему можно изменить, но для этого потребуется чуть больше ручных усилий. На этот раз нам нужно сделать выделение вокруг текста, а затем применить слой заливки цветом поверх.
Существует множество способов выделения в Photoshop, но инструмент «Волшебная палочка» отлично справляется с задачей выбора одного цвета. В этом случае темный текст полностью одноцветный, поэтому этот инструмент быстро выделит его.
Сначала выберите инструмент «Волшебная палочка» на панели инструментов.
Убедитесь, что для параметра "Размер выборки" выбрано среднее значение 5 на 5, а флажок "Непрерывный" снят.
Выбрав слой изображения, нажмите на свой текст, чтобы попробовать цвет и создать выделение. Инструмент «Волшебная палочка» автоматически найдет похожие цвета и добавит их к выделению. Поскольку весь текст окрашен в один цвет, выделяется сразу все!
Вы заметите черно-белую линию вокруг текста, называемую марширующими муравьями, которая указывает на активную область выделения. Сделав выбор, перейдите в «Слой»> «Новый слой-заливка»> «Сплошной цвет».
Нажмите "ОК" в диалоговом окне создания нового слоя.
Теперь выберите цвет текста в палитре цветов и нажмите OK.
Ваш активный выбор будет автоматически применен к маске слоя, а выбранный вами цвет будет применен к тексту. Поскольку маска видна только вокруг формы вашего текста, это единственное место, где применяется слой заливки цветом. Теперь вы успешно изменили цвет существующего текста в Photoshop!
Если вы хотите изменить цвет этого текста позже, просто дважды щелкните слой заливки цветом, чтобы снова открыть палитру цветов. Оттуда вы можете легко выбрать новый цвет для своего текста, поскольку вся тяжелая работа уже сделана!
Вот как можно изменить цвет текста в Photoshop, независимо от того, работаете ли вы с текстовыми слоями, отдельными буквами или текстом, вшитым в другую фотографию. Помимо выбора отличных цветов, вы можете еще больше оживить свой текст, добавив к нему градиент. Чтобы узнать, как создать этот эффект, ознакомьтесь с этим руководством по созданию градиентного текста в Photoshop!
Читайте также: