Как сделать в фотошопе буквы: Как сделать блестящий текст в Фотошопе

Создаем деревянный декорированный текст в Photoshop

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

 

 

Финальный результат

Исходники

1.  Текстура дерева
2.  Шрифт Janda Manatee
3. Паттерны от Ransie3.
4.  Цветочная ткань от sofi01.
5.  Diagonal Noise паттерн от Christopher Burton.
6. Градиенты от ilnanny.

Шаг 1

Создайте новый документ размером 1152 x 864 px. Затем дублируйте слой фона.

Кликните дважды по названию слоя в палитре Layers (Слои), чтобы открыт окно Layer Style (Стили слоев). Примените следующие стили с настройками как на картинках ниже.

Gradient Overlay/Наложение Градиента:

Для градиента используйте два цвета: #ffffff и #3f3f3f.

Pattern Overlay/Перекрытие Узора:

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

Шаг 2

Создайте надпись, все заглавными буквами, используя шрифт “Janda Manatee”. Цвет текста — белый, размер — 250 pt, расстояние между буквами (Tracking) установите в 25.

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

Шаг 3

Откройте файл ” VF_r03.jpg” из ” Patterns 21″. Затем в меню выберите Image -> Adjustments -> Levels / Изображение > Коррекция > Уровни, и укажите в параметре Gamma/Гамма значение 0.75.

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

Теперь зайдите в Edit -> Define Pattern / Редактировать > Определить узор, и введите имя для паттерна.

Шаг 4

Кликните дважды по оригинальному слою текста, чтобы указать ему стиль слоя Drop Shadow/ Тень. Укажите Distance/Расстояние в 10, и Spread/Размах в 10, а также Size/Размер в 29.

Так мы добавим обычную тень.

Шаг 5

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

Bevel and Emboss/Тиснение, стиль:

Contour/Контур:

Stroke/Обводка:

Drop Shadow/Тень:

Должно получиться вот так:

Шаг 5

Кликните дважды по второй копии слоя с текстом и укажите следующие стили слоев:

Bevel and Emboss/Тиснение:

Contour/Контур:

Pattern Overlay/Перекрытие Узора:

Outer Glow/Внешнее Свечение:

Drop Shadow/Тень:

Вот что должно получиться в итоге:

Шаг 6

Удерживая Ctrl/Cmd кликните по слою с текстом, чтобы вызвать выделение по контуру букв.

В меню выберите Select -> Modify -> Contract / Выделение > Модификация > Сжать, и укажите значение 10.

Создайте новый слой поверх всего и назовите его “Pattern”. Залейте выделение белым цветом (Ctrl или Alt + Backspace). Снимите выделение (Ctrl/Cmd + D).

Смените параметр Fill/Заливка для слоя “Pattern” на 0%, затем дублируйте его. Назовите копию  “Inner Shadow”.

Шаг 7

Дважды кликните по слою “Pattern”, чтобы применить к нему стиль слоя Pattern Overlay/Перекрытие Узора. Смените режим наложения (Blend Mode) на Multiply/Умножение, выберите паттерн “mary-rore.jpg” из “Floral Fabric Patterns” и смените Scale/Размер на 50%.

Вот что получится:

Кликните дважды по слою “Inner Shadow”, чтобы применить к нему стиль слоя Inner Shadow/Внутренняя тень. Смените цвет на #553c21, а размер на 13.

Результат:

Шаг 8

Смените первый цвет на #707070, возьмите инструмент Rectangle Tool/Прямоугольник, и нарисуйте прямоугольник размером 16 x 21 px в верхней части одной из букв.

Возьмите инструмент Add Anchor Point Tool/ «Перо+» (добавить опорную точку). Кликните по середине левой и правой стороны прямоугольника, добавляя таким образом точки.

Инструментом Direct Selection Tool / Прямое выделение, выделите две новые точки. При помощи стрелок на клавиатуре подвиньте точки на 2 пикселя правее (дважды нажмите по кнопке вправо).

Шаг 9

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

Bevel and Emboss/Тиснение:

Texture/Текстура:

Gradient Overlay/Наложение градиента(выберите градиент “Brass 70″ из “RS_Metals.grd”):

Наша фигура стала похожа на металлическую.

Шаг 10

Дублируйте слой с фигурой, затем сделайте невидимым оригинал, нажав на иконку глаза слева от слоя. Теперь сделайте активным слой с копией фигуры и в меню выберите Layer -> Rasterize -> Layer Style/ Слой > Растрировать > Слой стиля. Так вы растрируете и фигуру и стиль слоя.

Примените к слою стиль Drop Shadow/Тень, указав Distance/Расстояние в 1.

Вот что должно получиться:

Дублируйте слой и инструментом Move Tool/Перемещение переместите фигуру на другую букву. Также вы можете ее поворачивать: Edit -> Transform -> Rotate/Редактировать >Трансформировать> Поворот.

Повторите то же и для остальных букв.

Финальный результат

Автор урока Rose

Перевод — Дежурка

Смотрите также:

• Создаем искрящийся типографический эффект в Photoshop
• Рисуем текст из страз в Photoshop
• Лучшие уроки Photoshop по созданию 3D текста

Как сделать вдавленный текст в Photoshop

Перейти к контенту

Опубликовано: 16.09.2020Автор: Артём Чёрный

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

Весь процесс можно уместить в одну инструкцию без необходимости разбития на этапы:

1. Для начала создаем документ, где будем работать с текстом. При запуске Photoshop вы можете воспользоваться кнопкой «Новый», чтобы открыть окошко создания документа.
2. Настройки документа выставляйте такими, какими посчитаете нужными. Главное, установить единицу измерения «пикселы» везде. Выставив все необходимые настройки нажмите «Ок».
3. Находясь в рабочей области создайте новый пустой слой, воспользовавшись соответствующей кнопкой в нижней части панели слоев.
4. Новый слой вам нужно чем-нибудь залить. На самом деле в качестве фона вы можете использовать все что угодно – от обычной однотонной заливки до сложного градиента или отдельного изображения. Мы же сделаем простую однотонную заливку для примера. Выберите инструмент «Заливка» в левой панели инструментов.
5. Кликните этим инструментом по любой области на холсте, чтобы сделать заливку. В качестве цвета заполнения берется тот, что выбран в качестве основного. Вы можете изменить его, нажав по отмеченной области на скриншоте.

Читайте также:
Делаем отражение в воде в Adobe Photoshop
Создание размытия в Photoshop
Делаем штамп в Photoshop
Делаем объёмный текст в Adobe Photoshop

После создания фона вам нужно будет добавить текст и поработать с его стилями. Делается это по следующей инструкции:

1. В левой панели инструментов выберите инструмент «Текст».
2. Нажмите в любой области на холсте и начните вводить свой текст. После ввода выберите инструмент «Перемещение» и передвиньте текст на нужную позицию.
3. Если вас не устраивает цвет полученного текста, то кликните по нему два раза, чтобы выделить весь написанный текст. В верхней части кликните по цветному квадрату, что отмечен на скриншоте. Откроется палитра с цветом, где нужно будет указать приемлемый цвет для вашего текста.
4. Теперь настройте стили текстового слоя. Кликните по нему два раза левой кнопкой мыши в панели слоев.
5. По умолчанию у вас сразу же откроется раздел «Параметры наложения». Там в поле «Непрозрачность заливки» поставьте значение равное 0. После этого текст полностью исчезнет, но не нужно волноваться.
6. В левом меню поставьте галочку у пункта «Внутренняя тень». Установите здесь следующие параметры:
   • «Смещение» примерно на 5 пикселей;
   • «Размер» на 15-20 пикселей;
   • «Угол» выставьте те значения, которые считаете приемлемыми;
   • Аналогично поступите с параметром «Непрозрачность».

7. Затем переходим к пункту «Тень». Здесь нужно настроить цвет (белый), режим наложения (Экран) и размер, исходя из размера текста и личных предпочтений.
8. Нажмите «Ок», чтобы окончательно применить результат.

Готовый текст можно сохранить в PSD, чтобы вы смогли вернуться к нему в любой момент и изменить его на другой. Сохранение в JPG/PNG формате позволяет поделиться результатом в социальных сетях, однако открыть этот текст в Фотошоп с сохранением всех стилей не получится.

Понравилась статья? Поделиться с друзьями:

Как сделать 3D-текст в Photoshop (шаг за шагом)

В Photoshop легко добавить текст к вашим фотографиям. Просто нажмите на инструмент «Текст» и начните писать. Но что, если я скажу вам, что вы можете создать классный 3D-текст в Photoshop, выполнив еще несколько шагов.

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

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

Мы даже покажем вам несколько ярлыков, чтобы упростить процесс. У вас есть большая гибкость в том, как выглядят 3D-эффекты, поэтому не стесняйтесь проявлять творческий подход!

Creative Enhancement

Fantastic Photo Adventures

Узнайте, как создавать потрясающие текстовые 3D-эффекты с помощью Fantastic Photo Adventures и выведите свои фотографии на новый уровень.

Магазин  Предложения

Проверить цену на

Купить у

Недоступно

Шаг 1. Создание 3D-текста в Photoshop путем создания нового документа

Начните с открытия Photoshop и создания нового документа. Перейдите в раскрывающееся меню «Файл». Выберите Файл > Новый (Ctrl+N или Command+N). В диалоговом окне «Новый документ» введите размер нового документа.

Давайте создадим документ подходящего размера для социальных сетей. Введите 1350 пикселей для ширины и 1080 пикселей для высоты. Позже мы добавим фон. А пока сделайте «Фоновое содержимое» прозрачным.

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

Изменение размера документа и создание прозрачного фона.

Шаг 2. Переименуйте слой на панели слоев

Важно отслеживать, какой слой является верхним. Выберите «Слой 1» и переименуйте его в «Верхний слой».

Переименование слоя.

Шаг 3. Создайте текстовый слой

Выберите инструмент «Текст» и добавьте текст в «Верхний слой». Вы можете ввести что угодно. Повеселитесь в 3D!

Затем выберите шрифт. Вы можете выбрать любой шрифт, который вы хотите. Но лучший имеет толстый штрих.

На панели параметров выберите полужирный шрифт, если он есть в шрифте. Выберите цвет и размер текста, чтобы он поместился на холсте. Для этого урока я выбрал жирный шрифт Snell Roundhand и темно-фиолетовый цвет.

Инструмент «Выбор текста», шрифт. стиль и размер.

Шаг 4. Преобразование слоя в смарт-объект

Когда шрифт вас устроит, преобразуйте слой в «смарт-объект». Создание смарт-объекта позволит вам вернуться к внесенным вами изменениям. Перейдите в раскрывающееся меню «Слой». Выберите «Слой » > «Смарт-объекты» > «Преобразовать в смарт-объект ».

Преобразование слоя в смарт-объект.

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

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

Шаг 5: Дублируйте верхний слой

Дублируйте верхний слой, выбрав раскрывающееся меню «Слой». Выберите Слой > Дублировать слой (Ctrl+J или Command+J). Переименуйте дубликат в «3D-эффект». На панели слоев перетащите слой 3D-эффекта вниз.

Дублирование и переименование слоя.

Шаг 6: изменение размера слоя 3D-эффекта

Мы изменим размер 3D-текста и немного сдвинем его от центра, чтобы добавить реалистичную глубину. Вы можете сделать это с помощью инструмента Free Transform. Перейдите в раскрывающееся меню «Правка». Выберите Правка > Свободное преобразование (Ctrl+T или Command+T). Измените ширину (W) и высоту (H) на панели параметров на 99,9%. Нажмите на галочку, чтобы принять изменение.

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

Изменение ширины и высоты текста, а также пустого пространства, которое вы не хотите видеть.

Шаг 7: выполните действие, чтобы повторить шаги 5 и 6

Вам нужно повторить шаги 5 и 6 много раз. Чтобы упростить процесс, создайте «действие». Не волнуйтесь, если вы раньше не работали с действиями. Они простые!

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

Назовите действие «3D-эффект» и нажмите «Запись». Кнопка записи активируется. Повторите шаги 5 и 6 еще раз. (Дублируйте верхний слой. Перетащите его в нижнюю часть панели «Слои». Выберите «Свободное преобразование» и измените размер до 99,9%. Немного сместите текст от центра.)

Когда закончите, нажмите кнопку «Остановить запись» в нижней части окна Действия. Похоже на квадрат. Теперь у вас должно быть действие 3D-эффекта в списке.

Кнопки «Стоп», «Запись», «Создать новое действие» и «Воспроизведение».

Шаг 8. Используйте действие 3D-эффекта для создания дубликатов слоев

Выберите первый слой 3D-эффекта. Нажмите кнопку «Воспроизвести действие» в нижней части окна «Действие». Похоже на треугольник. Нажмите на нее столько раз, сколько хотите, чтобы объемный текст стал толще. Вам, вероятно, понадобится от 10 до 20 копий. Позже, если вы решите, что 3D-текст слишком толстый, просто скройте нижние слои, щелкнув значок глаза.

Утолщение 3D-текста.

Шаг 9: Сгруппируйте слои 3D-эффектов

Выберите все копии 3D-эффектов. Перейдите в раскрывающееся меню «Слой». Выберите Слой > Сгруппировать слои (Ctrl+G или Command+G). Переименуйте группу в «3D-эффект».

Группировка слоев.

Шаг 10. Добавьте эффекты стилей слоя в группу 3D-эффектов

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

Дважды щелкните группу 3D-эффектов, чтобы открыть диалоговое окно «Стиль слоя». Поскольку вы работаете со смарт-объектом, вы можете вернуться и изменить любой из стилей слоя, если вам нужен другой цвет или другой вид. Начнем с добавления цвета к 3D-тексту.

Шаг 10A.

Добавьте наложение цвета

В нижней части левого столбца нажмите кнопку «fx». Выберите в меню «Наложение цвета». И установите режим наложения «Обычный» с непрозрачностью 50%.

Добавление наложения цвета и изменение режима наложения и прозрачности.

Выберите цветное поле, чтобы открыть палитру цветов. Один из вариантов — сделать слои с 3D-эффектом немного темнее или светлее выбранного вами цвета. Используйте инструмент «Пипетка», чтобы выбрать исходный цвет текста. Затем переместите оттенок вверх или вниз по спектру. Вы увидите, как цвета меняются на вашем изображении.

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

Результат наложения цвета.

Шаг 10B: Добавьте внутреннее свечение

Прежде чем нажать OK, давайте добавим немного больше глубины. Выберите параметр «Внутреннее свечение» в левом столбце. Установите режим наложения на «Экран» с непрозрачностью 50%.

Вы можете оставить сплошной цвет или добавить градиент. В разделе «Элементы». установите следующее:

• «Техника» на «Мягче»
• «Источник» — «Грань»
• «Дроссель» до 15%
• «Размер» до 5 пикселей

Добавление настроек внутреннего свечения.

В разделе «Качество» мне нравится контур Cove-Deep (четвертый вариант в верхнем ряду). Но другие контуры работают. Установите диапазон 75%.

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

Шаг 10C: Добавьте внутреннюю тень

Наконец, давайте добавим тень к 3D-тексту. Выберите «Внутренняя тень» в левой колонке. Установите режим наложения на «Яркий свет» с непрозрачностью 35%. Установите угол 90 ° и установите флажок Use Global Light. Расстояние — 5, дроссель — 15, размер — 35 пикселей.

Добавление настроек внутренней тени.

Линейный контур качества по умолчанию в порядке. Но не стесняйтесь экспериментировать с другими вариантами контура.

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

Окончательный результат добавления эффектов Layer Style в группу 3D Effect.

Шаг 11: Добавьте эффекты стиля к верхнему слою

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

Шаг 11A. Добавьте легкую обводку

Начните с добавления легкой обводки по краям букв, чтобы определить верхний слой. В нижней части левого столбца нажмите кнопку «fx». Выберите «Инсульт» в меню. Установите размер на 1 пиксель, положение «Снаружи» и режим наложения «Осветление».

Добавление настроек хода.

Выберите «Цвет» для «Тип заливки» и щелкните поле «Цвет», чтобы выбрать цвет. Выберите белый или более светлый вариант оттенка, который вы выбрали для текста.

Легкий результат стока.

Шаг 11B. Добавьте внутреннее свечение

Выберите параметр «Внутреннее свечение» в левом столбце. Установите режим наложения на Экран с непрозрачностью 35%. В разделе «Элементы» установите технику на «Мягче», источник на «Край», дроссель на 0% и размер на 15 пикселей. В разделе «Качество» используйте линейный контур по умолчанию. Установите диапазон на 50%.

Добавление настроек внутреннего свечения. Второй результат внутреннего свечения.

Шаг 11C. Добавьте стиль слоя «Наложение градиента»

Для еще большего разнообразия размеров и цветов выберите стиль «Наложение градиента». Установите режим наложения «Перекрытие» с непрозрачностью около 20%. Выберите градиент из параметров по умолчанию, включенных в Photoshop, или создайте свой собственный. Установите стиль «Радиальный» и используйте угол около 30 ° .

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

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

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

Шаг 12: Деформация или изменение формы текста и перспективы

Отсюда вы можете деформировать 3D-текст или изменить перспективу. Объедините слои, выбрав «Верхний слой» и группу «3D-эффект». Удерживая клавишу Shift, нажмите Option (Alt), Command (Ctrl) и клавишу E. Скройте «Верхний слой» и группу «3D-эффект», отключив значок глаза рядом со слоями.

Перейдите в раскрывающееся меню «Правка». Выберите Edit > Transform > Perspective . Ручки появляются вокруг вашей формы. Возьмите ручку и перетащите. Подтягивание углов в инструменте «Деформация перспективы» создает эффект приближения букв.

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

Результаты перспективы и деформации.

Вы не изменили исходные слои. Чтобы создать другую форму, создайте новый объединенный слой.

Шаг 13: Добавьте фоновый слой

Наконец, добавьте фон к вашему тексту. Перейдите в раскрывающееся меню «Слой». Выберите «Слой » > «Новый слой-заливка » и выберите «Сплошной цвет» или «Градиент». Назовите слой-заливку «Фон». Перетащите слой заливки в нижнюю часть панели слоев.

Результат градиентного фона.

Заключение

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

Попробуйте наш курс «Легкое редактирование в Lightroom», где вы найдете пошаговые инструкции по редактированию фотографий журнального качества!

Расширение возможностей для творчества

Фантастические фотоприключения

Узнайте, как создавать потрясающие текстовые 3D-эффекты с помощью Фантастические фотоприключения и выведите свои фотографии на новый уровень.

Магазин  Предложения

Проверить цену на

Купить у

Текстовый эффект

красочных перекрывающихся букв недоступен в Photoshop

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

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

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

Окончательный эффект.

Начнем!

Шаг 1: Создайте новый документ

Начните с создания нового документа Photoshop. Поднимитесь к меню File в строке меню и выберите New :

Going to File > New.

В диалоговом окне «Новый документ» установите для параметра «Ширина » значение « 1600 пикселей », для параметра «Высота » установите значение 9.от 0022 до 800 пикселей , разрешение от до 72 пикселя на дюйм и Содержание фона от до Белый . Нажмите «Создать» или «ОК» (в зависимости от используемой версии Photoshop), чтобы закрыть диалоговое окно и создать новый документ:

Настройка параметров нового документа.

Шаг 2: Добавьте свой текст

Выберите инструмент «Текст» на панели инструментов:

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

Выберите шрифт на панели параметров. Более толстые шрифты обычно лучше всего подходят для этого эффекта. я буду использовать Avenir Next Bold . Установите тип , размер на 72 pt . Мы изменим размер текста после того, как добавим его, но это даст нам самый большой предустановленный размер для начала:

Выбор шрифта и размера шрифта.

Убедитесь, что ваш тип цвет установлен на черный , чтобы мы могли видеть текст на белом фоне. Если он не черный, нажмите букву D на клавиатуре, чтобы сбросить его. Мы выберем разные цвета для каждой буквы после того, как преобразуем наш текст в фигуры:

Образец цвета на панели параметров показывает текущий цвет типа.

Щелкните внутри документа и добавьте свой текст. Я наберу слово «COLORFUL»:

Добавление исходного текста в документ.

Чтобы принять текст, щелкните галочку на панели параметров:

Щелкните галочку.

Шаг 3: Измените размер и переместите текст с помощью Free Transform

Чтобы изменить размер текста, перейдите в меню Edit и выберите Free Transform :

Перейдите в Редактирование > Свободное преобразование.

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

Чтобы переместить текст в центр документа, щелкните и перетащите его в поле «Свободное преобразование». Когда вы довольны размером и положением текста, нажмите Введите (Win) / Верните (Mac) на клавиатуре, чтобы выйти из Free Transform:

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

Шаг 4. Преобразование текста в фигуры

На панели «Слои» текст появляется на новом слое «Текст» над фоновым слоем:

Панель «Слои» с новым слоем «Тип».

Нам нужно преобразовать наши буквы в фигуры. Выбрав слой Type, перейдите в меню Type в строке меню и выберите Convert to Shape :

Going to Type > Convert to Shape.

Вернувшись на панель «Слои», слой «Текст» теперь является слоем «Форма», что означает, что наш текст больше нельзя редактировать:

Слой «Текст» теперь является слоем «Форма».

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

Текст преобразован в фигуру.

Связано: Как рисовать фигуры в Photoshop

Шаг 5: Переместите каждую букву на отдельный слой

Чтобы перекрыть буквы и смешать их цвета вместе, нам нужно поместить каждую букву на отдельный слой. Возьмите Инструмент выбора пути (инструмент с черной стрелкой) на панели инструментов:

Выбор инструмента выбора пути.

Затем в Photoshop CC перейдите на панель параметров и измените Выберите 9От 0022 до Все слои . Это облегчит выделение отдельных букв. В Photoshop CS6 эта опция недоступна, но вы по-прежнему сможете так же легко выбирать буквы:

Изменение «Выбрать» на «Все слои» (только для Photoshop CC).

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

Выбор первой буквы в слове.

Чтобы переместить эту букву на отдельный слой, перейдите в меню Layer , выберите New , а затем выберите Shape Layer через Cut (убедитесь, что вы выбрали Cut, а не Copy). Или более быстрый способ (и способ, который я рекомендую для этого эффекта) — нажать Shift+Ctrl+J (Win) / Shift+Command+J (Mac) на клавиатуре:

Переход к Слою > Создать > Слой формы через Cut.

Не похоже, что что-то произошло, но на панели «Слои» мы теперь видим, что первая буква была перемещена на свой собственный слой Shape над оригиналом:

Первая буква перемещена в отдельный слой.

Продолжайте перемещать буквы на их собственные слои

Чтобы переместить оставшиеся буквы на их собственные отдельные слои, щелкните букву с помощью инструмента «Выделение контура», чтобы выбрать ее (в Photoshop CS6 вам потребуется дважды щелкнуть). Затем нажмите Shift+Ctrl+J (Win) / Shift+Command+J (Mac), чтобы вырезать букву из исходного слоя Shape на отдельный слой. Продолжайте перемещаться по буквам по одной слева направо, пока каждая не окажется на отдельном слое. Когда вы дойдете до последней буквы справа, вы можете просто оставить ее, потому что это будет единственная буква, оставшаяся на исходном слое Shape:

Панель «Слои», показывающая каждую букву слова теперь на отдельном слое.

Шаг 6: Измените режим наложения букв на Умножение

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

Щелкните верхний слой на панели «Слои», чтобы выбрать его. Затем, чтобы выбрать и другие слои Shape, нажмите и удерживайте Нажмите клавишу Shift и щелкните исходный слой Shape прямо над фоновым слоем:

Выделение всех букв сразу.

Измените режим наложения в левом верхнем углу панели «Слои» с «Обычный» на « Умножение ». Мы увидим эффект режима наложения «Умножение», как только мы начнем перекрывать буквы:

Изменение режима наложения слоев Shape на «Умножение».

Шаг 7: Поместите слои Shape в группу слоев

Пока мы выбрали слои Shape, давайте поместим их в группу слоев. Нажмите на значок меню в правом верхнем углу панели «Слои»:

Открытие меню панели «Слои».

Затем выберите Новая группа из слоев :

Выбор новой группы из слоев в меню.

В диалоговом окне «Новая группа из слоев» назовите группу «Буквы» и нажмите «ОК»:

Присвоение имени группе слоев.

Вернувшись на панель «Слои», слои «Фигура» теперь отображаются в группе «Буквы». Щелкните треугольник слева от значка папки, чтобы открыть группу:

Просмотр слоев Shape внутри группы.

Шаг 8: Измените цвет каждой буквы

Давайте изменим цвет каждой буквы. Начнем с первой буквы слева. Дважды щелкните миниатюру верхнего слоя Shape на панели «Слои»:

Дважды щелкните миниатюру верхнего слоя Shape.

Откроется палитра цветов Photoshop . Я выберу светло-голубой. Чтобы использовать тот же цвет, что и я, установите R 9Значение 0022 на 30 , значение G на 117 и значение B на 197 :

Выбор голубого цвета для первой буквы в слове.

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

Первая буква теперь светло-синяя.

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

Дважды щелкните миниатюру второго слоя Shape.

Выберите другой цвет в палитре цветов. Я выберу зеленый, установив R на 25 , G на 161 и B на 53 :

Выбрав светло-зеленый цвет для второй буквы.

Нажмите OK, и теперь вторая буква отображается зеленым (или любым другим цветом, который вы выбрали):

На два цвета меньше, осталось шесть.

Изменение цвета оставшихся букв

Продолжайте изменять цвет каждой буквы в слове, дважды щелкнув ее миниатюру на панели «Слои» и выбрав новый цвет в палитре цветов. Для третьей буквы (« L «), я выберу желтый ( R = 255 , G = 190 , B = 0 ), и для четвертой буквы (« O» ), Я выберу пурпурный ( R = 158 , G = 33 , B = 150 ). 244 , G = 99 , B = 36 ), а для « F » я выберу ярко-розовый ( R = 243 , G = 43 , B = 104 ).

Я заменю предпоследнюю букву (« U «) на ту же синюю, которую я использовал для первой буквы ( R = 30 , G = 117 , B = 197 ). И, наконец, я использую тот же желтый цвет для последней буквы (« L »), что и для третьей буквы ( R = 255 , G = 190 9).0022 , B = 0 ):

Каждая буква теперь разного цвета.

Шаг 9: Добавьте градиент к группе слоев

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

Выбор группы слоев «Письма».

Затем щелкните значок Layer Styles (значок «fx») в нижней части панели «Слои»:

Щелкните значок Стили слоя.

Выберите Наложение градиента из списка:

Выбор наложения градиента.

Откроется диалоговое окно «Стиль слоя» Photoshop, в котором установлены параметры «Наложение градиента». Щелкните треугольник рядом с образцом градиента, чтобы открыть средство выбора градиента . Затем выберите градиент Black, White , дважды щелкнув его миниатюру (третий слева, верхний ряд):

Выбор градиента Black, White.

Установите режим смеси с по наложение , OPACEY до 100% , Стиль по Linear и Угол до 222, и Then Click and Then Click and Then Click

. Параметры наложения градиента.

Применение градиента от черного к белому непосредственно к группе слоев и установка его режима наложения на Overlay превращает плоский цвет каждой буквы в градиент с более светлым оттенком цвета вверху и более темным оттенком внизу:

Добавление наложения градиента в группу — это быстрый способ превратить плоские цвета в градиенты.

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

Шаг 10: Выберите инструмент «Перемещение» и установите для него значение «Автовыбор слоев»

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

Выбор инструмента перемещения.

Затем на панели параметров убедитесь, что Автовыбор включен (проверено) и что для него установлено значение Layer , а не Group. Это позволит нам выбирать каждую букву, просто щелкнув по ней:

Включение автоматического выбора и установка его на слой.

Шаг 11: Перетащите буквы вместе, чтобы они перекрывались

Нажмите на букву с помощью инструмента «Перемещение», чтобы выделить ее. Слой формы для этой буквы будет выделен на панели слоев. Затем перетащите букву на букву рядом с ней, пока часть букв не перекроется. Удерживать Shift при перетаскивании, чтобы упростить перетаскивание по прямой. Здесь я нажал на вторую букву (зеленую букву «О») и слегка перетащил ее на первую букву («С»). Обратите внимание, что в областях, где две буквы перекрываются, цвета каждой буквы смешиваются вместе:

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

Я нажму на третью букву («L»), чтобы выбрать ее, а затем перетащу ее влево, удерживая клавишу Shift, пока ее часть не перекроется с буквой «O». Убедитесь, что вы щелкнули один раз, чтобы сначала выбрать букву, отпустите кнопку мыши, а затем щелкните секунда время, чтобы перетащить его, иначе вы в конечном итоге выберете и переместите две буквы одновременно. Другими словами, перед перемещением убедитесь, что слой формы для буквы, которую вы хотите переместить, выделен на панели «Слои»:

Текстовый эффект перекрытия приобретает форму.

Если вы случайно выбрали и переместили две буквы одновременно, нажмите Ctrl+Z (Win) / Command+Z (Mac), чтобы отменить последний шаг. Щелкните в любом месте на белом фоне, чтобы отменить выбор букв, а затем щелкните букву, которую нужно выделить.

Перемещение оставшихся букв

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

No related posts.