Как применить стиль в фотошопе к тексту: Как использовать стили в Фотошопе

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

Typekit теперь является Adobe Fonts.

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

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

Начинающие могут начать с первого видео в серии.Опытные и продвинутые пользователи могут начать со второго видео.

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

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

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

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

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

Есть несколько способов добавить тип к изображению.

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

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

Нажмите Cmd (Ctrl), и вы увидите маркеры трансформации.При нажатой клавише перетащите один из маркеров, чтобы изменить текст. Обратите внимание, что вы можете свободно искажать текст.

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

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

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

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

Как снова выбрать текст, используя несколько простых методов (дважды щелкните «T» на панели «Слои», нажмите клавишу Escape для завершения редактирования и т. Д.)

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

Узнайте, как просмотреть шрифты в вашем дизайне.

Узнайте, как вы можете изучить шрифты, которые есть в Photoshop, и те, которые являются частью Adobe Typekit. Adobe Typekit — это сервис, который поставляется с вашей подпиской Creative Cloud и позволяет выбирать из тысяч высококачественных шрифтов. После этого узнайте, как синхронизировать шрифты Typekit с приложениями Creative Cloud для настольных ПК.

Наконец, узнайте, как сортировать шрифты в Photoshop.

В этом видео вы узнаете, как просматривать шрифты в тексте, а также использовать шрифты Adobe Typekit, входящие в ваше членство в Creative Cloud.

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

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

Хотя вы можете выбирать из списка шрифтов на своем компьютере, вы также можете применять шрифты Typekit, входящие в ваше членство в Creative Cloud. Чтобы использовать Typekit, нажмите Add Fonts From Typekit прямо здесь.

Когда веб-сайт Typekit открывается в браузере по умолчанию, вы можете сортировать шрифты на основе таких свойств, как serif или sans-serif. Вы хотите убедиться, что выбрана синхронизация, чтобы иметь доступ к ним во всех своих приложениях Creative Cloud.

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

Затем вы можете синхронизировать шрифт. Благодаря этому шрифт теперь доступен для Photoshop и других приложений Creative Cloud

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

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

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

Узнайте больше о том, как работать со шрифтами Typekit и как добавлять шрифты из Typekit.

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

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

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

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

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

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

Я использовал шрифт, узнаваемый на моей фотографии.

Новые и обновленные функции шрифтов в Photoshop могут помочь вам найти отличные шрифты для вашего дизайна.

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

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

Открыв изображение с текстом, выберите инструмент «Горизонтальный тип». Перетащите текст, чтобы выделить его.

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

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

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

Я хочу, чтобы мой тип дисплея выглядел более особенным.

Применение нескольких штрихов к тексту в Photoshop

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

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

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

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

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

Шаг 1. Создание нового документа

Начните с создания нового пустого документа Photoshop. Перейдите в меню Файл в верхней части экрана и выберите Новый или просто нажмите сочетание клавиш Ctrl + N (Win) / Command + N (Mac).В любом случае открывается диалоговое окно Photoshop Новый документ . Выберите любой размер, который вам нужен для вашего документа. Я установлю свой документ на Ширина из 6 дюймов , Высота из 4 дюйма и разрешение 300 пикселей / дюйм . Нажмите OK, когда вы закончите, чтобы выйти из диалогового окна, и ваш новый пустой документ появится на экране.

Шаг 2. Выберите инструмент Type

Чтобы добавить тип в наш документ, нам понадобится Photoshop’s Type Too l.Выберите его в палитре «Инструменты» или нажмите на клавиатуре букву T , чтобы выбрать ее с помощью ярлыка:

Выберите инструмент «Текст» на палитре «Инструменты» или нажмите «T» для сочетания клавиш.

Шаг 3. Выберите шрифт на панели параметров

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

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

Шаг 4. Добавьте текст

Нажмите внутри окна вашего документа и добавьте свой текст. Я наберу слово «ХОДЫ». После того, как вы добавили свой текст, нажмите на галочку на панели параметров, чтобы принять его и выйти из режима редактирования текста:

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

Шаг 5: Добавьте стиль слоя «Штрих»

Добавив текст, щелкните значок Стили слоев в нижней части палитры слоев и выберите Stroke в нижней части появившегося списка стилей слоев:

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

Как только вы выберите Stroke из списка, произойдут две вещи. В Photoshop откроется большое диалоговое окно «Стиль слоя», в котором в средней колонке установлены параметры «Обводка», и вокруг текста в окне документа появится красный обводка (цвет по умолчанию — обводка):

Вокруг текста появляется красный штрих.

Шаг 6: Отрегулируйте размер и положение инсульта

Размер по умолчанию для обводки составляет 3 пикселя, что означает, что обводка имеет толщину 3 пикселя, а положение по умолчанию — «Снаружи», что означает, что вся толщина обводки будет отображаться за пределами букв, а не внутри них. , Я собираюсь увеличить размер своего штриха до 6 px путем перетаскивания ползунка Размер в верхней части диалогового окна вправо, и я собираюсь установить Положение для этого первого штриха до Внутри , который поместит всю толщину обводки внутри букв:

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

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

Ход после изменения его размера и положения.

Шаг 7: установите «Заполнение» текста на 0%

Теперь, когда у меня есть мой первый контур обводки вокруг моего текста, я больше не хочу видеть мой фактический текст. Все, что я хочу увидеть, — это обводка. Поскольку цвет фона для моего документа белый, я мог бы просто изменить цвет своего текста на белый, но что, если я изменю цвет фона позже? Я должен был бы также изменить цвет текста, чтобы соответствовать новому фону.Лучшее решение — просто скрыть текст от просмотра, сохраняя при этом стили слоя видимыми. Фотошоп делает это очень просто.

Выбрав текстовый слой, поднимитесь наверх палитры слоев. Вы увидите два варианта, «Непрозрачность» и «Заполнить». Вы можете скрыть текст, опустив значение «Непрозрачность» до 0%, но параметр «Непрозрачность» влияет на все на слое, включая стили слоя, что означает, что мы также будем скрывать обводку. «Заливка», с другой стороны, не влияет на стили слоя.Он будет скрывать все содержимое слоя за исключением любых стилей слоя, которые мы к нему применили, что означает, что если мы установим значение Fill на 0%, мы будем скрывать текст, не скрывая обводку! Давайте сделаем это. Опять же, убедитесь, что выбран текстовый слой (выделенные слои выделены синим цветом) и уменьшите значение Fill до 0% :

Скрыть текст, опустив заполнение до 0%.

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

При уменьшении значения Fill текст скрывается, но стили слоя остаются видимыми.

Шаг 8: дублирование текстового слоя

Пока все хорошо. Мы добавили один штрих вокруг текста. Здесь мы начинаем добавлять несколько штрихов к тексту. Обычно Photoshop не позволяет нам добавлять более одного штриха к текстовому слою (или слою любого типа), но ничто не говорит о том, что мы не можем сделать копии нашего текстового слоя и добавить разные штрихи к каждой копии! Чтобы сделать каждый штрих видимым, мы просто изменим положение и / или размер каждого удара!

Выбрав текстовый слой в палитре слоев, нажмите Ctrl + J (Win) / Command + J (Mac), чтобы быстро дублировать слой.Дубликат появится прямо над исходным текстовым слоем. После того, как вы продублировали слой, нажмите на исходный текстовый слой, чтобы выбрать его. Мы собираемся изменить параметры обводки для исходного текстового слоя:

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

Шаг 9: измените цвет обводки и положение исходного текстового слоя

См. Значок «fx» в правом углу текстового слоя в палитре «Слои» (более ранние версии Photoshop показывают круглый значок с «f» внутри)? Когда этот значок виден, он говорит нам, что один или несколько стилей слоя в настоящее время прикреплены к слою. Дважды щелкните на значке, чтобы вернуться в диалоговое окно «Стиль слоя», затем выберите « Stroke » в нижней части списка стилей слоев в левой части диалогового окна. В средней колонке вы увидите параметры обводки.

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

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

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

Измените положение штриха на Снаружи.

Нажмите OK, когда вы закончите, чтобы выйти из диалогового окна Layer Style, и вы увидите, что теперь у вас есть два мазка вокруг ваших букв. Оригинальный штрих (красный) находится внутри букв, а новый (оранжевый), который мы только что добавили, находится снаружи. Изменив положение двух штрихов, мы предотвратили их наложение друг на друга, что позволило нам видеть их обоих одновременно:

Два удара теперь обводят текст, один внутри букв, а другой вне их.

Нет необходимости останавливаться всего двумя движениями, тем более что добавить их еще проще!

Шаг 10: еще раз продублируйте слой оригинального текста

С оригинальным текстовым слоем, все еще выделенным в палитре слоев, нажмите Ctrl + J (Win) / Command + J (Mac), чтобы еще раз продублировать слой, поместив новую его копию прямо над оригиналом. Когда вы закончите, нажмите на исходный текстовый слой, чтобы выбрать его. Мы собираемся снова изменить цвет обводки, и на этот раз мы также собираемся увеличить его размер.

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

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

Шаг 11: выберите другой новый цвет для обводки и увеличьте размер обводки

Когда появится диалоговое окно «Стиль слоя», измените цвет обводки, еще раз щелкнув образец цвета и выбрав новый цвет из палитры . Я собираюсь снова выбрать красный, тот же цвет, который использовался для моего первоначального удара. Нажмите OK, чтобы выйти из палитры цветов, когда закончите. Образец цвета изменится на выбранный вами цвет:

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

После того, как вы выбрали новый цвет, поднимитесь на верхнюю часть параметров обводки и увеличьте размер до обводки. Мой ход в настоящее время настроен на размер 6 пикселей, что соответствует толщине предыдущего штриха. Положение обводки установлено на Снаружи, также как и в предыдущем обводке. А поскольку предыдущий штрих находится на слое над слоем, над которым я сейчас работаю, это означает, что предыдущий штрих полностью блокирует мой новый штрих от просмотра в документе.Чтобы сделать мой новый штрих видимым, мне нужно увеличить его размер. Я собираюсь увеличить его до 16 px:

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

Новый штрих теперь выглядит как толстый красный штрих вокруг внешней стороны двух предыдущих штрихов:

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

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

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

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

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

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

,

Easy Plastic Text со стилями слоя в Photoshop

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

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

Вот эффект, к которому мы стремимся:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Нажмите на слово Contour слева от диалогового окна Стиль слоя. Прямо под словами «Скос и тиснение»:

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

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

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

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

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

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

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

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

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

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

Шаг 8: дублирование текстового слоя

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

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

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

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

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

После повторного выбора исходного текстового слоя, нажмите еще раз на значок Layer Style в нижней части палитры слоев и на этот раз выберите Stroke в нижней части списка:

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

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

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

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

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

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

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

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

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

Вернитесь к опциям «Наклон и тиснение», щелкнув слова Наклон и рельеф слева от диалогового окна «Стиль слоя»:

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

Диалоговое окно «Стиль слоя» изменится, чтобы снова отобразить параметры «Скос» и «Тиснение» в среднем столбце.Мы хотим применить стиль Bevel and Emboss к самому штриху, поэтому для этого нажмите стрелку вниз справа от слова «Invel Bevel» и измените Style на Stroke Emboss :

Измените скос и выбейте «Стиль» на «Штриховое тиснение».

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

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

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

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

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

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

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

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