Обводка шрифта в фотошопе: Обводка контура и текста в Photoshop

Содержание

Как сделать чёрную обводку текста в Фотошопе

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

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

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

Как сделать текст с обводкой?

1. Запустите графический редактор Photoshop (фотошоп), откройте заготовленную картинку (комбинация клавиш «Ctrl + O»).

2. Далее воспользуйтесь инструментом «Текст» (буквенная клавиша «T» в английской раскладке). И напишите текст вручную или при помощи функции «Копировать / Вставить» (для вставки скопированного текста — «Ctrl + V»).

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

4. Теперь обратите внимание на правую панель со слоями. Помимо основного слоя появился текстовый. Щёлкаем по нему правой кнопкой мыши и выбираем пункт»Параметры наложения».

5. В появившемся диалоговом окне в левой колонке жмём «Обводка». А в центральной области задаём настройки отображения (толщина линии в пикселях, цвет линии и т. д.).

6. Всё, как только вы выставили параметры , жмите кнопку «ОК» для применения изменений. Готовую «открытку» можно сохранить в доступном формате «JPEG” (по сочетанию клавиш «Ctrl + Shift + S»).

Вместо послесловия

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

Как сделать из текста карандашный рисунок в Фотошопе

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

Пример HTML-страницы

Как сделать из текста карандашный рисунок в Фотошопе

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

Результат:

Давайте начнем с выбора фонового слоя.

Для нашего текстового эффекта лучше всего подойдёт текстура бумаги, поэтому я выбрал эту текстуру разлинованного тетрадного листа с полями (фрагмент обрезан по вертикали):

Пишем текст. Я использовал шрифт Cambria чёрного цвета, обычно, он предустановлен в Photoshop, высота букв зависит от размера документа, и сразу переименовываем этот текстовый слой в «основа»:

Дублируем этот слой и называем дубль «обводка-1». Уменьшите заливку (Fill) «обводка-1» до 0% и добавьте к слою стиль слоя «Обводка» (Stroke) толщиной 2px, черного цвета и положением «снаружи» (Outline):

Если теперь отключить видимость слоя «основа», то документ будет выглядеть так:

При включенной видимости слоя «основа», буквы будут полностью чёрными.

Дублируйте слой «обводка-1» два раза и назовите новые слои «обводка-2» и «обводка-3». На данный момент у нас имеется один слой — «основа» с обычными буквами и три слоя «обводка» с нулевой заливкой и стилем слоя в виде окантовки текста:

Сейчас мы будем работать с слоем «обводка-1». Отключите видимость остальных слоёв и конвертируйте слой в смарт-объект:

Добавьте слой-маску к смарт-объекту и примените к маске Фильтр —> Шум —> Добавить шум (Filter —> Noise —> Add Noise) со следующими параметрами:

Конвертируйте слой «обводка-1» со смарт-объектом с маской в новый смарт-объект (правый клик по слою —> Преобразовать в смарт-объект).
Примените к нему Фильтр —> Размытие —> Размытие в движении (Filter —> Blur —> Motion Blur) со следующими настройками:

Включите видимость слоя «обводка-2» и отключите видимость «обводка-1». Примените к «обводка-2» те же действия, с той лишь разницей, что в фильтре «размытие в движении» задайте значения угла (Angle) ноль градусов:

Выделите, зажав Ctrl, оба слоя «обводка-1» и «обводка-2» и преобразуйте их в смарт-объект. Примените к новому смарт-объекту фильтр «Умная резкость» (Smart Sharpen filter, применение этого фильтра не обязательно) и уменьшите непрозрачность слоя до 65%:

Включите видимость и преобразуйте в смарт-объект слой «обводка-3». Уменьшите непрозрачность слоя до 25% и примените к нему Фильтр —> Искажение —> Рябь (Filter —> Distort —> Ripple), на скриншоте видимость слоёв «обводка-1» и «обводка-2» включена:

Подошло время для обработки последнего текстового слоя, расположенного в низу панели слоёв — слоя «основа».

Конвертируйте его в смарт-объект, добавьте маску слоя, примените к маске фильтр «Добавить шум» со значением 150, как и ранее, затем снова конвертируйте слой в смарт-объект.
Примените к полученному смарт-объекту фильтр «Размытие в движении» со следующими настройками:

Уменьшите непрозрачность этого слоя до 40% и добавьте Фильтр —> Усиление резкости —> Умная резкость (Filter —> Sharpen —> Smart Sharpen):

На этом всё, итоговое изображение:

Кроме того, Вы легко можете задать буквам какой-нибудь цвет, для этого надо только добавить корректирующий слой «Цвет» (Solid Color) над нужным смарт-объектом или всеми слоями текста. Пример:

Ссылка на источник

Пример HTML-страницы

Как сделать обводку текста в фотошопе двумя классными способами?

Автор Дмитрий Костин На чтение 4 мин. Опубликовано 14.10.2016

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

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

Обычная обводка

Для начала я покажу вам как просто обвести текст. И в этом нам поможет уже знакомая нам функция. Итак, поехали!

Давайте откроем какое-нибудь изображение в качестве фона и выберем белый (или любой другой) цвет в качестве основного. Теперь выберите инструмент «Текст», задайте нужный шрифт и размер, и напишите что-либо на новом слое.
А теперь вам нужно войти в стили слоя этого текста и поставить галочку на пункте «Обводка». Вы сразу заметите, как надпись обвелась и преобразилась. Правда неизвестно, какие настройки там стоят, так что давайте подстроим все сами.
В настройках текста два самых главных параметра — это положение и размер. Положение показывает, с какой стороны будет происходить обводка (снаружи, внутри или в центре). Практика показывает, что самое оптимальное положение — это снаружи. А размер, как вы сами понимаете, будет указывать размер обвoдки в пикселях.
Ну и конечно же нельзя забывать про сам цвет обводки. Тут все зависит от цвета текста. Если вы будете использовать белую надпись, то обводка должна быть потемнее, например черная или темно-синяя. Но вы можете экспериментировать с текстом. Здесь вас совершенно никто не ограничивает.

Второй слой

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

Итак, для начала вы должны написать любой текст. Сделали? Молодцы! И теперь зажмите клавишу CTRL и нажмите на иконку «Т» в панели слоев. После этого у вас ваш текст должен выделиться пунктирной линией.
Теперь создайте новый слой и сделайте так, чтобы он находился прямо за текстовым слоем. То есть верхним слоем будет надпись, а ниже будет наш новый пустой слой. Да, и сразу встаньте на него, чтобы он был у вас активным.
Далее мы идем в верхнее меню и выбираем пункт «Выделение» — «Модификация» — «Расширить». В появившемся окне мы должны выбрать, насколько расширить нашу выделенную область. В своем примере я выберу на 3 пикселя, но вы можете экспериментировать. После чего нажимаем ОК.
И следующим шагом нам нужно будет выбрать инструмент «Заливка» и сменить цвет кисти на черный (ну или какой-либо еще). Ну а дальше заливаем выделенную область и смотрим на результат.
А в довершение к этом можно опять же залезть в стили слоя и выбрать там обводку, и работать с ней. И тогда уже получится более красивый эффект. Именно его я и использую для заголовков к моим видео.

Вот пара примеров того, что у меня получилось.

Кстати, если вы помните, то заливать область вы можете не только областью, но и какой-нибудь текстурой, тогда эффект может получиться еще интереснее. Так что всё в ваших руках. Ну а если вы всё же захотите изучить фотошоп с нуля буквально за пару недель, то я вам настоятельно рекомендую изучить этот классный видеокурс. Он просто потрясающе сочетает в себе простоту, легкость и полезность. смотрится просто на одном дыхании. А по промокоду KOSKOMP_E73 вы получите скидку 10% от стоимости курса!

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

С уважением, Дмитрий Костин.

Текстовый эффект со множественной обводкой в Adobe Photoshop

Последняя версия Photoshop позволяет создавать множественные одинаковые стили слоя для одного объекта. Это открывает нам новые горизонты. Сегодня вы узнаете как создать простой, но симпатичный эффект для текста при помощи множественных стилей слоя Stroke/Обводка.

Шаг 1

Для этого эффекта мы используем в качестве фона паттерн Carbon fibre.

Создайте текст, к которому хотите применить эффект. Весь текст должен состоять из заглавных букв, используйте шрифт Anja Eliane Normal. Укажите текстур размер в 135 pt, цвет #e7bd4f, Kerning/Кернинг — Optical/Оптический, и Tracking/Трекинг в 150, чтобы избежать наложения обводок.

Шаг 2

Кликните дважды по слою с текстом, чтобы открыть стили слоя. Добавьте слою стиль Stroke/Обводка толщиной в 5 px и цвета #cd4949.

Шаг 3

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

Шаг 4

Нажмите маленький плюсик на вкладке Stroke/Обводка. Так вы добавите еще один стиль Обводка над уже имеющимся.

Перейдите в новую вкладку Stroke/Обводка и укажите Size/Размер в 3 и Opacity/Непрозрачность в 0%. Также убедитесь что Overprint/Перекрытие не включена.

Шаг 5

Это создаст прозрачную обводку между текстом и красной обводкой.

Шаг 6

Создайте еще один слой Stroke/Обводка.

Порядок расположения стилей очень важен. Вы можете контролировать его при помощи кнопки Move effect/Переместить эффект в нижней части окна Layer Style/Стиль слоя.

Сейчас вам нужно переместить новый стиль в самый низ.

Шаг 7

После того как вы сделаете это, укажите Size/Размер в 8 и Opacity/Непрозрачность в 0%.

Шаг 8

Создайте еще один стиль слоя Stroke/Обводка, и укажите Size/Размер в 10, Opacity/Непрозрачность в 100% и Color/Цвет #16a2b3.

Шаг 9

Вот что должно получиться.

Шаг 10

Вы также можете создавать подобный эффект внутрь текста. Для этого создайте еще один такой же стиль слоя, поместите его в низ стопки, укажите Size/Размер в 1, Position/Положение Inside/Внутрь, и Opacity/Непрозрачность в 0%.

Шаг 11

Создайте еще один стиль слоя, укажите Size/Размер 4, Position/Положение Inside/Внутрь, Opacity/Непрозрачность в 100% и цвет #c28c36.

Результат

Автор урока Rose

Перевод — Дежурка

Смотрите также:

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

Как сделать чёрную обводку текста в Фотошопе | World-X

Как сделать текст с обводкой?

Вместо послесловия

Делаем в Фотошоп текст с многослойной обводкой

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

Скачать архив с материалами к уроку

Шаг 1

Для этого эффекта мы будем использовать фон, заполненный узором (паттерном) из углеродного волокна.

Создайте текст, к которому вы хотите добавить обводку. В панели Символ (Character) установите следующие параметры: название шрифта — Anja Eliane Normal, размер — 135 pt, цвет # e7bd4f, Кернинг (Kerning) – Оптический (Optical), для того чтобы избежать перекрытия обводки установите Трекинг (Межбуквенный интервал, Tracking) – 150, нажмите на значок все прописные буквы.

Вы можете использовать любые настройки в панели Символ, но обязательно измените межбуквенный интервал (Трекинг).

Примечание переводчика: Для того чтобы заполнить фон паттерном (узором), скачайте архив с паттерном (узором) и разархивируйте его, затем перейдите в Файл – Открыть, в появившемся окне выберите путь к паттерну (узору) и откройте его. После того как вы открыли файл перейдите в Редактирование – Определить узор, в появившемся окне присвойте имя паттерну (узору) и нажмите ок.

Шаг 2

Дважды щелкните левой кнопкой мыши по текстовому слою для того чтобы открыть Стиль Слоя (Layer Style) и добавить обводку.

Примечание переводчика: настройки на скриншоте

Обводка (Stroke):

Размер (Size): 5 рх.
Положение (Position): Снаружи (Outside)
Режим наложения (Blend Mode): Нормальный (Normal)
Непрозрачность (Opacity): 100%
Цвет (Color): #cd4949

Шаг 3

В результате у нас получится текст с обычной красной обводкой

Шаг 4

Нажмите на значок + справа от эффекта Обводка (Stroke). Это добавит еще один экземпляр Обводки (Stroke) поверх первого эффекта.

Выберите новый эффект Обводка (Stroke), и измените размер (Size) на 3 и непрозрачность (Opacity) на 0 %.

Примечание переводчика: настройки на скриншоте

Обводка (Stroke):

Размер (Size): 3 рх.
Положение (Position): Снаружи (Outside)
Режим наложения (Blend Mode): Нормальный (Normal)
Непрозрачность (Opacity): 0%
Цвет (Color): #cd4949

Шаг 5

В результате мы получим прозрачную область между текстом и красной обводкой

Шаг 6

Добавьте еще один экземпляр Обводки (Stroke).

Порядок экземпляров обводки является важной частью создания эффекта. Вы можете управлять порядком наложения обводки, для этого выберите экземпляр, который хотите переместить, и нажмите значок переместить эффект вверх или переместить эффект вниз в нижней части окна Стиль слоя (Layer Style).

Переместите новый экземпляр в самый низ.

Шаг 7

После перемещения измените размер обводки на 8 и непрозрачность на 0%.

Примечание переводчика: настройки на скриншоте

Обводка (Stroke):

Размер (Size): 8 рх.
Положение (Position): Снаружи (Outside)
Режим наложения (Blend Mode): Нормальный (Normal)
Непрозрачность (Opacity): 0%
Цвет (Color): #cd4949

Шаг 8

Добавьте еще один экземпляр и переместите его в самый низ. Измените размер на 10 и непрозрачность на 100%, установите цвет #16a2b3.

Примечание переводчика: настройки на скриншоте

Обводка (Stroke):

Размер (Size): 10 рх.
Положение (Position): Снаружи (Outside)
Режим наложения (Blend Mode): Нормальный (Normal)
Непрозрачность (Opacity): 100%

Цвет (Color): #16a2b3

Шаг 9

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

Шаг 10

Вы также можете изменить положение обводки и выполнить обводку внутрь текста. Для этого создаете еще один экземпляр, переместите его в самый низ, затем измените его размер на 1 и непрозрачность на 0%.

Примечание переводчика: настройки на скриншоте

Обводка (Stroke):

Размер (Size): 1 рх.
Положение (Position): Внутри (Inside)
Режим наложения (Blend Mode): Нормальный (Normal)
Непрозрачность (Opacity): 0%
Цвет (Color): #16a2b3

Шаг 11

Добавьте еще один экземпляр, переместите его в самый низ. Измените его размер на 4 и увеличьте непрозрачность до 100 %, установите цвет #c28c36.

Примечание переводчика: настройки на скриншоте

Обводка (Stroke):

Размер (Size): 4 рх.
Положение (Position): Внутри (Inside)
Режим наложения (Blend Mode): Нормальный (Normal)
Непрозрачность (Opacity): 100%
Цвет (Color): #c28c36

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

Автор: Kelby One

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

Как сделать обводку текста в программе фотошоп? Для этого запускаем программу и выбираем во вкладке Файл / Открыть. Выбираем нужную нам картинку, и пишем для неё необходимый нам текст. Для этого выбираем инструмент Текст и пишем, например, призовой кубок. Если у вас заголовок ушёл за пределы картинки, то наведите курсор чуть пониже, появится стрелочка, и смещаете заголовок так, как вам нравится. Если вас не устраивает сам вид текста, то вы можете его изменить. Здесь конечно довольно скромные возможности для текста, все равно ему можно придать какой- то вид. Выберите шрифт, наклон, курсив, полужирный, размер шрифта и цвет шрифта.

Написав текст, мы создаём для него обводку. Для этого нажимаем на Слой, появится Заголовок и нажимаем на правую кнопку мыши. Выбираем параметры наложения. В самом низу находится функция Обводка. Кликнув по ней 2 раза, открываются настройки. Мы сразу видим, что обводка появилась, но давайте сделаем её покрасивее. Для этого добавляем немного пикселей, например, пять, и меняем цвет чёрный на белый. Цвет белого шрифта шесть букв «F». Получился не плохой вариант, но мы видим, что на белом фоне обводка сливается, и её мы не видим. Для того, чтобы избавиться от этого, можно добавить тени. Для этого также кликаем два раза на вкладку Тень, открываются настройки, и мы начинаем немного редактировать.

Я для себя предпочитаю сменить угол изображения тени, чтобы она была справа и снизу. Теперь мы видим, что тень теперь здесь появилась. Кроме этого, здесь можно изменить размеры тени и её смещение. Мы видим, что установлено 5 пикселей. Давайте попробуем сместить настройку пикселей к нулю. Тень пропадает. Регулируем курсором, смотрим чёткость тени и выбираем оптимальный вариант, например восемь. Видим, что тень стала чёткой, контурной и её можно смещать на любое расстояние. Задав размер тени, например 4, смотрим. Теперь достаточно прилично выглядит обводка и тень, на этом и ограничимся.

Если вам хочется что-то ещё здесь попробовать сделать или добавить какие-то функции и визуальные настройки, то здесь очень большое поле для работы, и вы можете для себя попробовать, что-то более подходящее. Теперь я нажимаю ОК, моя картинка готова, осталось только её сохранить. Если мы готовим её для своего сайта, то мы сохраняем её для WEB. Здесь подбираем по размеру и внешнему виду. Из предложенных вариантов выбираем тот, который нам больше подходит. Нажимаем сохранить, присваиваем имя и сохраняем.

Как обвести текст в фотошопе: быстро и красиво

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

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

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

Как делать простую обводку текста

Открываем фотошоп. Не забывайте, что у вас есть возможность работать в онлайн версии этой программы (https://pixlr.com). Она не проще, но некоторые вещи в ней можно выполнить быстрее, особенно если Photoshop на вашем компьютере притормаживает. Однако, хорошо, когда у вас есть своя собственная программа.

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

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

Размер не так важен. Пусть будет 600х400. Люблю прямоугольники.

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

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

Ну, а для того чтобы сделать ровную обводку, для начала надо что-либо написать. Выбираем инструмент «Текст» в панели справа. Его я пометил стрелкой.

Итак, мы написали текст.

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

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

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

Посмотрите, вот так выглядит текстовый слой.

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

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

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

Теперь все стало видно, кроме контура. Все дело в том, что цвет совпадает с текстом. Давайте его поменяем. Кликните по цвету.

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

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

Теперь выделение более заметно.

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

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

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

Чуть ниже вы найдете непрозрачность. Она делает контур более заметным или менее.

Ну а теперь давайте перейдем к «фишечкам».

Контур, тень, а также градиентная и узорная обводка текста

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

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

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

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

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

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

Куча бесплатных дополнений можно найти на сайте https://photoshop-master.ru.

Тут есть кисти, рамки, красивые шрифты, шаблоны и текстуры. То, что нам сейчас и нужно.

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

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

Теперь нужно загрузить узоры.

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

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

Готово. Узоров стало больше! Можете применять к тексту.

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

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

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

Каждому, как говорится, свое.

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

Жду не дождусь когда смогу услышать лекции совладельца компании Red Keds. Компания очень крутая. Безумная команда, известная не меньше, чем студия Артемия Лебедева.

Мне посчастливилось уже несколько раз бывать на выступлениях профессионалов, в том числе из команды Red Keds, и это всегда праздник. Эти истории просто невозможно забыть! Например, один из дизайнеров рассказывал о том, как он за три минуты придумал логотип. Это была точка.

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

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

Как создать обводку в фотошопе. Обводка выделенной области. Как сделать обводку изображения выделением.

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

Как сделать контур текста в Фотошопе

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

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

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

Я написала следующий текст, с помощью инструмента «Horizontal Type Tool» , и выбрала для него настройки, какие подчеркнуты на рисунке ниже.

Теперь нужно выделить наш текст. Про , Вы можете прочесть, перейдя по ссылке. Поскольку текст однотонный и достаточно контрастный, по отношению к фону, я буду использовать инструмент «Magic Wand Tool» (Волшебная палочка).

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

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

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

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

Изменение размера и положения штриха в диалоговом окне «Стиль слоя». Вот как выглядит мой текст после внесения изменений в настройки инсульта по умолчанию. Инсульт после изменения его размера и положения. Лучшее решение — просто скрыть текст от просмотра, сохраняя при этом стили слоя видимыми. С выбранным текстовым слоем перейдите в верхнюю часть палитры «Слои». Вы увидите два варианта: «Непрозрачность» и «Заполнить».

В настройках инструмента выбираем значение «Tolerance» (Допуск) – выделяет область с похожими по цвету пикселями, и убираем галочку напротив «Contiguous» (Смежные пиксели). Убрав галочку, можно будет выделить сразу все пиксели похожего цвета на всем изображении, даже если области с похожим цветом расположены в различных местах.

Кликаем Волшебной палочкой по тексту. В результате, он будет выделен. Если бы мы оставили галочку напротив «Contiguous» (Смежные пиксели), то выделилась бы только одна буква, по которой мы кликнули, и пришлось бы кликать по каждой букве, чтобы выделить ее.

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

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

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

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

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

Теперь давайте обведем текст. Наведите курсор на выделенную область и кликните по ней правой кнопкой мыши. Выберите из контекстного меню «Make Work Path» (Образовать рабочий контур).

В следующем окне задайте значение допуска «Tolerance» и нажмите «ОК» .

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

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

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

Текст будет обведен тонкой линией. Чтобы ее увидеть, на панели слоев скройте слой, на котором написан текст – уберите глазик напротив него.

Делаем обратно слой с текстом видимым. Теперь нужно создать новый слой. Для этого на панели слоев кликните на кнопочку «Create a new layer» (Создать новый слой).

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

Теперь вы должны иметь три текстовых слоя в палитре «Слои», и должен быть выбран исходный текстовый слой.

Образец цвета изменится на тот цвет, который вы выбрали.

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

Оставляем выделенным созданный слой «Layer 1» .

Сделать контур в Фотошопе можно, используя различные инструменты: «Brush Tool» (Кисть), «Eraser Tool» (Ластик), «Smudge Tool» (Палец) и прочие. Но перед тем как его сделать, нужно настроить необходимые параметры для инструмента.

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

Мы будем создавать контур, используя «Brush Tool» (Кисть). Поэтому, выбираем ее на панели инструментов, и задаем желаемые параметры. Я выбрала жесткую кисть с размером 7 салатового цвета.

После этого, на панели инструментов выберите «Path Selection Tool» (Выделение контура).

Тот же эффект после изменения цвета штриха на черно-белый. Если вы хотите погладить весь слой, вместо этого вы можете выбрать слой для обводки на панели «Слои». В диалоговом окне «Обводка» введите ширину пикселя для штриха в поле «Ширина:». Выберите, чтобы поместить штрих «Внутри», «Центр» или «Вне» края выделения или слоя в разделе «Расположение». Используйте раскрывающийся список «Режим», чтобы установить режим смешивания цветов, применяемый к штриху. Вы также можете установить «Непрозрачность» штриха, введя процент в этом поле.

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

Кликните мышкой внутри выделенного контура и выберите из меню «Stroke Path» (Выполнить обводку контура).

В следующем окне из выпадающего списка выбираем инструмент, которым будем делать контур. Выбирайте тот инструмент, который Вы настраивали на предыдущем шаге. У меня это «Brush Tool» (Кисть). Нажмите «ОК» .

Как сделать контур текста в Фотошопе

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

Как изменить текст в Фотошопе

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

Контур текста будет обведен. В примере, кистью салатового цвета.

Чтобы удалить тонкую серую линию, которой изначально был обведен текст, нажмите «Backspace» . На рисунке через светлый контур просвечивается темная полоска – это уберет ее.

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

Продолжайте описывать другие разделы схемы, повторяя шаги с 9 по 12, пока чертеж не будет завершен. При желании измените ширину штрихов на вашей работе. Сохраните файл, чтобы сохранить исходную фотографию и слои. Удалите остальные слои и сохраните чертеж в виде отдельного файла, используя параметры «Файл» и «Сохранить как», чтобы сохранить только контур изображения в виде отдельного файла. Ларри Симмонс — независимый писатель и эксперт в области слияния компьютерных технологий и бизнеса.

На этом все – мы сделали контур для текста в Фотошопе.

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

Для данного примера это делается так: разблокируйте слой «Background» , удалите слои «Background» и «сайт» , сохраните изображение в формате *.png или *.gif .

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

Как изменить цвет и текстуру обводки

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

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

Теперь рассмотрим, как сделать контур для объекта на изображении . Создадим контур для этой розы.

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

Как удалить текст в Фотошопе

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

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

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

Открываем изображение или фото в Фотошопе. Теперь нужно выделить объект. Я буду использовать инструмент «Quick Selection Tool» (Быстрое выделение).

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

Когда выделите нужный объект, нажмите по нему правой кнопкой мыши и выберите из меню «Make Work Path» (Образовать рабочий контур). Наша роза будет обведена тонкой серой линией.

На палитре слоев создаем новый слой и оставляем его выделенным.

Теперь перейдите к настройке инструмента, с помощью которого будете делать контур. У меня будет «Brush Tool» (Кисть) седьмого размера черного цвета.

Выбираем на панели инструментов «Path Selection Tool» (Выделение контура). Кликаем мышкой внутри выделенного контура и выбираем из меню «Stroke Path» (Выполнить обводку контура).

В следующем окне выберите тот инструмент, который настраивали.

Если отключить видимость основного слоя, получится следующее. Удалить тонкую серую линию контура можно клавишей «Backspace» .

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

Рисовать будем на том слое, где выделен контур, поэтому активным должен быть «Layer 1» .

Я выбрала черный цвет для кисти, размер – 4 и обвела все линии внутри розы.

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

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

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

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

Мы добавим двойной контур к одному и тому же тексту. Давайте узнаем, как это сделать.

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

Создайте пустой документ в Photoshop , и задайте ему размер 1000 на 500 пикселей . Для данного примера мы воспользуемся простой графикой для веб, и поэтому разрешение документа будет составлять 72ppi . Если же вы планируете пустить эту работу в печать, то не забудьте установить разрешение 300ppi ;
Теперь нужно добавить текст. Я воспользовалась бесплатным шрифтом под названием Folk . Хотя для примера подойдет любой полужирный шрифт.

Выберите инструмент «Текст », нажав клавишу T , или выберите его на панели инструментов:

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

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

Текст обводки кистью в фотошопе

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

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

Один из возможных результатов применения мазка вокруг текста.

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

Шаг 1: создайте путь из вашего текста

Для начала я создал новый документ Photoshop с разрешением 1000×400 пикселей, заполненный белым, и, поскольку этот урок посвящен тому, как наносить мазок кистью вокруг текста, я добавил один текстовый слой, содержащий слово «BRUSH» (я выбрал Arial Black в качестве шрифта, потому что этот эффект лучше всего работает с более толстыми буквами):

Оригинальный документ.

Прежде чем мы сможем добавить мазок кисти вокруг букв, нам сначала нужно преобразовать наш текст в путь. Щелкните правой кнопкой мыши (Win) или удерживайте нажатой клавишу « Control» (Mac) на текстовом слое на панели «Слои»:

Щелкните правой кнопкой мыши (Win) / удерживайте нажатой клавишу «Control» (Mac) на текстовом слое.

Выберите Create Work Path из появившегося меню параметров. Это создаст контур пути букв, хотя вы, возможно, еще не сможете увидеть путь (мы увидим его легче через мгновение):

Выберите «Создать рабочий путь» из меню.

Шаг 2: Добавить новый слой

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

Нажав на иконку Новый слой.

Photoshop добавляет новый пустой слой с именем «Слой 1» над текстовым слоем:

Новый слой появляется над слоем «ЩЕТКА».

Шаг 3: Скрыть текстовый слой

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

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

С выключенным текстом теперь мы можем легко увидеть путь вокруг букв:

Контур пути теперь виден вокруг букв.

Шаг 4: выбери кисть

Далее нам нужно выбрать кисть. Выберите Brush Tool на панели инструментов:

Возьмите кисть.

Выбрав Brush Tool, чтобы быстро выбрать кисть, щелкните правой кнопкой мыши (Win) / Control-click (Mac) в любом месте внутри документа, чтобы открыть Brush Picker . Используйте полосу прокрутки справа, чтобы прокрутить список доступных кистей, затем дважды щелкните миниатюру той, которую вы хотите использовать, которая выберет кисть и закроет инструмент выбора кистей. Вы можете попробовать любую кисть, которая вам нравится. В этом уроке я выберу 36-пиксельную кисть Chalk (если в настройках Photoshop включены подсказки для инструментов, вы увидите, что имя каждой кисти отображается при наведении на них курсора мыши)

Выберите кисть из Brush Picker, дважды щелкнув по ее миниатюре.

Шаг 5: переключитесь на панель путей

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

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

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

Шаг 6: обведи путь кистью

Чтобы добавить мазок кисти вокруг контура, щелкните значок « Обводка контура с помощью кисти» в нижней части панели «Контуры» (второй значок слева):

Нажмите на иконку «Путь обводки кистью».

Вот результат, который я получаю с помощью кисти Chalk, которую я выбрал в Brush Picker:

Результат после поглаживания дорожки мелкой кистью.

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

Если проблема была не в выбранной вами кисти, а в размере кисти, из-за чего обводка кажется слишком толстой или слишком тонкой, снова нажмите Ctrl + Z (Победа) / Command + Z (Mac), чтобы отменить шаг, а затем используйте что левые и правые клавиши скобка на клавиатуре , чтобы быстро настроить размер кисти. Каждый раз, когда вы нажимаете левую клавишу скобки ( [ ), вы уменьшаете размер кисти. Нажатие правой клавиши скобки ( ] ) увеличит ее. Вы увидите, как изменяется размер курсора при нажатии клавиш, чтобы вы могли просмотреть результат. Отрегулировав размер, нажмите на иконку Stroke Path With Brush, чтобы повторить попытку.

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

Та же самая техника, на этот раз с кистью Rough Round Bristle вместо кисти Chalk.

А вот и эффект с помощью кисти Spatter. Каждая новая кисть, которую я выбираю, придает тексту новый вид:

Та же самая техника, на этот раз с одной из кистей Spatter.

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

Нажав на значок меню в верхнем левом углу палитры.

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

Выберите один из наборов кистей из списка.

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

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

И теперь, если вы прокрутите вниз до оригинальных кистей в Brush Picker, вы найдете новые добавленные кисти. Как и прежде, дважды щелкните мышью на том, который хотите выбрать, и закройте инструмент выбора кисти. Я попробую Starburst — Большая кисть, которая является частью набора, который я только что загрузил:

Выбор Starburst — Большая кисть, которая была установлена с набором Assorted Brushes.

Я нажму на иконку «Путь обводки с кистью» на панели «Контуры», и вот мой результат с кистью Starburst — Large:

Эффект с использованием кисти Starburst.

Если вам нравится дизайн, созданный кистью, но он кажется слишком светлым, просто нажмите на значок Stroke Path With Brush снова, чтобы применить кисть во второй раз, что затемнит эффект:

Тот же дизайн теперь выглядит темнее после второго прохода кисти.

Наконец, когда вы довольны результатами, вы можете скрыть путь в документе, чтобы он не отвлекал, щелкнув где-нибудь в пустой области под Рабочим путем на панели «Пути»:

Щелкните в любом месте под рабочим путем на панели «Пути», чтобы скрыть путь в документе.

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

Миниатюра предварительного просмотра показывает мазок кисти на слое 1.

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

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

Подписывайтесь на нашу новостную рассылку

Будьте первым, кто узнает, когда будут добавлены новые учебники!

простых способов обвести текст с помощью Photoshop

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

Если вы когда-нибудь спрашивали себя: «Я — как набросать текст в Photoshop?» (В старшей школе у меня был учитель математики, который говорил это почти на каждом уроке: «вы можете спросить себя -« я »и т. Д.«Он говорил это так часто, что это отпечаталось в моем мозгу!»

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

Заявление об отказе от ответственности: Этот блог поддерживают его читатели. Этот пост содержит партнерские ссылки для Adobe. Если вы используете наши ссылки для покупки продукта, мы можем взимать небольшую комиссию без каких-либо дополнительных затрат для вас.Спасибо за поддержку в Create With Code Dragon! Для получения дополнительной информации прочтите полный отказ от ответственности здесь.

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

ШАГ 1. Подготовьте документ и добавьте текстовый слой

Откройте Photoshop (на момент написания этой статьи я использовал Photoshop CC), затем выберите File -> New или File -> Open, чтобы подготовить холст.Затем в главном меню (обычно находится в левой части экрана Photoshop) выберите Horizontal Type Tool . Щелкните в любом месте холста и печатайте! Photoshop добавит туда текст Lorem Ipsum (поддельный заполнитель), поэтому, конечно, вам нужно будет выделить его и изменить на желаемый текст.

ШАГ 2. Отрегулируйте размер и стиль текста

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

ШАГ 3. Примените к тексту стиль «Обводка».

Сначала убедитесь, что текстовый слой выбран в меню «Слои», затем выберите «fx» внизу экрана PS:

Затем во всплывающем окне выберите «Параметры наложения.”

ИЛИ

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

ИЛИ

Вы также можете щелкнуть правой кнопкой мыши текстовый слой и выбрать «Параметры наложения» в появившемся окне. (так много вариантов…!)

В любом случае — перейдем к…

ШАГ 4. Поэкспериментируйте с различными вариантами «Обводки»

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

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

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

Этот эффект был создан путем увеличения размера до 49, затем выбора положения «Снаружи», режима наложения «Затемнение» со стилем градиента «Линейный» (15% для угла) ->

И мой текстовый контур полностью исчез, если выбрать положение «Внутри», режим наложения «Нормальный» с типом заливки «Узор» ->

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

Например, вы можете сделать все возможное и действительно выделить свой текст, выбрав «Bevel & Emboss» и добавив к тексту несколько других эффектов, таких как «Inner Glow» и «Drop Shadow».”Это придает тексту хорошее трехмерное качество ->

ШАГ 5: Создание буквального контура выбранного текста

И последнее, но не менее важное: еще один отличный эффект, которого вы можете достичь с помощью текста, — это создание контура без заливки (или прозрачного центра ваших букв) ->

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

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

Теги: как очертить текст в фотошопе CCphotoshop tutorialtext 3D-эффекттекстовые контуры эффекты

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

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

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

стилей слоя в Photoshop

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

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

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

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

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

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

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

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

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

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

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

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

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

7. Нажмите на слово Stroke в левой части окна Layer Style под только что добавленным Stroke (для которого будет установлен флажок).

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

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

8. Пока не нажимайте ОК. Щелкните слово Drop Shadow в нижнем левом углу поля «Стиль слоя». Вы собираетесь добавить легкую тень того же цвета, что и текст, но с достаточным количеством тени, чтобы слегка приподнять ее со страницы.Теперь вы увидите параметры тени.

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

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

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

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

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

Инструктор

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

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

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

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

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

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

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

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

Контурные заголовки в Photoshop Elements

Создание контурных заголовков в Photoshop Elements немного отличается от их создания в Photoshop / CC (PS / CC). Обведенный заголовок добавит эффектности и визуального интереса к создаваемому вами макету, не отвлекая внимание от дизайна или истории. В PS / CC обводку (контур) можно добавить на тот же слой, что и текст, тогда, когда непрозрачность уменьшается до 0%, текст исчезает, а обводка остается. Примечание. Пользователи Photoshop / CC могут найти аналогичный учебник здесь.Если в Photoshop Elements применить обводку к тому же слою, что и текст, текст и обводка исчезнут при понижении непрозрачности до 0%. Это определенно не то, что вам нужно! В этом уроке мы рассмотрим, как создать выделенный заголовок в Photoshop Elements.

Начните с жирного короткого шрифта

Сначала выберите толстый жирный шрифт и введите желаемый заголовок. Я использую Basic Sans Black. Неважно, какой цвет используется для шрифта, поскольку он не отображается. Скопируйте текстовый слой (Ctrl + J).Переименуйте первый текстовый слой в «оригинальный», а скопированный слой «в рабочий» или как-нибудь так, что вам кажется понятным. Поскольку текстовый слой необходимо упростить, рекомендуется поработать с копией, поэтому, если сделана ошибка или вы передумаете, можно легко начать заново, используя исходный текстовый слой.

Кернинг (интервал между буквами) не является параметром PSE. Вы можете получить немного контроля, добавив параметры азиатского текста, но это позволяет вам только уменьшить интервал, а не увеличивать его.Если вы не видите этого в поле «Параметры инструмента» в нижней части рабочего пространства при использовании инструмента «Текст», выберите «Правка»> «Настройки»> «Текст». В «Параметры типа» установите флажок «Показать параметры азиатского текста» и нажмите «ОК». Затем вы можете изменить процентное соотношение между буквами, чтобы приблизить их друг к другу.

Добавить контур (обводку) на отдельном слое (см. Дополнительный совет ниже)

Если заголовок вас устраивает, вы можете просто добавить обводку на отдельный слой. Сначала добавьте новый слой над слоем с упрощенным текстом.Переименуйте новый слой в «Обводка» или «Контур». Затем, с выделенным текстовым слоем, удерживайте Ctrl и щелкните миниатюру, чтобы выделить текст. Затем, выбрав слой Stroke, перейдите в Edit> Stroke (Outline) Selection. Установите ширину, цвет и расположение обводки. Это те настройки, которые я использовал, но они будут различаться в зависимости от текста и желаемой толщины контура заголовка. Когда вы будете удовлетворены, нажмите ОК. При необходимости всегда можно вернуться (Ctrl + Z).

Отключить текстовый слой

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

Дополнительный совет: добавить обводку на том же или на отдельном слое?

Если вы просто хотите использовать обводку как есть, можно уменьшить непрозрачность внутри обводки, выбрав «Стиль»> «Видимость»> «Скрыть».

Или удерживайте Shift + число, чтобы выбрать видимость. Например: 1 = 10%, 2 = 20%, 3 = 30% и так далее до 0 = 100%.

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

Также обратите внимание, что «Стили> Видимость» обычно не отображается на панели «Слои», как показано ниже. Я добавил его сюда только в демонстрационных целях, чтобы показать параметры, отображаемые при выборе этого стиля.Параметр «Призрачный» снижает непрозрачность до 50%.

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

Альтернативные очерченные дизайны

Вот несколько альтернативных схематичных рисунков, которые следует рассмотреть, для которых необходимо разместить каждую букву на отдельном слое. Выделив текстовый слой, используйте Magic Wand, чтобы выбрать одну букву, затем щелкните правой кнопкой мыши по букве и выберите Layer Via Copy.Не забудьте вернуться к текстовому слою, чтобы выбрать каждую букву.

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

Затем слои O & V были наложены и объединены. L и E были расположены немного шире, и ко всем добавлены центральная обводка и тень.

Наконец, я просто добавил немного места между буквами, объединил их и вырезал бумагу LJS Designs из ее бумаг Vintage Flea Market. Эти работы были включены в класс чемпионов января 2017 года.

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

Сохранить

Создание эффекта многослойного текста с использованием новых функций стиля слоя в Photoshop

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

Step 1

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

Создайте текст, к которому вы хотите добавить обводку. Текст здесь написан заглавными буквами с использованием шрифта Anja Eliane Normal. Размер — 135 пунктов, цвет — # e7bd4f, кернинг — оптический, а отслеживание — 150, чтобы избежать перекрытия штрихов.

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

Шаг 2

Дважды щелкните текстовый слой, чтобы начать добавлять штрихи. Начните с добавления обводки 5 пикселей, используя цвет # cd4949.

Step 3

Это добавит к тексту нормальную красную обводку.

Step 4

Щелкните маленький + справа от вкладки Stroke. Это добавит еще один экземпляр Stroke поверх нажатого.

Выберите новую вкладку «Обводка», измените размер на 3 и непрозрачность на 0%. Также убедитесь, что флажок Overprint снят.

Step 5

Это позволит создать прозрачную обводку между текстом и красной обводкой.

Step 6

Добавьте еще один экземпляр Stroke.

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

Здесь вам нужно переместить новый экземпляр вниз.

Step 7

После перемещения измените размер на 8 и непрозрачность на 0%.

Шаг 8

Добавьте еще один экземпляр, переместите его вниз и измените его размер на 10, непрозрачность на 100% и цвет на # 16a2b3.

Step 9

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

Step 10

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

Шаг 11

Добавьте еще один экземпляр внизу, измените его размер на 4, положение внутри, непрозрачность на 100% и цвет на # c28c36. Это добавляет последние два штриха внутрь текста.

Заключение

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

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

Спрашивает: Эммит О’Кон
Оценка: 4.6 / 5 (46 голосов)

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

Шаг 1. Создайте новый документ. …
Шаг 2. Выберите инструмент «Текст». …
Шаг 3. Выберите шрифт на панели параметров. …
Шаг 4: Добавьте свой текст. …
Шаг 5: Добавьте стиль слоя «Обводка». …
Шаг 6: Отрегулируйте размер и положение обводки….
Шаг 7. Установите «Заливку» текста на 0%

Посмотреть полный ответ

Аналогично, можете ли вы обвести текст в фотошопе?

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

Таким образом, как выделить фоновый текст ?. ИСПОЛЬЗУЙТЕ ТЕМНОЕ НАЛОЖЕНИЕ

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

Таким образом, как добавить несколько штрихов к тексту в Photoshop?

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

Шаг 1. Создайте новый документ. …
Шаг 2. Выберите инструмент «Текст». …
Шаг 3. Выберите шрифт на панели параметров. …
Шаг 4: Добавьте свой текст….
Шаг 5: Добавьте стиль слоя «Обводка». …
Шаг 6: Отрегулируйте размер и положение обводки. …
Шаг 7. Установите «Заливку» текста на 0%

Что такое Adobebridge?

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

Найдено 39 похожих вопросов

Как в Photoshop сделать текст без заливки?

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

Как сделать текст читаемым в Photoshop?

Для повышения разборчивости используйте инструмент Custom Shapes Tool (нажатие клавиши U) и создайте форму .Это действительно может быть что угодно, нет правильной или неправильной формы. Залейте фигуру черным цветом и установите Обводку на белый цвет и 3pt. Перетащите фигуру под слой с текстом и разделителем и установите непрозрачность слоя на 57%.

Как в Photoshop сделать текст толще?

Как добавить толстый контур в Photoshop

Выберите инструмент «Текст» (вертикальный или горизонтальный, в зависимости от ситуации) и создайте текст.
Выделив слой Type, выберите Stroke в меню FX.
Установите размер (в пикселях) с помощью ползунка или введите собственное значение.
Выберите место для обводки:

Как превратить текст в форму в Photoshop?

Чтобы преобразовать текст в форму, щелкните правой кнопкой мыши текстовый слой и выберите «Преобразовать в форму» . Затем выберите инструмент «Прямое выделение» (инструмент с белой стрелкой), нажав Shift A, и перетащите точки на контуре, чтобы придать персонажам новую форму.

Как сделать текст полым в Photoshop?

Вы можете перейти к Layer> Layer Style> Blending Options , установить непрозрачность заливки на 0 (ноль), затем нажать на Stroke и установить параметры по вкусу. Вы можете выбрать «Слой»> «Стиль слоя»> «Параметры наложения», установить для параметра «Непрозрачность заливки» значение 0 (ноль), затем нажать «Обводка» и установить параметры по вкусу.

Действительно ли Adobe Bridge бесплатен?

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

Почему вам следует использовать Adobe Bridge?

Обычно творческие люди, работающие с визуальными объектами, используют Adobe Bridge в качестве медиа-менеджера. Он помогает организовать работу, размещая активы в различных местах хранения .Он также позволяет выполнять поиск по различным атрибутам файла. Эти атрибуты могут включать рейтинг, тип файла или даже настройки камеры.

Можно ли редактировать фотографии в Adobe Bridge?

Для редактирования фотографий в Bridge вам понадобится Adobe Camera Raw , мощный плагин, который позволяет редактировать и улучшать любую фотографию, включая JPGS. … Если вы фотографируете в формате RAW, убедитесь, что вы загрузили Adobe Camera Raw, желательно последнюю версию, на свой компьютер, прежде чем вы сможете редактировать файлы в Bridge.

Что делает ctrl t в Photoshop?

Чтобы найти их, нажмите Ctrl + T, затем Ctrl + 0 (ноль) или на Mac — Command + T, Command + 0. Этот выбирает Transform и изменяет размер изображения внутри окна , чтобы вы могли видеть маркеры изменения размера.

Какие стили слоев в Photoshop?

О стилях слоев

Угол освещения.Определяет угол освещения, под которым эффект применяется к слою.
Drop Shadow. Задает расстояние тени от содержимого слоя. …
Свечение (внешнее) …
Свечение (внутреннее) …
Размер фаски. …
Направление скоса. …
Размер обводки. …
Непрозрачность обводки.

Как сделать текст более всплывающим?

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

Добавление обводки к веб-тексту | CSS-уловки

Шрифты в Интернете по сути являются векторной графикой. Вот почему вы можете отображать их с разрешением 12 или 120 пикселей, и они останутся четкими и относительно острыми. Вектор означает, что их форма определяется точками и математикой для описания формы, а не фактическими данными пикселей.Поскольку они векторные, было бы разумно, если бы мы могли делать то, что другие векторные программы (например, Adobe Illustrator) могут делать с векторным текстом, например рисовать обводку вокруг отдельных символов. Что ж, можем! Пример:

  h2 {
  / * Требуется префикс. Даже Firefox поддерживает только префикс -webkit- * /
  -webkit-text-stroke-width: 1px;
  -webkit-текст-обводка-цвет: черный;
}

Или сокращенно:

  h2 {
  -webkit-text-stroke: 1px черный;
}

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

Одна из возможностей такова:

  h2 {
  черный цвет;
  -webkit-text-fill-color: белый; / * Отменит цвет (независимо от порядка) * /
  -webkit-text-stroke-width: 1px;
  -webkit-текст-обводка-цвет: черный;
}

Показано здесь со шрифтом @ font-face Anime Ace 2 от Nate Piekos:

Правильно обведен! Откат к сплошному цвету.Показано здесь в Firefox

Другая возможность применяется только при поддержке:

  @supports (-webkit-text-stroke: 1px черный) {
  h2 {
    -webkit-text-stroke: 1px черный;
    -webkit-text-fill-color: белый;
  }
}

Опора

Настольный компьютер

Chrome	Firefox	IE	Edge	Safari
4 *	49 *	Нет	15 * 90. 90.1 *

Мобильный / планшет

Android Chrome	Android Firefox	Android	iOS Safari
94 *	92 *	2,1

Моделирование

Мы можем пойти немного дальше, не полагаясь полностью на проприетарную технологию WebKit. Мы можем использовать свойство text-shadow (поддерживается в Firefox, Opera и IE 10) и имитировать штрих.Мы будем использовать четыре тени, каждая со смещением на 1 пиксель черного цвета без распространения, по одной в правом верхнем, левом верхнем, левом нижнем и правом нижнем углу. Мы удалим проприетарный WebKit -webkit-text-fill-color в пользу цвета, поскольку теперь мы кроссбраузерны. Единственным препятствием будет IE9 и ниже, что, конечно, вы можете использовать для учета специфичных для IE таблиц стилей.

  h2 {
  цвет белый;
  текстовая тень:
   -1px -1px 0 # 000,
    1px -1px 0 # 000,
    -1px 1px 0 # 000,
     1px 1px 0 # 000;
}

Это обводка, использующая всю текстовую тень.Довольно близок к такому же хорошему, как настоящий ход. Основная проблема заключается в том, что таким образом вы можете получить только 1 пиксель обводки. Больше — и вы увидите пробелы. Больше с текстовым обводкой WebKit, но тоже есть проблемы, так что это своего рода лошадь за штуку.

Объединение

Использование обводки и тени может дать отличный эффект. Давайте добавим обводку WebKit, обводку с полной текстовой тенью, а также более глубокую обводку с тенью от текста.

  h2 {
   -webkit-text-stroke: 1px черный;
   цвет белый;
   текстовая тень:
       3px 3px 0 # 000,
     -1px -1px 0 # 000,
      1px -1px 0 # 000,
      -1px 1px 0 # 000,
       1px 1px 0 # 000;
}

Lookin ’good

Demo

Выравнивание

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

Слева направо: по центру, внутри, снаружи

По незнакомым мне причинам текст в Illustrator также можно настроить только на выравнивание обводки по центру. Однако после того, как вы расширите текст до обычных векторных путей, станут доступны все три параметра. Напоминание от Сэма Фрайстина: добавьте новую обводку на панель «Оформление» и переместите ее под текстом (в основном имитирует внешнее выравнивание обводки).

Сверху вниз: внутри, по центру, снаружи.

Мне кажется, что только внешнее выравнивание обводки текста выглядит хорошо.К сожалению, как для CSS, так и для Illustrator неизменное значение по умолчанию центрировано. Решение — просто не сходить с ума с толщиной границы обводки, и все должно быть в порядке. Примечание: решение только для теней текста не имеет этой проблемы, но также не может обводить более 1 пикселя.

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

У нас есть целая статья по этой проблеме выравнивания: Обводка текста: застряла посередине с вами.Небольшая хорошая новость: свойство paint-order позволяет вам, по сути, иметь внешние установленные штрихи, как только браузеры его поддерживают.

Чего мы не можем сделать

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

  p.circular {
  ширина: 200 пикселей;
  высота: 200 пикселей;
  радиус границы: 100 пикселей;
  
  /* НЕ РЕАЛЬНЫЙ */
  выравнивание текста: граница-путь;
}

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

фантазии

Для записи вы можете использовать любой тип значения цвета для цвета обводки (шестнадцатеричный, rgba, hsla, ключевое слово). Это означает прозрачные штрихи, если они вам нужны, которые действительно «складываются» в том смысле, что если штрихи накладываются друг на друга (обычно), они будут темнее.

Что касается анимации по ключевым кадрам, цвет обводки будет анимироваться, а ширина обводки — нет (странно).

  / * Изменится только цвет, но не ширина * /
@keyframes colorchange {
  0% {
    -webkit-text-stroke: 10 пикселей красный;
  }
  100% {
    -webkit-text-stroke: зеленый 20 пикселей;
  }
}

Как легко и быстро выделить текст в Photoshop

Facebook
Твиттер
Linkedin
Reddit

Резюме:

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

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

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

Шаг 1. Загрузите и установите Photoshop на компьютер.

Шаг 2. Откройте его, нажмите File > New , а затем нажмите Type Tool , чтобы ввести текст. И вы также можете Файл > Открыть , чтобы импортировать желаемое изображение, а затем создать свой текст.

Шаг 3. Выделите текст, а затем вы можете изменить шрифт, размер и цвет текста.

Шаг 4.В правом нижнем углу щелкните правой кнопкой мыши Layer и выберите Blending Options.

Шаг 5. Во всплывающем окне выберите слева Stroke .

Шаг 6. Переместите ползунок, чтобы изменить размер и ширину контура.

Шаг 7. Измените цвет текста, чтобы он был более заметным.

Шаг 8. При необходимости вы можете выбрать Gradient или Pattern в разделе Full Type .

Шаг 9. Нажмите на Position , чтобы выбрать положение для контура: Outside , Inside и Center .

Шаг 10. Переместите ползунок «Непрозрачность», чтобы настроить степень прозрачности обводки.

Шаг 11. Щелкните OK , чтобы сохранить настройки.

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

Также прочтите: 4 совета, как сделать изображение прозрачным

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

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

Шаг 1. Запустите Photoshop, щелкните File > New , а затем создайте свой текст.

Шаг 2. Скопируйте текстовый слой и переименуйте его.

Шаг 3. Добавьте текст структуры с помощью методов из предыдущей части.

Шаг 4. Щелкните слой правой кнопкой мыши и выберите Rasterize Type.

Шаг 5. Выберите текст, который вы не хотите добавлять в структуру, и нажмите Удалить .

Шаг 6. Нажмите кнопку Layer и объедините все слои.

Бонусный совет — Как добавить текст к фотографии в Photoshop

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

Ниже показано, как добавить текст к фотографии в Photoshop.

Шаг 1. Загрузите, установите и запустите Photoshop.

Шаг 2. Щелкните Файл > Откройте , чтобы загрузить изображение в Photoshop.

Шаг 3. Нажмите на Windows > Tools , выберите место, где вы хотите поместить текст.

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

Итог

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

Facebook
Твиттер
Linkedin
Reddit

ОБ АВТОРЕ

Cora Подписывайтесь на нас

Должность: Обозреватель

Автор Кора любит фотографировать и записывать видео, поэтому она потратила много времени и усилий на мультимедиа.