Контур текста в фотошопе

Обновлено: 02.07.2024

Джон Мартиндейл уже более 10 лет занимается техническим редактированием. Он пишет для таких изданий, как Digital Trends, KitGuru и ITProPortal.

Что нужно знать

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

В этой статье объясняется самый простой способ добавления контура к тексту в Photoshop. Он также содержит информацию о том, как сделать план более захватывающим. Adobe не меняла основные методы выделения текста с момента выпуска Photoshop CS6 в 2012 году.

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

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

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

Эти инструкции предназначены для пользователей Windows, но если вы используете MacOS, единственное отличие состоит в том, что щелчок правой кнопкой мыши должен быть комбинацией клавиш CMD+щелчок.

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

Убедитесь, что он выбран на вкладке Windows в верхней части экрана, если он не отображается.

Либо щелкните слой правой кнопкой мыши и выберите "Параметры наложения", а затем "Обводка" в меню слева, либо нажмите кнопку "Эффект" в нижней части окна "Слои", а затем "Обводка" во всплывающем меню.
Используйте параметры на экране, чтобы настроить внешний вид схемы. Размер определяет толщину контура (штриха), а положение определяет, будет ли он внутри или снаружи текста. Не стесняйтесь играть с вариантами. Если вы делаете что-то, что вам не нравится, нажмите "Отмена" и начните заново.
Если вас устраивает внешний вид текста, нажмите кнопку "ОК".

Обрисуйте текст, чтобы сделать его более интересным

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

Чтобы сделать контур более интересным, вы можете обвести текст на отдельном слое.

Используйте инструмент «Текст», чтобы создать текст, который вы хотите обвести.
Выберите слой «Текст» в окне «Слои» и щелкните его правой кнопкой мыши. Выберите тип растрирования.
Удерживая нажатой клавишу Ctrl (CMD в macOS), выберите миниатюру слоя «Текст», чтобы выделить весь текст.
Создайте новый слой в окне «Слои». Выберите «Изменить» на верхней панели инструментов, затем выберите «Обводка».
Выберите ширину предполагаемого контура в пикселях, затем нажмите "ОК".

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

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

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

Выбрав инструмент «Текст», щелкните холст. Это создаст новый текстовый слой и немедленно отобразит текст-заполнитель. Вы можете заменить это выбранным словом или фразой.

Шаг 3. Измените шрифт и размер текста

Шрифтом по умолчанию будет тот, который вы использовали ранее. Теперь вы должны изменить шрифт, размер и положение по своему усмотрению. Наш пример — League Gothic в размере 110.Мы также изменим цвет шрифта на белый, чтобы мы могли видеть наш черный контур при его создании.

Шаг 4. Добавьте стиль слоя

Теперь нам нужно добавить стиль слоя «Обводка». Нажмите на маленький значок «fx» в нижней части панели слоев и выберите «обводка».

Шаг 5. Добавьте обводку

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

Шаг 6. Удалите заливку

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

Шаг 7. Добавление второго штриха

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

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

Шаг 8. Завершенный тип

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

Написано Уиллом

Креативный директор Уилл работает в Evoluted с 2011 года. Руководя командой дизайнеров, он продолжает использовать свой обширный опыт на впечатляющем множестве веб-сайтов. Основные навыки Уилла включают UX-дизайн, творческое руководство и адаптивный веб-дизайн; в то же время он также заработал известную репутацию главного поставщика внутренних, новаторских анимированных GIF-файлов Evoluted.

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

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

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

В этой статье мы не только покажем вам, как обводить текст в Photoshop, но также покажем, как правильно обводить текст в Photoshop, как и профессионалы.

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

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

Вот что у нас есть:

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

Как обвести шрифт в Photoshop

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

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

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

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

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

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

Для начала создайте новый документ в Photoshop. Используйте инструмент «Прямоугольник», чтобы создать цветной фоновый слой. Вы уже выбрали цвет фона; все, что вам нужно сделать сейчас, это выбрать тот же цвет для вашего текстового слоя.
Введите текстовый слой, как и раньше. Половина вашего текста должна быть над пигментированной частью холста; другая часть должна быть над другой половиной.
Теперь добавьте границу текста в Photoshop, убедившись, что цвет обводки соответствует той части холста, которая не закрыта нашим желтым прямоугольником, — в данном случае это старый белый цвет. Щелкните правой кнопкой мыши текст на панели «Слои», выберите «Параметры наложения» и назначьте обводке толщину линии и положение.
Нажмите "ОК", и все должно выглядеть примерно так, как показано выше.

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

Как выглядит ваш первый обведенный текст?

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

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

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

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

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

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

После того, как первоначально меня устроил размер контура, я вернулся и попробовал немного более тонкий эффект контура, который я остановился на окончательном изображении. Эмма Уитман/Business Insider

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

Вы можете настроить текст в соответствии с видимостью изображения и эстетическими целями. Эмма Уитман/Business Insider

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