Легкий пластиковый текст с помощью стилей слоев в Photoshop: советы экспертов

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

Вот эффект, для которого мы собираемся:

Adobe Photoshop Text Effects: конечный эффект

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

Давайте начнем!

Шаг 1: Откройте новый документ Photoshop

Первое, что нам нужно сделать, это открыть новый документ, поэтому давайте сделаем это быстро, используя сочетание клавиш Ctrl + N (Win) / Command + N (Mac). Это вызывает диалоговое окно Photoshop New Document. Выберите любой размер, который вам нравится. Я собираюсь использовать заданный размер 640×480, как обведено ниже:

Adobe Photoshop Text Effects: создание нового документа в Photoshop


Создайте новый документ Photoshop.

Шаг 2: Заполните документ черным

Нажмите букву D на клавиатуре, чтобы сбросить цвета переднего плана и фона, чтобы черный цвет стал вашим основным цветом, а белый — фоновым. Затем используйте сочетание клавиш Alt + Backspace (Win) / Option + Delete (Mac), чтобы залить новый документ цветом переднего плана, который в данном случае является черным:

Adobe Photoshop Text Effects: новый документ теперь заполнен черным.

Нажмите «Alt + Backspace» (Win) / «Option + Delete» (Mac), чтобы заполнить новый документ черным.

Шаг 3: добавьте свой текст в документ

Возьмите инструмент «Текст» из палитры «Инструменты» или нажмите T, чтобы быстро получить к нему доступ с помощью сочетания клавиш:

Текстовые эффекты Adobe Photoshop: выбор инструмента «Текст» в палитре «Инструменты».

Выберите инструмент «Текст» в палитре «Инструменты» в Photoshop.

Затем, выбрав инструмент «Текст», перейдите на панель параметров в верхней части экрана и выберите свой шрифт. Я собираюсь использовать Helvetica Rounded Black для своего. Вы можете выбрать любой понравившийся вам шрифт из тех, что установлены в вашей системе. Для этого эффекта лучше подходит более крупный и толстый шрифт:

Текстовые эффекты Adobe Photoshop: выбор шрифта на панели параметров.

Выберите свой шрифт на панели параметров.

Нажмите букву X на клавиатуре, чтобы поменять цвета переднего плана и фона, чтобы белый цвет стал вашим цветом переднего плана. Мы собираемся выбрать лучший цвет для нашего текста, используя Layer Styles, но сейчас белый будет хорошо. Затем с выбранным шрифтом и белым в качестве цвета переднего плана, щелкните внутри документа и добавьте свой текст. Я собираюсь напечатать слово «пластик»:

Adobe Photoshop Text Effects: Введите слово «пластик» в документе.

Нажмите внутри вашего документа Photoshop и добавьте свой текст.

Измените размер текста по мере необходимости, используя команду « Свободное преобразование» в Photoshop, нажав клавиши Ctrl + T (Win) / Comand + T (Mac), чтобы открыть окно «Свободное преобразование» и обвести текст. Удерживайте нажатой клавишу «Shift», чтобы ограничить пропорции текста, и перетащите любой из угловых маркеров, чтобы изменить размер текста. Удерживайте нажатой клавишу «Alt» («Победа») / « Option» (Mac), а также перетаскивайте, чтобы принудительно изменить размер текста от его центральной точки. Нажмите Enter (Win) / Return (Mac), когда вы довольны размером текста, чтобы принять изменение.

Шаг 4: Выберите цвет для вашего текста, используя стиль слоя «Color Overlay»

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

Текстовые эффекты Adobe Photoshop: щелчок по значку «Стили слоя» в нижней части палитры «Слои».

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

Выберите Color Overlay из появившегося списка стилей слоя:

Текстовые эффекты Adobe Photoshop: выбор стиля слоя «Цветовое наложение».

Выберите стиль слоя «Color Overlay».

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

Текстовые эффекты Adobe Photoshop: щелчок образца цвета для наложения цвета.

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

Это поднимает палитру цветов Photoshop . Я собираюсь выбрать голубой цвет для моего текста. Не стесняйтесь выбирать любой цвет, который вы предпочитаете, но попробуйте выбрать более светлый оттенок цвета:

Adobe Photoshop Text Effects: Выбор цвета в Photoshop.

Выберите цвет для вашего текста с помощью палитры цветов Photoshop.

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

Adobe Photoshop Text Effects: Цвет текста был изменен на синий.

Текст теперь отображается в выбранном вами цвете.

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

Шаг 5: добавь внутреннюю тень к тексту, используя стиль слоя «Inner Glow»

Далее, мы собираемся придать нашему тексту более трехмерный вид, добавив внутреннюю тень. Теперь, есть это фактический стиль слоя «Inner Shadow», но мы не будем использовать его , потому что он ограничивается давая нам курсовую тень. Мы хотим, чтобы текст казался окруженным тенью, поэтому вместо использования готовой внутренней тени, которую дает нам Photoshop, мы собираемся создать собственный стиль слоя «Внутренняя тень» путем преобразования стиля « Внутреннее свечение» в тень.

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

Текстовые эффекты Adobe Photoshop: щелчок по словам «Inner Glow» в списке стилей слоев.

Нажмите на слова «Внутреннее свечение» в левой части диалогового окна «Стиль слоя».

Средний столбец диалогового окна «Стиль слоя» изменится и отобразит параметры «Внутреннее свечение»:

Текстовые эффекты Adobe Photoshop: параметры «Inner Glow».

Параметры «Внутреннее свечение» в диалоговом окне «Стиль слоя».

Чтобы изменить «внутреннее свечение» на «внутреннюю тень», все, что нам нужно сделать, это изменить режим наложения в верхней части. Нажмите стрелку вниз справа от слова «Экран» и измените режим смешивания на « Умножение» . Наше свечение теперь является тенью, или, по крайней мере, это будет тень, если мы выберем для нее более темный цвет. Желтый по умолчанию не будет очень хорошо работать в качестве тени, поэтому щелкните образец цвета непосредственно под словом «Шум», который вернет палитру цветов Photoshop, и выберите более темную версию цвета, выбранного для текста. , Я выбрал светло-синий для своего текста, поэтому я выберу темно-синий для тени. Опустите непрозрачность тени приблизительно 50% , так это» не так интенсивно. УдостоверитьсяДля источника выбран край , и, наконец, увеличьте размер тени примерно до 13 пикселей .

Ваш текст теперь будет выглядеть примерно так:

Adobe Photoshop Text Effects: текст после применения внутренней тени.

Текст после применения внутренней тени.

Шаг 6: Примените стиль слоя «Наклон и тиснение»

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

Текстовые эффекты Adobe Photoshop: щелчок по словам «Наклон и тиснение» в диалоговом окне «Стиль слоя».

Нажмите на слова «Скос и тиснение» в левой части диалогового окна «Стиль слоя».

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

Adobe Photoshop Text Effects: Нажав стрелку вниз рядом с миниатюрой предварительного просмотра Contour.

Нажмите на стрелку, направленную вниз, справа от эскиза предварительного просмотра контура.

Затем нажмите на стрелку вправо в правом верхнем углу всплывающего окна выбора контура:

Adobe Photoshop Text Effects: Нажатие стрелки вправо в верхнем правом углу поля выбора контура.

Нажмите на стрелку вправо в правом верхнем углу окна выбора контура.

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

Текстовые эффекты Adobe Photoshop: выберите «Контуры» в нижней части списка.

Выберите «Контуры», чтобы загрузить новый набор контуров.

Фотошоп спросит вас, хотите ли вы заменить исходные контуры новыми или просто добавить новые в конец списка. Нажмите на Добавить :

Текстовые эффекты Adobe Photoshop: нажмите «Добавить», чтобы добавить новые контуры в конец исходных.

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

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

Adobe Photoshop Text Effects: Нажав на «Большой список» из вариантов.

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

Теперь, когда мы видим фактические имена каждого контура, прокручивайте список вниз, пока не дойдете до того, который называется Ring-Triple, и дважды щелкните его, чтобы выбрать его:

Текстовые эффекты Adobe Photoshop: выбор контура «тройное кольцо».

Дважды щелкните контур «Кольцо-тройка», чтобы выбрать его.

С выбранным контуром «Кольцо-тройка» давайте изменим остальные параметры «Скос» и «Тиснение»:

Текстовые эффекты Adobe Photoshop: параметры «Скос» и «Тиснение».

Измените параметры Bevel и Emboss, обведенные красным.

Это настройки, которые я использовал для своего текста. Возможно, вам придется немного изменить их в зависимости от шрифта, который вы используете, и размера вашего текста. Начиная сверху и продвигаясь вниз, увеличьте глубину примерно до 131%, а размер — примерно до 18 пикселей . В параметрах «Затенение» установите угол на 120 °, если это еще не сделано, и установите высоту на 60 ° . Убедитесь , что Сглаживание будет проверяться рядом с контуром предварительного эскиза. Увеличьте непрозрачность режима подсветки до 100% и, наконец, уменьшитеНепрозрачность Shadow Mode до 0% .

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

Текстовые эффекты в Adobe Photoshop: текст после применения стиля слоя «Наклон и тиснение».

Текст после применения стиля слоя Bevel and Emboss.

Шаг 7: примени стиль слоя «Контур»

Нажмите на слово « Контур» в левой части диалогового окна «Стиль слоя». Это прямо под словами «Скос и тиснение»:

Текстовые эффекты Adobe Photoshop: щелчок по слову «Контур» в диалоговом окне «Стиль слоя».

Нажмите на слово «Контур» слева от диалогового окна «Стиль слоя».

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

Adobe Photoshop Text Effects: Нажав стрелку вниз рядом с миниатюрой предварительного просмотра Contour.

Нажмите на стрелку, направленную вниз, справа от эскиза предварительного просмотра контура.

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

Текстовые эффекты Adobe Photoshop: выбор контура «Мелководная долина».

Прокрутите список до контура «Мелководная долина» и дважды щелкните его, чтобы выбрать его.

Вы можете точно настроить «блестящий» эффект по своему вкусу, перетаскивая ползунок « Диапазон» влево или вправо, пока вы не будете довольны результатами. Я должен перетащить мой вправо и увеличить диапазон до 85%:

Adobe Photoshop Text Effects: увеличение значения радиуса контура до 85%.

Точно настройте эффект, отрегулировав значение «Range».

Вот мой текст после добавления стиля слоя Contour:

Текстовые эффекты Adobe Photoshop: текст после применения стиля слоя Contour.

Текст после применения стиля слоя Contour.

Нажмите OK, чтобы выйти из диалогового окна Layer Style.

Шаг 8: продублируйте текстовый слой

Нажмите Ctrl + J (Win) / Command + J (Mac), чтобы продублировать текстовый слой, чтобы у вас теперь было два текстовых слоя в палитре слоев:

Текстовые эффекты Adobe Photoshop: палитра «Слои» теперь отображает два текстовых слоя.

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

Затем нажмите на исходный текстовый слой в палитре «Слои», чтобы выделить его, поэтому мы снова работаем над исходным, а не над дублирующим текстовым слоем над ним:

Adobe Photoshop Text Effects: Нажав на исходный текстовый слой в палитре слоев, выберите его еще раз.

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

Шаг 9: добавь штрих к тексту

После повторного выделения исходного текстового слоя нажмите еще раз на значок « Стиль слоя» в нижней части палитры «Слои» и на этот раз выберите « Обводка» в нижней части списка:

Текстовые эффекты Adobe Photoshop: выбор «Штрих» из списка стилей слоев.

Выберите «Штрих» из списка стилей слоя.

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

Adobe Photoshop Text Effects: увеличение размера обводки до 6 пикселей.

Перетащите ползунок, чтобы увеличить размер штриха.

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

Adobe Photoshop Text Effects: Нажатие на образец цвета.

Нажмите на образец цвета в вариантах обводки.

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

Adobe Photoshop Text Effects: выбор цвета из текста.

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

Нажмите OK, чтобы выйти из палитры цветов, когда вы закончите.

Шаг 10: примени стиль «Наклон и выбей» к инсульту

Вернитесь к параметрам «Наклон и тиснение», нажав на слова « Наклон и тиснение» в левой части диалогового окна «Стиль слоя»:

Текстовые эффекты Adobe Photoshop: щелчок по словам «Наклон и тиснение» в диалоговом окне «Стиль слоя».

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

Диалоговое окно «Стиль слоя» изменится, чтобы снова отобразить параметры «Скос» и «Тиснение» в среднем столбце. Мы хотим применить стиль «Скос и тиснение» к самой обводке, поэтому для этого нажмите стрелку, направленную вниз, справа от слова «Внутренняя скос» и измените стиль на « Штрих-тиснение» :

Текстовые эффекты Adobe Photoshop: изменение стиля на «Тиснение».

Измените Bevel и выбейте «Стиль» на «Stroke Emboss».

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

Текстовые эффекты Adobe Photoshop: выбор контура «Мелководная долина».

Прокрутите список до контура «Мелководная долина» и дважды щелкните его, чтобы выбрать его.

Пока вы находитесь в нижней части опций Bevel и Emboss, увеличьте непрозрачность Shadow Mode примерно до 40% :

Adobe Photoshop Text Effects: увеличение значения непрозрачности Shadow Mode до 40%.

Увеличьте непрозрачность режима тени до 40%.

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

Текстовые эффекты Adobe Photoshop: последний эффект «пластикового текста».

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

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

И там у нас это есть! Посетите наши разделы « Текстовые эффекты» или « Фотоэффекты» для получения дополнительных уроков по эффектам Photoshop!




Поделитесь в соц.сетях:

Оцените статью:

1 Звезда2 Звезды3 Звезды4 Звезды5 Звезд (Пока оценок нет)
Загрузка...

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

Ваш адрес email не будет опубликован.