Обводка букв в фотошопе: Как сделать обводку текста в Фотошопе

#1

ребята. я понимаю что вопрос очень дилетантский. . но я просто незнаю как нарисовать контурный текст — что бы обводка букв была определеного цвета.. а заливка отсутствовала.. вот в Fireworks все проще гораздно.. выбираешь цвет обводки — цвет заливки.( и любойможно поставить прозрачным)
а в фотошопе …хмм. я конечно могу извращаться и дальше — накладывать один слой с текстом на другой.. ну и так далее.. но это еще раз подтверждает то что я НЕ ЗНАЮ МЛИН КАК СДЕЛАТЬ ПРОЩЕ
хмм.. ну серьезно.. подскажите ..

Guest

12 авг 2004

#2

#2

Layer
Layer style
Stroke
или в палитре слоев Add a Layer style и галочку на Stroke

Guest

12 авг 2004

#3

#3

Самое главное забыли тебе сказать,
Fill Opacity слоя поставь на ноль.

Guest

12 авг 2004

#4

#4

>Самое главное забыли тебе сказать,
>Fill Opacity слоя поставь на ноль.

Только не Fill Opacity слоя, просто Fill без всяких Opacity

Guest

13 авг 2004

#5

#5

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

Guest

13 авг 2004

#6

#6

мм.. извиняюсь.. поспешил. спасибо всем за разъяснение… ))))
как я понял , желательно естессна, что бы текст был в отдельном слое.. что впрочем не мешает , даж помогает… но все таки жаль, что нет простого пути более.. (fireworks рулит , так сказать в данно вопросе.. жаль что функции несколько у этих программ отличаются… )

Guest

15 авг 2004

#7

#7

Taurus, бы не сказал что этот способ сложный, еси хорошо выучить маршрут мыши то его мона за 20 секунд делать . …
з.ы. я в fireworks не работал, есть ли там такие гибкие настройки обводки как в Photoshop ?(градиентная обводка, текстурная, я думаю в этой сфере Photoshop рулит больше =))

Guest

15 авг 2004

#8

#8

рулит больше. .согласен.. но мне надо было просто для бекграунда сделать такой эффект.. и проще действительно в fireworks
а фотошоп естественно более продвинутый продукт.. но макромедия сделала вроде и не для конкурирования с адобовским фотошопом.. да и дистибутив 25 метров (точно не помню) тоже кое-что значит.. fire больше IHMO все таки для PNG — соостетствено и область применения более ограничена. (хотя очень спорно)

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

Примечание к версии: Используете Photoshop CC 2020 или более позднюю версию? Ознакомьтесь с моим новым руководством по добавлению нескольких штрихов к тексту с помощью эффектов слоя.

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

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

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

Начнем!

Шаг 1.

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

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

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

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

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

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

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

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

Щелкните внутри окна документа и добавьте свой текст. Я напечатаю слово «УДАР». После того, как вы добавили свой текст, нажмите на установите флажок на панели параметров, чтобы принять его и выйти из режима редактирования текста:

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

Шаг 5. Добавьте стиль слоя «Обводка»

После добавления текста щелкните значок Layer Styles в нижней части палитры слоев и выберите Stroke в нижней части появившегося списка стилей слоя:

Выберите «Обводка» из списка стилей слоя.

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

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

Шаг 6. Отрегулируйте размер и положение обводки

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

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

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

Штрих после изменения его размера и положения.

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

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

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

Скройте текст, уменьшив Заливку до 0%.

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

Уменьшение значения Заливки скрывает текст, но сохраняет видимость стилей слоя.

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

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

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

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

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

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

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

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

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

Измените Положение обводки на Снаружи.

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

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

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

Шаг 10. Дублируйте исходный текстовый слой еще раз

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

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

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

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

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

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

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

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

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

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

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

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

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

Куда идти дальше…

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

Получите все наши уроки Photoshop в формате PDF! Загрузите их сегодня!

Самый простой способ обвести текст в Photoshop CC 2021

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

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

Как обвести текст в Photoshop

Следующее видеоруководство проведет вас через весь процесс, шаг за шагом, менее чем за 4 минуты:

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

Обводка текста

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

Шаг 1: Создайте текст на холсте

Для начала нам нужно нанести текст на холст. Если у вас уже есть какой-то текст, вы можете перейти к шагу № 2.

Возьмите Text Tool и щелкните на холсте, чтобы применить текст:

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

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

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

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

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

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

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

Шаг 3. Измените свойства контура

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

Это меню позволит вам указать свойства контура вокруг вашего текста. Они следующие:

• Размер : этот ползунок позволяет изменить размер контура вокруг текста с шагом в пикселях ( px ). Сдвинув его вправо, вы увеличите его размер, а если сдвинете влево, то уменьшите.
• Режим наложения : этот параметр позволяет изменить режим наложения штриха/контура. Так как цель состоит в том, чтобы просто обвести текст в Photoshop, мы оставим значение , обычное значение .
• Непрозрачность : Если вы хотите, вы можете сделать свой контур частично прозрачным, используя этот параметр. Сохранение его на уровне 100% оставит его полностью непрозрачным.
• Тип заливки : по умолчанию обводка/контур будет заполнен сплошным цветом. Однако, если вы хотите заполнить его градиентом или узором, вы можете сделать это, используя этот параметр.
• Цвет : При нажатии на цветную полосу откроется меню выбора цвета, где вы сможете выбрать цвет контура вокруг текста.

В меню Stroke вы также увидите настройку, помеченную как Position . Можно выбрать один из трех вариантов:

1. Снаружи : Это нанесет контур вокруг внешних краев вашего текста, не заполняя внутреннюю часть.
2. Внутри : это применит контур только вокруг внутренних краев вашего текста, не выплескивая его наружу.
3. Центр : Этот вариант объединяет два предыдущих варианта. При выборе половина контура будет применена к внешнему краю вашего текста, а другая половина — к внутреннему краю.

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

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

Работа с обводками

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

Как отредактировать контур после его применения

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

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

Как применить несколько контуров к тексту

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

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

Как и в случае с первой созданной вами обводкой, слой эффектов будет добавлен в качестве подслоя для текста в меню «Слои» в дополнение к исходному слою обводки.

Как удалить контур из текста

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

Вариант 1. Удалите контур, отключив его видимость

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

Для этого найдите маленький значок глаза слева от имени/метки слоя: щелчок по значку глаза рядом со слоем отключит видимость слоя.

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

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

Вариант 2. Полностью удалите эффект слоя.

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

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

Это удалит обводку, тем самым удалив контур из вашего текста.

Заключение

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

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

_{Этот пост может содержать партнерские ссылки. Прочитайте информацию об аффилированных лицах здесь.}

Как выделить текст в Photoshop, чтобы он выделялся

• Вы можете легко обвести текст в Photoshop, отрегулировав «Обводку» текста, что является одним из многих способов настройки текста на изображениях в Photoshop.
• Один из простых способов сделать текст более заметным поверх изображений — добавить внешний вид контура к вашему шрифту в Photoshop, что можно сделать за четыре шага.
• Посетите домашнюю страницу Business Insider, чтобы узнать больше.

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

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

К счастью, есть Photoshop. И вам не нужно прибегать к гораздо более сложному процессу изменения фона фотографии в приложении.

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

Вот как:

Ознакомьтесь с продуктами, упомянутыми в этой статье:

Adobe Photoshop (от 239,88 долл. США в Adobe)

Как обвести текст в Adobe Photoshop CC 2020

1. Загрузите фотографию в Photoshop, которую вы хотите добавить текст, открыв Photoshop, нажав «Файл» в верхнем меню и «Открыть» в раскрывающемся списке. Вы также можете сделать это, нажав «command» + «O» на вашем Mac или «control» + «O» на вашем ПК.

2. Выберите фотографию, которую хотите импортировать в Photoshop, и нажмите синюю кнопку «Открыть».

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

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

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

• Как автоматически повысить резкость изображения в Photoshop, чтобы уменьшить размытость изображения

• Как добавить текст поверх изображения в Photoshop и настроить шрифт или цвет

• Как изменить размер слоя в Photoshop в 4 простых шага

• Как удалить фон изображения в Photoshop двумя разными способами

Эмма Уитман

Эмма Уитман — внештатный журналист из Эшвилла, штат Северная Каролина, с большим интересом пишет об оборудовании, компьютерных играх, политике и личных финансах. Она бывший криминальный репортер ежедневной газеты, а также много писала о барменстве для Insider. Она может или не может судить о вашем заказе напитков, когда вы находитесь за барной стойкой. Следуйте за ней в Твиттере на @emwity.

ПодробнееПодробнее

Insider Inc. получает комиссию, когда вы покупаете по нашим ссылкам.

Как создать контурный текст в Photoshop — Brendan Williams Creative

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

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

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

Вариант 1. Использование стилей слоя

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

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

Чтобы создать контурный текст с помощью стилей слоя, необходимо выполнить несколько простых шагов. Сначала создайте текст, выбрав инструмент Текст на панели инструментов (T) .

Затем введите текст на холсте.

Далее перейдите на панель Layers и выберите текстовый слой.

Затем нажмите кнопку fx внизу панели Layers .

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

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

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

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

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

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

Для параметра Opacity я рекомендую оставить значение 100%, чтобы штрих выглядел непрозрачным. Если вы уменьшите непрозрачность, ваш штрих станет более прозрачным.

Существует три варианта типа заливки: Цвет , Градиент и Шаблон .

При установке Fill Type на Color , вы можете щелкнуть цветную заливку (под параметром типа заливки) и открыть панель выбора цвета, где у вас будет несколько вариантов цвета для обводки.

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

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

Последним вариантом в типе заливки является Pattern . Это позволяет вам применить предустановку шаблона или пользовательский шаблон к вашему штриху.

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

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

Затем найдите параметр Advanced Blending в настройках Blending Options .

Оттуда установите Fill Opacity на 0%

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

К концу процесса ваш текст превратится в контурный текст с прозрачным центром.

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

Вариант 2. Преобразование текста в слой-фигура

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

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

Затем перейдите на панель Layers и выберите текстовый слой.

Затем щелкните правой кнопкой мыши текстовый слой и выберите Convert To Shape .

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

После этого перейдите на панель инструментов и выберите инструмент Форма (У) .

Затем перейдите на панель параметров и установите Fill на прозрачный и Stroke на сплошной цвет.

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

Вы можете изменить Ширина штриха на панели параметров тоже.

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

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

Вариант 3. Использование контурного шрифта

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

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

Для вашего удобства я выбрал для вас контурный шрифт: шрифт Londrina Outline , дружественный и неформальный шрифт, доступный в Google Fonts .

Кстати, в Google Fonts есть множество замечательных шрифтов, доступных для загрузки. Более того, шрифты Google бесплатны для коммерческого и личного использования!

Чтобы загрузить шрифт, перейдите на страницу Londrina Outline на странице шрифта и нажмите «Загрузить семейство» в правом верхнем углу экрана.

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

Чтобы использовать шрифт, вам потребуется извлечь файл шрифта из ZIP-архива. Для этого щелкните правой кнопкой мыши ZIP-папку и выберите Извлечь все.

Будет создана новая папка, содержащая файл шрифта.

Дважды щелкните новую папку, чтобы найти файл шрифта.

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

В следующий раз, когда вы откроете Photoshop, вы найдете новый шрифт на панели символов .

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

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

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

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

Как обвести текст в Photoshop

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

Давайте посмотрим, как обвести текст в Photoshop.

Содержание

• Обводка текста в Photoshop с помощью Stroke
• Как обвести фигуру в Photoshop?

Сложность

Легкость

Продолжительность

5 минут

Что вам нужно

• Адоб Фотошоп

• ПК

Обводка текста в Photoshop с помощью Stroke

Шаг 1: Откройте изображение, куда вы вставите текст, который хотите выделить. Затем вставьте текст в изображение, выбрав инструмент T , который можно найти на боковой панели, где основаны все основные инструменты Photoshop.

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

Шаг 2: После добавления текста щелкните вкладку Слой > Стиль слоя > Обводка .

Другой способ открыть окно Stroke — щелкнуть слой, связанный с вставленным текстом, а затем щелкнуть маленький значок FX > Stroke .

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

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

Позиция : Вы можете выбрать из следующего: Снаружи , Внутри , и Центр . На изображении ниже я использовал Outside .

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

Непрозрачность : Это определяет, насколько прозрачной будет граница контура. По умолчанию он установлен на 100%, но уменьшение его до более низкого значения может лучше подойти для вашего текста.

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

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

Шаг 4: Если вы довольны выбором обводки, нажмите OK .

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

Как обвести фигуру в Photoshop?

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

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

Шаг 1: Выберите фигуру в разделе Layers . Перейдите на вкладку Слой > Стиль слоя > Обводка .

Шаг 2: Повторите процесс, описанный в предыдущем разделе. Я добавил белый контур.

Как видите, он выглядит заметно иначе, чем без контура.

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

Рекомендации редакции

• Северокорейские хакеры создают поддельные предложения о работе, чтобы украсть важные данные
• Хотите увеличить GPU на 72% бесплатно? AMD только что доставила один — вот как его получить
• Как смотреть День искусственного интеллекта Теслы сегодня вечером и чего ожидать
• MacBook против ноутбуков с Windows: вот как выбрать
• Этот опасный хакерский инструмент теперь находится на свободе, и последствия могут быть огромными

Как создать эффект двойной обводки текста в Photoshop с помощью стилей слоя

Работа с текстом в Photoshop

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

Стили слоя в Photoshop

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

Создайте новый файл и добавьте текст

1. Создайте в Photoshop новый пустой файл размером 1000 x 500 пикселей. В этом примере мы создаем простую графику для использования в Интернете, поэтому установите разрешение 72 ppi. Если бы это изображение требовалось для печати, вы бы установили разрешение 300 пикселей на дюйм.

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

3. На панели параметров в верхней части экрана установите размер шрифта на 280 pt (вам может потребоваться увеличить или уменьшить его, если вы используете другой шрифт). Установите цвет на ярко-синий — Hex #0099ff.

Чтобы изменить цвет шрифта, просто щелкните образец цвета на панели параметров, и палитра цветов откроется автоматически.

Установив параметры, щелкните один раз документ и введите текст.

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

5. Теперь вы добавите штрихи к только что созданному новому текстовому слою. Щелкните слой «Тип», чтобы убедиться, что он выбран, затем щелкните значок «Эффекты слоя» в нижней части панели «Слои». В раскрывающемся меню будет предложено множество различных эффектов, нажмите «Обводка».

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

• Установите размер 5 пикселей
• Установить положение внутри
• Оставьте режим наложения «Нормальный» и непрозрачность 100 %
• Щелкните образец цвета и измените цвет на белый.

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

7. Нажмите на слово Обводка в левой части окна Стиль слоя, под только что добавленной обводкой (которая будет отмечена флажком).

• Установите размер 8 пикселей
• Установите положение снаружи.
• Оставьте режим наложения «Нормальный» и непрозрачность 100 %
• Нажмите на образец цвета и измените цвет на такой же ярко-синий — Hex #0099ff

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

8. Пока не нажимайте OK. Нажмите на слово Drop Shadow в нижней левой части окна Layer Style. Вы собираетесь добавить тонкую тень того же цвета, что и текст, но с достаточной тенью, чтобы слегка приподнять ее над страницей. Теперь вы увидите параметры тени.

Режим наложения «Умножение» по умолчанию, но если в настоящее время он не установлен на Умножение , измените его в раскрывающемся меню.

• Установите такой же ярко-синий цвет — шестнадцатеричный #0099ff — это даст тонкую тень, а не тяжелую темную.
• Установить непрозрачность на 100%
• Для этого примера подходит любой угол
• Установить расстояние до 10 пикселей
• Установить разброс на 10%
• Установить Размер на 10%

Нажмите OK. Ваш текстовый эффект должен выглядеть примерно так:

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

Я надеюсь, что этот урок Photoshop был вам полезен, и я был бы очень признателен, если бы вы им поделились. Большое спасибо! 🙂

Инструктор

Привет, я Дженнифер.
Я обучаю Adobe Education Trainer и преподаю Photoshop, Illustrator и InDesign более 15 лет.

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

Другие руководства в Photoshop Type Guide:

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

Присоединяйтесь к более чем 1500 новичкам и специалистам по Photoshop, подписавшимся на информационный бюллетень Photoshop Bootcamp.