Как сделать двойной штрих в фотошопе

Обновлено: 21.11.2024

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

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

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

Начнем!

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Что делать дальше.

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

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

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

Шаг 1. Начните с текста

Выберите инструмент Photoshop «Текст» (T) и введите слово.

Шаг 2. Добавьте старомодную обводку

На панели «Слои» щелкните значок fx и перейдите к слову «Обводка».

Ещё больше после прыжка! Продолжить чтение можно ниже↓
Подписчики Free и Premium видят меньше рекламы! Зарегистрируйтесь и войдите сегодня.

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

В диалоговом окне "Палитра цветов" выберите цвет обводки, который будет рядом с цветом заливки шрифта.

Вернувшись в диалоговое окно «Стиль слоя», выберите размер обводки в области «Структура». Нажмите "ОК".

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

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

В раскрывающемся меню панели «Слои» выберите «Преобразовать в смарт-объект».

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

Шаг 4. Добавьте обводку к смарт-объекту

Еще раз перейдите на панель «Слои», щелкните значок fx и наведите указатель мыши на слово «Обводка».

В диалоговом окне «Стиль слоя» выберите новый цвет обводки и, если хотите, новый размер обводки.

Нажмите OK, и результаты будут выглядеть следующим образом:

Шаг 5. Добавьте больше штрихов

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

Но что, если вы поймете, что допустили опечатку? Не нужно начинать с нуля — вы слишком «умны» для этого.

Шаг 6. Отредактируйте текст

Дважды щелкните значок смарт-объекта на панели «Слои»:

Затем Photoshop отображает сообщение, в котором вам предлагается выбрать «Файл» > «Сохранить» после внесения изменений в содержимое смарт-объекта и сохранить отредактированный файл в том же месте.

После того как вы нажмете OK, Photoshop откроет новый файл. Содержимое будет идентично вашему .psd, но внимательно посмотрите на имя файла: оно заканчивается на .psb.

В зависимости от того, сколько штрихов вы нанесли, вам придется дважды щелкнуть значок смарт-объекта на панели «Слои» и сказать «ОК» этому сообщению «Файл» > «Сохранить» два, три или более раз. Но, наконец, вы сможете внести изменения, выбрав инструмент «Текст» и щелкнув внутри текста.

Обязательно закрывайте файлы .psb в том порядке, в котором их открывал Photoshop.

Результаты будут выглядеть следующим образом:

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

Только для пользователей Photoshop CS6

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

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

Добавим обводку обычным способом:

Теперь мы настроим внешний вид обводки:

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

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

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

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

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

Теперь выберите стиль деформации. Здесь я выбрал «Выпуклость». Обратите внимание, что в искаженном тексте у нас есть пробел в штрихе между двумя буквами.

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

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

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

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

Стили слоев в Photoshop

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

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

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

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

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

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

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

Использование эффектов слоя в Photoshop

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

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

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

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

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

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

<р>8. Пока не нажимайте OK. Нажмите на слово «Тень» в нижней левой части окна «Стиль слоя». Вы собираетесь добавить тонкую тень того же цвета, что и текст, но с достаточной тенью, чтобы слегка приподнять ее над страницей. Теперь вы увидите параметры тени.

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

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

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

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

Инструктор

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

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

Другие руководства в Руководстве по шрифтам Photoshop:

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

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

Поиск

Получить бесплатную пробную версию Photoshop

Обо мне

Здравствуйте! Я Дженнифер Фарли. Я иллюстратор, дизайнер и преподаватель Adobe Education. Этот веб-сайт создан для того, чтобы помочь вам эффективно и результативно изучить Photoshop. Я преподаю и использую Photoshop более 17 лет. На этом сайте вы найдете растущий список руководств по Photoshop и Camera Raw, которые я написал для своих учеников.

Получите бесплатную памятку по панели инструментов Photoshop

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

Читайте также: