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

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

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

Обводка текста в Фотошопе

Для того чтобы сделать обводку в Фотошопе, нам понадобится непосредственно «пациент». В данном случае это будет одна большая буква «А».

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

Итак, текст у нас есть, приступаем.

1. Зажимаем клавишу CTRL и кликаем по миниатюре слоя с текстом, тем самым получив выделение, повторяющее его форму.

2. Теперь нужно определиться, чего же мы хотим добиться. Сделаем довольно толстую обводку со скругленными краями. Идем в меню «Выделение – Модификация – Расширить».

   Здесь настройка только одна. Пропишем значение в 10 пикселей (размер шрифта 550 пикс).

   Получаем вот такое выделение:

3. Чтобы произвести дальнейшее редактирование, необходимо активировать один из инструментов группы «Выделение».

   Ищем на верхней панели инструментов кнопку с названием «Уточнить край».

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

4. Выделение готово. Далее нужно создать новый слой, нажав на значок в нижней части палитры слоев (горячие клавиши здесь не сработают).

5. Находясь на этом слое, нажимаем сочетание клавиш SHIFT+F5. Появится окно с параметрами заливки. Здесь выбираем «Цвет», он может быть любой.

   Получаем следующее:

6. Снимаем выделение сочетанием клавиш CTRL+D и продолжаем. Помещаем слой с обводкой под слой с текстом.

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

   Затем выберем тип градиента «Зеркальный» и инвертируем его.

8. Жмем ОК и любуемся…

9. Переходим на слой с текстом и изменяем непрозрачность заливки на 0%.

10. Дважды кликаем по слою, появляются стили. Выбираем пункт «Тиснение» и настраиваем примерно, как на скриншоте.

Итоговый результат у нас получился вот такой:

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

Мы рады, что смогли помочь Вам в решении проблемы.

Опишите, что у вас не получилось.
Наши специалисты постараются ответить максимально быстро.

Помогла ли вам эта статья?

ДА НЕТ

Поделиться статьей в социальных сетях:

Преобразуем текст в контур

Вторым способом является простой клик правой клавишей мыши по тексту и последующий клик по пункту «Создать рабочий контур» (Convert to Work Path) в открывшемся контекстном меню. Но, чтобы этот метод сработал,необходимо, чтобы инструмент «Текст» (Type Tool) был активным, кроме того, необходимо выйти из редактирования текста в слое (чтобы текст в документе не был подчёркнутым и курсор не мигал, для этого, после создания текста, нажать комбинацию Ctrl+Enter), но сам слой в панели слоёв при этом должен быть активным:

Третий способ заключается в использовании вкладок главного меню. В версиях ниже CS6 идём Слои —> Текст —> Создать рабочий контур (Layer —> Type —> Convert to Work Path), в версиях CS6 и выше идём по вкладке Текст —> Создать рабочий контур (Type —> Convert to Work Path).
Убедитесь, что в панели слоёв выбран текстовый слой, иначе метод на сработает!

При применении любого из этих трёх способов текстовый слой остаётся без изменений, а photoshop добавляет рабочий контур, который Вы можете редактировать при помощи векторных инструментов, например, «Пера» (Pen Tool), «Стрелка» (Direct Selection Tool), «Угол» (Convert Point Tool) и др.

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

Кроме изменения и получения текста с буквами пользовательской формы. Вы можете после преобразования текста в контур получить пользовательскую форму (Custom Shape) и использовать эту форму в последствии.

Сохранение текста как пользовательской формы

Для сохранения текста как пользовательской формы, пройдите по вкладке Редактирование —> Определить произвольную фигуру ( Edit —> Define Custom Shape), откроется новое окно, где следует задать новой фигуре имя:

Чтобы использовать полученную фигуру, переключитесь на инструмент «Произвольная фигура» (Custom Shape Tool):

И выберите созданную Вами форму:

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

На примере я выбрал создание при помощи слой-маски.

Как сделать обводку текста в Фотошопе • Дигмаст

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

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

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

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

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

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

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

Этот урок будет целиком посвящен тому, как выделить текст в Фотошопе. Начнем!

Способов выделить надпись в программе немало, но мы потрудились и выбрали самые “ходовые” для работы, которыми и сами пользуемся.

Способ №1: Создаем слой с подложкой

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

и яркую фотографию. В нашем случае это будет прекрасное фото пляжа с белоснежным песком:

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

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

1. На панели слоев создаем новый слой и размещаем его между текстовым и фоновым слоями.
2. Затем необходимо взять инструмент “Выделение” -> “Прямоугольная область”.
3. На созданном слое (между слоями с текстом и фоном) выделяем прямоугольную область вокруг текста. Перед тем, как это делать, мы убрали рамки вокруг логотип. Смотрите скриншот ниже:
4. Остается только залить выделенную область желаемым цветом. Обычно для подложки используют черный цвет. Чтобы не прибегать к панели инструментов, воспользуемся комбинацией горячих клавиш SHIFT+F5. В появившемся окне выбираем в пункте “Содержание” -> “Черный” или любой другой подходящий вариант:
   После того, как подложка закрашена, снимите выделение горячими клавишами CTRL+D, или кликнув инструментом выделение по любому месту на холсте.
5. Чтобы подложка не смотрелась так “грубо”, нужно поиграть со значением “Непрозрачность” на слое. В нашем случае мы установили ползунок на отметке 50%.
6. Почти готово. Остался последний штрих – добавление тени. Да, переходим в параметры наложения слоя, на котором находится текст. Для этого кликните правой кнопкой мыши на слой и выберите “Параметры наложения”.
   Альтернативный способ вызова – двойной клик по нужному слою. Перед нами откроется окно с множеством настроек. Выбираем “Тень” и настраиваем, как у нас или на свой вкус:
   Кликаем “ОК” и получаем неплохой результат, который является одним из самых распространенных.

Экспериментируйте с подложкой, ведь главное в этом деле – практика. Идем дальше.

Способ №2: Обводка текста

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

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

1. В этот раз нам не понадобится создавать дополнительный слой, как в первом случае. Все куда проще. Кликаем на слой с логотипом/текстом ПКМ и выбираем “Параметры наложения”.
2. После, устанавливаем галочку в пункте “Выполнить обводку”. Появятся настройки обводки. В нашем случае нам достаточно установить размер обводки в 3 пикс. и выбрать белый цвет, т.к. лого у нас черного.
3. После настройки обводки, не закрывая окно, переходим к пункту “Тень”. Здесь все параметры тоже индивидуальны, но в нашем случае они таковы:
4. После того, как мы ввели все необходимые параметры в пунктах “Выполнить обводку” и “Тень”, кликаем ОК и получаем результат:

Способ №3: Выделение текста при резкой смене цветов

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

А теперь давайте разбираться, как выйти из подобной ситуации.

1. Для начала нужно зажать клавишу CTRL и кликнуть на панели слоев по миниатюре слоя с надписью. Таким образом Фотошоп автоматически создаст выделенную область вокруг лого:
2. Затем необходимо перейти на слой с нашим фоновым изображением, кликнув ЛКМ по нему и, используя горячие клавиши CTRL+J, cкопировать выделение. Программа автоматически создаст новый слой с нашим текстом в цветах фонового изображения:
3. Переходим к волшебству. Убираем видимость (галочку) с самого верхнего слоя, где расположена наша надпись. Теперь нужно инвертировать цвета слоя благодаря комбинации клавиш CTRL+I. Должно получиться примерно так:
4. Получилось недурно, но еще есть над чем поработать. Давайте добавим нашему тексту немного обводки белого цвета в пункте “Выполнить обводку” в “Параметрах наложения”.
   Затем “приправим” надпись немного тенями:

Вот и все! Кликаем “ОК” и получаем шикарный вариант выделенного текста на очень сложном фоне:

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

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

Как сделать обводку текста в фотошопе — бесплатный онлайн урок для чайников

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

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

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

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

Нам нужно найти «параметры наложения».

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

Результат:

Настройки можно менять на ваше усмотрение. Ширина обводки. Ее цвет и тип.

Давайте несколько усложним задачу. И сделаем двойную обводку. Но! К сожалению, фотошоп не дает возможности сделать двойную обводку тем же способом. Потому, следует прибегнуть к хитрости. И перевести нашу надпись в смарт-объект. Правда, тут есть один недостаток. Ваша надпись становится уже картинкой. То есть, отредактировать ее в режиме текста уже не получится. В том же окне слоев вызываем левой клавишей мышки тот же список операций. И выбираем «преобразовать в смарт-объект». Он будет располагаться чуть ниже параметров наложения.

Слой примет подобный вид:

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

Вуаля! Теперь обводка двойная.

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

Я изменила фоновый слой, дабы наш текст смотрелся лучше. И добавила тексту вот такой градиент:

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

Теперь преобразовываю его в смарт-объект и добавляю ему обводку градиентом. Для этого в параметрах наложения во вкладке обводка в выпадающем списке выбираем «градиент»

Задаем настройки:

И вот, что имеем. Текст с обводкой градиентом. Благодаря игре цветов мы создали эффект светящейся надписи. Выглядит очень интересно, не находите?

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

Вам следует запомнить несколько вещей.

1. Обводку текста нельзя делать бесконечно. Всему есть предел. Либо вы делаете множество тонких обводок, либо парочку, но толстых.
2. Обводка бывает как внешней, так и внутренней. У внутренней есть существенный недостаток. Она «съедает» обводимый объект.
3. С помощью обводок вы можете создать иллюзию объема. Все дело в цветах. При подборе нужной комбинации вы запросто достигните подобного эффекта.
4. Обводка текста не увеличивается пропорционально тексту. Допустим, вы сделали обводку шрифта с кеглем 20px и обводку в 2 px. Если вы увеличите кегль до 40 px, обводка останется того же размера. То есть, выглядеть она будет совершенно иначе.

Многослойная обводка текста в Фотошоп / Creativo.one

В этом уроке мы с вами научимся создавать многослойные обводки для текста при помощи такого инструмента Фотошоп, как смарт-объект.  Для работы я использую версию Photoshop CS5, но вы можете воспользоваться любой версией это программы, начиная с CS2.

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

Итак, приступим!

Шаг 1

Напишем текст, с которым будем работать в дальнейшем. Создадим новый слой, при помощи инструмента Текст ( Text Tool) напишем слово «style». Цвет заднего плана чёрный.

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

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

Из выпадающего списка выберите стиль Обводка (Stroke).

В открывшемся диалоговом окне выберите цвет нашей будущей обводки в подменю Цвет (Color):

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

После того, как вы подобрали цвет, нажмите ОК.

Дальше я увеличил размер обводки до 21 пикс., выставив необходимое мне значение в окошке Размер (Size).

Нажимаем ОК. Вот что получается у нас после добавления первой обводки к нашему тексту:

Шаг 2

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

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

Чтобы это сделать, нажмите на значок в верхней части панели слоёв, как показано на скриншоте:

В выпадающем меню выберите опцию Преобразовать в Смарт-объект (Convert To Smart-Object)/

После преобразования слоя в Смарт-объект, в нижнем правом углу предварительного просмотра слоя появится такой значок:

Шаг 3

Добавим вторую линию обводки. Для этого снова щёлкнем  на значок Стилей слоя в нижней части панели слоёв, выберем параметр Обводка (Stroke).

Снова откроется диалоговое окно стиля слоя Обводка (Stroke). Как и в предыдущем шаге с добавлением обводки, выберите подходящий вам цвет и размер обводки. Я выбрал синий цвет и размер обводки 10 пикс.

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

Вот, что у меня получилось в результате добавления обводки к смарт-объекту с текстом внутри:

Шаг 4

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

Я добавил третью линию обводки к своему тексту. Цвет я подобрал светло-голубой, как в первой линии обводки, размер установил 10 пикс.

Нажимаем ОК,  чтобы закрыть диалоговое окно стиля слоя.  И теперь у меня получается три линии обводки вокруг текста. Выглядит всё так, как будто я добавил тройную обводку к тексту, хотя на самом деле я использовал только одну обводку непосредственно к самому тексту, средняя линия обводки приходится на первый смарт-обект, а верхняя линия обводки – на второй смарт объект.

Вот так легко и очень просто можно добавить любое количество обводок к тексту, используя всего лишь стиль слоя Обводка (Stroke) и Смарт-объекты (Smart-Object) программы Фотошоп.

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

Автор: Steve Patterson

Источник:

photoshopessentials.com

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

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

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

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

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

Этот способ подойдет для создания обводки текста в Фотошопе:

1. Первым делом стоит открыть любое изображение, которое послужит в качестве фона. Далее, инструмент «Текст», указать тип шрифта, начертание и ввести слово или строку.

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

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

Обводка с использованием двух слоев

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

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

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

3. Следующий шаг – расширение выделенной области. Делается это с помощью вкладки «Выделение» — «Модификация» — «Расширить». Откроется окно, в котором нужно ввести количество пикселей, на которые будет увеличен объект. Например, 3 пикселя.

4. После этого нужно на панели инструментов найти вариант «Заливка», изменить цвет кисти на любой доступный и залить область. Просмотреть результат.

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

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

Надписи

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

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

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

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

Создание контура

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

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

   Однако этот способ работает только при соблюдении определенных условий. Перейдем к следующему способу обводки букв.

2. Кликнуть ПКМ теперь уже по самому выделенному объекту и указать идентичный вариант из выпавшего списка: «Создать рабочий контур». Для того, чтобы данный метод заработал, нужно активировать инструмент «Текст», а также выйти из режима редактирования надписей (чтобы курсор не мигал и объект не был подчеркнут). Проще всего сделать эти две операции одновременно – нажать комбинацию клавиш «CTRL» и «Enter» на клавиатуре. В то же время слой с надписью должен быть активен.

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

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

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

Редактированный силуэт можно будет использовать после, ведь он конвертируется в «Пользовательскую форму».

Видео инструкция

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

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

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

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

Как сделать обводку картинки?

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

Создание рамки

Первый способ сделать обводку изображения – это создание рамки:

1. Открыть изображение.

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

3. После снятия блокировки следует перейти в меню «Параметры наложения». Перейти в него можно кликнув на кнопку «fx». Найти пункт «Обводка».

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

В результате изображение будет обведено рамкой.

Окантовка объекта

Также можно выполнить обводку контура объекта:

1. Выделить объект с помощью инструмента «Волшебная палочка».

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

3. Перейти на вкладку «Контуры» в панели слоев.

4. Настроить кисть, выбрав цвет, толщину и прозрачность. Именно таким будет контур.

5. На вкладке «Контуры» кликнуть ПКМ и выбрать вариант «Выполнить обводку».

6. После этого следует кликнуть по кнопке «Ок» и просмотреть результат.

Второй вариант:

1. Выделить объект на изображении, на клавиатуре нажать «CTRL» и «J», чтобы вынести его на отдельный слой.

2. Выбрать в меню «fx» пункт «Обводка».

3. Дальнейшая процедура уже знакома и описывалась ранее.

Изучение Photoshop

Если вы хотите всерьёз заняться изучением фотошопа, не рыскать в интернете ответы на те или иные вопросы, а систематично и последовательно постигать азы этой удивительной программы, даже если вы полный ноль, то настоятельно рекомендую курс Зинаиды Лукьяновой — «Фотошоп с нуля в видеоформате VIP 3.0

».

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

Иногда требуется обвести выделенную область (т.е. обрисовать контур

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

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

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

Вот как можно добавить контур по краю изображения:

Шаг 1

Откройте изображение и выделите его. Если изображение такого же размера, что и документ, выберите команду меню Выделение => Все

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

Шаг 2

Выберите команду меню Редактирование => Выполнить обводку (Stroke)

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

Шаг 3

Нажмите кнопку ОК, чтобы просмотреть новый контур.

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

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

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

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

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

Приступим!

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

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

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

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

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

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

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

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

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

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

Щелкните внутри окна документа и добавьте текст. Я наберу слово «ИНСУЛЬТЫ». После того, как вы добавили текст, нажмите на галочку на панели параметров, чтобы принять его и выйти из режима редактирования текста:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.

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

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

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

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

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

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

Измените положение обводки на внешнее.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Шаг 1. Откройте документ или создайте новый холст

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Шаг 8 — Готовый тип

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

Как легко выделить текст в Photoshop — Medialoot

Текстовые эффекты Photoshop

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

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

Шаг 1

Откройте Photoshop и выберите «Файл»> «Создать». Задайте имя документа как «Контурный текст», ширину 800 пикселей, высоту 360 пикселей и выберите «Белый» для содержимого фона.Щелкните ОК.

Шаг 2

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

Шаг 3

Выделив текстовый слой, перейдите в Layer> Layer Style> Stroke и примените следующие настройки:

Боковые примечания: Положение обводки может быть установлено на Внутри, По центру или Снаружи, режим наложения используется для определения того, как цвет обводки будет взаимодействовать с цветом под обводкой, а Непрозрачность используется для установки значения прозрачности обводки. .В разделе «Тип заливки» вы можете выбрать «Цвет», «Градиент» или «Узор».

Шаг 4

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

Заключительные записи

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

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

Идет загрузка.

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

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

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

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

Вот как:

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

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

Как выделить текст в Adobe Photoshop CC 2020

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

Начните с нажатия «Файл» в верхней строке меню.Эмма Уитман / Business Insider

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

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

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

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

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

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

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

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

• Выберите Type Tool > создайте текст или объект. В меню Fx > Stroke . Установите Size , Location , Blending Mode , Opacity и Color > OK .
• Или выберите Horizontal Type Mask Tool > введите текст> Command (macOS) или Control (Windows)> удерживайте клавишу, чтобы настроить текст или объект.
• Затем переключитесь на Move Tool и добавьте контур (обводку) к выделенной области.

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

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

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

1. Выберите инструмент Type Tool (вертикальный или горизонтальный, в зависимости от ситуации) и создайте текст.

2. Выбрав Type l ayer, выберите Stroke в меню fx .

3. Установите размер (в пикселях) с помощью ползунка или введите собственное значение.

4. Выберите Location для штриха:

   • Внутри означает, что обводка будет помещена внутри краев выделения.
   • Центр помещает обводку одинаково внутри и снаружи выделения.
   • Outside — обводка выполняется по внешнему краю выделения.

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

6. Непрозрачность устанавливает значение прозрачности обводки.

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

8. Выберите OK , чтобы добавить эффект в соответствии с вашими настройками.

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

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

Если у вас мало времени, вот простой способ, который занимает около 45 секунд.

1. Выберите инструмент Horizontal Type Mask Tool .

2. Щелкните один раз на холсте и введите свой текст.Холст станет розовым, а нижнее изображение или цвет будут видны по мере ввода.

3. Нажмите клавишу Command (macOS) или Control (Windows), появится ограничивающая рамка. Удерживая нажатой клавишу, вы можете изменять размер, искажать, перемещать или вращать текст.

4. Переключитесь на Move Tool , и текст появится как выделение. Оттуда вы можете добавить обводку к выделенной области.

Как вариант, вы можете использовать кисть Brush для выделения.

1. Создайте текстовый контур , используя один из двух показанных методов.

2. Выберите Window > Paths .

3. Выберите параметр Make Work Path в нижней части панели Paths . Это приведет к созданию нового пути с именем «Рабочий путь».

4. Выберите инструмент Brush Tool .

5. Откройте панель «Кисть», чтобы выбрать подходящую кисть.

6. Щелкните элемент цвета переднего плана в инструментах, чтобы открыть палитру цветов и выбрать цвет для кисти.

7. На панели Paths с выбранным контуром щелкните один раз на контуре Stroke with brush (полый круг). Мазок кисти применяется к контуру.

Подсказки

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

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

Для неровного контура установите режим наложения слоя на Dissolve и уменьшите непрозрачность.

Для контура с градиентной заливкой нажмите , удерживая клавишу Ctrl, (Windows) или , удерживая клавишу Command, щелкните (macOS) на слое контура и залейте выделение градиентом.

Если у вас есть учетная запись Creative Cloud, откройте свою Creative Cloud Library и дважды щелкните кисть, которую вы создали, чтобы применить ее к пути.Вы можете легко создавать кисти с помощью приложения Adobe Capture, которое доступно для устройств Android и iOS.

Спасибо, что сообщили нам!

Расскажите, почему!

Другой

Недостаточно подробностей

Сложно понять

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

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

Как очертить текст

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

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

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

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

1. Либо щелкните слой правой кнопкой мыши и выберите Параметры наложения , а затем Обводка в левом меню, либо нажмите кнопку FX в нижней части окна слоев , а затем Обводка из всплывающее меню.
2. Используйте параметры на экране, чтобы настроить внешний вид вашего контура. Размер управляет толщиной контура (обводки), а Позиция определяет, будет ли он находиться внутри или снаружи текста. Не стесняйтесь экспериментировать с вариантами. Если вам что-то не нравится, выберите Отмена и начните заново.
3. Если вас устраивает внешний вид текста, нажмите кнопку OK .

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

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

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

1. Используйте инструмент Тип , чтобы создать текст, который вы хотите выделить.
2. Выберите слой Text в окне Layers и щелкните его правой кнопкой мыши. Выберите Rasterize Type .
3. Удерживайте Ctrl ( CMD в macOS) и выберите миниатюру слоя Type , чтобы выделить весь текст.
4. Создайте новый слой, используя окно Layers .Выберите Edit на верхней панели инструментов, затем выберите Stroke .
5. Выберите ширину в пикселях предполагаемого контура, затем выберите OK .

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

Спасибо, что сообщили нам!

Расскажите, почему!

Другой

Недостаточно подробностей

Сложно понять

Контурный текст в Photoshop Учебное пособие по Photoshop

Более новый метод для Photoshop CC здесь

(ТОЛЬКО ДОБАВЛЕНО: см. Внизу этого урока PSD и стиль слоя, который работает в Photoshop CS6 и CC)

Шаг 1

Начните с пустого слоя и текста, это также подойдет для фигур.

Шаг 2

Щелкните правой кнопкой мыши / Cmd щелкните имя слоя в палитре слоев. Выберите растеризованный слой. Ctrl / Cmd щелкните миниатюру слоя, чтобы выбрать тип.

Шаг 3

Создайте новый пустой слой.

Правка> обводка. Я добавил сюда обводку в 6 пикселей. Сделайте локацию центром.

Нажмите ОК.

Ctrl / Cmd щелкните миниатюру слоя, чтобы выбрать новую обводку.

Шаг 4

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

Шаг 5

Теперь снова примените обводку, на этот раз 1 пиксель и установите внешний вид.

Шаг 6

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

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

Шаг 7

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

Step 8

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

Шаг 9

Вот результат.

Шаг 10

Другой вариант — скрыть заливку и просто использовать контур с тенью.

Step 11

Вот еще один вариант. Это просто перевернутое предыдущее изображение.Ctrl / Cmd + I Обратите внимание, чтобы это сработало, вы должны сначала сгладить изображение.

Шаг 12

Вот еще один вариант. Поиграйте с этим эффектом и получайте удовольствие.

Увидимся через неделю с еще одним новым руководством.

Загрузите PSD

(Photoshop CS-CC)

Вот новые версии эффекта, который я создал со стилем слоя

Загрузите стиль слоя здесь

Также см.