Как сделать обводку букв в фотошопе: Как сделать обводку текста в Фотошопе — DesignLessons – все о дизайне

Содержание

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

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

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

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

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

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

Зажимаем клавишу CTRL и кликаем по миниатюре слоя с текстом, тем самым получив выделение, повторяющее его форму.
Теперь нужно определиться, чего же мы хотим добиться. Сделаем довольно толстую обводку со скругленными краями. Идем в меню «Выделение – Модификация – Расширить».
Здесь настройка только одна. Пропишем значение в 10 пикселей (размер шрифта 550 пикс).
Получаем вот такое выделение:
Чтобы произвести дальнейшее редактирование, необходимо активировать один из инструментов группы «Выделение».
Ищем на верхней панели инструментов кнопку с названием «Уточнить край».
Здесь нам необходимо изменить только один параметр –

«Сглаживание». Поскольку размер текста у нас огромный, значение также будет довольно большим.
Выделение готово. Далее нужно создать новый слой, нажав на значок в нижней части палитры слоев (горячие клавиши здесь не сработают).
Находясь на этом слое, нажимаем сочетание клавиш SHIFT+F5. Появится окно с параметрами заливки. Здесь выбираем «Цвет», он может быть любой.
Получаем следующее:
Снимаем выделение сочетанием клавиш CTRL+D и продолжаем. Помещаем слой с обводкой под слой с текстом.
Далее дважды кликаем по слою с обводкой, вызвав стили. Здесь выбираем пункт «Наложение градиента» и нажимаем на значок, который указан на скриншоте, открывая палитру градиентов. Вы можете выбрать любой градиент. Набор, который вы сейчас видите, называется «Черно-белое тонирование» и входит в стандартную комплектацию Фотошопа.
Затем выберем тип градиента «Зеркальный» и инвертируем его.
Жмем ОК и любуемся…
Переходим на слой с текстом и изменяем непрозрачность заливки на 0%.
Дважды кликаем по слою, появляются стили. Выбираем пункт «Тиснение» и настраиваем примерно, как на скриншоте.

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

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

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

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

ДА НЕТ

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

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

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

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

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

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

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

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

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

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

Как только разберетесь с настройками, переведите фокус ввода на документ и напишите какой-нибудь текст:

После этого кликните по какому-нибудь другому слою или по галочке на панели опций:

Создаем стиль слоя

Теперь к только что созданному красивому тексту в Фотошопе нужно применить стиль «Обводка». Кликните по слою с текстом, и удостоверьтесь, что он выделен. Затем нажмите на иконку «Добавить стиль слоя» в самом низу панели. В выпадающем списке нужно выбрать «Обводка»:

Перед вами откроется диалоговое окно с настройками стиля. Не забудьте поставить галочку возле параметра «Просмотр», чтобы видеть изменения, которые вы вносите. Установите размер 5px.

Переключите «Положение» на «Внутри».

Режим наложения оставляем «Нормальный», а «Непрозрачность» на 100%. В качестве цвета выбираем белый:

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

Нажмите по названию стиля «Обводка», который находится рядом. Установите размер 8px. Выставите «Положение» на «Снаружи».

Режим наложения оставляем на «Нормальный», а уровень непрозрачности на 100%. В качестве цвета выставляем светло-синий (#0099ff8):

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

Пока что не нажимайте «ОК». В меню с левой стороны нажмите по стилю «Тень». Давайте добавим небольшую тень того же цвета, что и текст, но так, чтобы она была слегка смещена. Режим наложения устанавливаем на «Умножение». Цвет используем все тот же — #0099ff8. Такая тень будет выглядеть привлекательнее, чем увесистая черная.

Уровень непрозрачности ставим на 100%.
В рамках данного примера подойдет любой угол отбрасывания тени.
Смещение выставляем на 10px.
Размах на 10%
Размер на 10%:

Теперь нажимаем «ОК», и получаем примерно такой текст в Фотошопе:

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

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

Данная публикация является переводом статьи «How To Make A Double Stroke Text Effect In Photoshop» , подготовленная редакцией проекта.

Как сделать контур в Фотошопе: вокруг текста, объекта

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

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

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

Примечание: если мы имеем дело не с текстовым, а обычным слоем с каким-либо объектом (в т.ч. в виде надписи), он должен быть на прозрачном слое. В противном случае, сначала необходимо вырезать объект, и только потом приступить к созданию контура вокруг него.

Метод 1: растрируем текст

Этот метод предполагает растрирование текстового слоя с последующим удалением лишних частей.

В Палитре слоев правой кнопкой мыши щелкаем по слою с текстом (но не по его миниатюре) и в открывшемся контекстном меню выбираем команду “Растрировать текст”.
Зажав клавишу Ctrl на клавиатуре щелкаем по видоизмененной миниатюре слоя.
В итоге, вокруг текста на холсте должно повиться выделение.
Раскрываем содержимое меню “Выделение” и выбираем в нем пункт “Модификация”, затем – “Сжать”.
В появившемся окошке указываем размер сжатия в пикселях, после чего жмем OK. Значение задаем исходя из того, контур какой толщины требуется сделать – чем выше число, тем толще получится контур. В нашем случае укажем 2 пикс.
Выделение на холсте изменилось. Удаляем ненужную часть текста, нажав клавишу Del на клавиатуре.
Получаем такой результат. Остается только нажать сочетание Ctrl+D, чтобы убрать выделение.
На этом работа по созданию контура завершена.

Растрировать текст можно и на новом слое. Вот как это делается:

Выбрав текстовый слой в Палитре выделяем его содержимое полностью, нажав комбинацию клавиш Ctrl+A.
В меню “Редактирование” выбираем команду “Копировать” (или жмем сочетание Ctrl+C).
Снова идем в это же меню и кликаем по пункту “Вставить” (или жмем Ctrl+V).
В итоге получаем новый слой с текстом в виде изображения на прозрачном фоне. Дальнейшие действия аналогичны описанным выше (с шага 2).

Метод 2: создаем конутр на новом слое

На этот раз мы создадим контур на отдельном, специально созданном для этого слое.

Аналогично первому методу, зажав клавишу Ctrl на клавиатуре щелкаем по миниатюре слоя с текстом, чтобы выделить его.
Далее выполняем сжатие через меню “Выделение” – “Модификация” – “Сжать”. В качестве примера мы указали 3 пикс.
В Палитре создаем новый слой.
Жмем комбинацию клавиш Shift+F5, чтобы вызвать окно “Заполнить”. Для параметра “Содержание” выбираем вариант “Цвет”. После этого появится еще одно окошко, в котором задаем цвет, идентичный фону созданного слоя (т.е. белый в нашем случае). Теперь можно закрыть оба окна нажатием кнопок OK.
Все готово, остается только убрать выделение, нажав комбинацию Ctrl+D.Примечание: в данном случае контур состоит из сочетания двух слоев: текстового и созданного. Чтобы объединить их в один (создать отпечаток), жмем горячие клавиши Ctrl+Shift+Alt+E.

Метод 3: настраиваем параметры стиля слоя

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

Дважды щелкаем левой кнопкой мыши по текстовому слою (не по имени или миниатюре, а именно по свободной области).
В открывшихся “Стилях слоя” переключаемся в раздел “Выполнить обводку” (ставим напротив нее галочку). После этого в правой части окна указываем размер в пикселях, выбираем положение (снаружи, внутри или из центра) и задаем цвет контура. Остальные настройки можно оставить без изменений. По готовности жмем OK.Примечание: если напротив пункта “Просмотр” установить галочку, можно в реальном времени отслеживать вносимые изменения до их подтверждения.
Видим на холсте следующий результат.
Остается только убрать заливку слоя, указав значение – 0%.
Все готово, мы успешно создали контур вокруг текста.При необходимости, как и в методах выше, можно создать отпечаток слоя или растрировать его.

Заключение

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

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

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

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

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

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

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

Вторым способом является простой клик правой клавишей мыши по тексту и последующий клик по пункту «Создать рабочий контур» (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):

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

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

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

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

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

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

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

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

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

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

Результат:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Надписи

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Выделить объект на изображении, на клавиатуре нажать «CTRL» и «J», чтобы вынести его на отдельный слой.
Выбрать в меню «fx» пункт «Обводка».
Дальнейшая процедура уже знакома и описывалась ранее.

Изучение 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, когда вы закончите, чтобы выйти из диалогового окна Layer Style, и вы увидите, что теперь у вас есть два штриха вокруг ваших букв. Исходная обводка (красная) находится внутри букв, а новая (оранжевая), которую мы только что добавили, находится снаружи. Изменяя положение двух штрихов, мы предотвратили их наложение друг на друга, что позволило нам видеть их оба одновременно:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

1. Выберите инструмент «Текст» (горизонтальный или вертикальный) и создайте текст.
2. Щелкните правой кнопкой мыши на Type Layer и выберите в меню Blending Options . Или перейдите в Слой > Стиль слоя> Обводка .
3. В диалоговом окне Layer Style выберите Stroke в списке стилей слева.

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

Вот конечный результат:

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

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

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

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

Давайте посмотрим, как выделить любой шрифт в Adobe Photoshop, как на скриншоте ниже:

1.Начните с чистого листа. В этом примере у нас черный фон.

2. Введите текст. Затем щелкните правой кнопкой мыши текстовый слой и выберите Blending Options .

3. Перейдите к Layer Style> Stroke> . Выберите позицию Outside . Установите ползунок Size на любое желаемое значение (в идеале — 2-3 пикселя) и Opacity на 100. Щелкните OK .

4.На вкладке Layers уменьшите непрозрачность Opacity до 0 процентов. Вот и все.

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

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

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

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

1. Введите текст поверх фотографии и увеличьте его.

2. Создайте копию текстового слоя и назовите ее «Прозрачный».

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

4. В нашем примере поверните текстовый слой, который вы назвали «Прозрачный», и придайте ему эффект обрисованного текста, выполнив шаги, описанные в последнем разделе.

5. Затем растрируйте слой с заливкой, щелкнув по нему правой кнопкой мыши. Он превращает текстовый слой в обычное растровое изображение, состоящее из пикселей.

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

7. Объедините все видимые слои или сгладьте изображение из опций в меню Layer .

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

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

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

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

10 лучших бесплатных сайтов для скачивания электронных книг
Хотите бесплатную загрузку электронных книг? Вот несколько лучших сайтов для скачивания бесплатных электронных книг.
Читать далее
Об авторе Сайкат Басу (Опубликовано 1544 статей)
Сайкат Басу — заместитель редактора по Интернету, Windows и производительности.После того, как он избавился от грязи MBA и десятилетней маркетинговой карьеры, он теперь увлечен тем, чтобы помогать другим улучшать свои навыки рассказывания историй. Он следит за пропавшей оксфордской запятой и ненавидит плохие скриншоты. Но идеи фотографии, фотошопа и производительности успокаивают его душу.
Более От Сайката Басу
Подпишитесь на нашу рассылку новостей
Подпишитесь на нашу рассылку, чтобы получать технические советы, обзоры, бесплатные электронные книги и эксклюзивные предложения!
Нажмите здесь, чтобы подписаться
Как легко выделить текст в Photoshop — Medialoot
Текстовые эффекты Photoshop
В Photoshop существует множество методов для обводки текста, и некоторые из них требуют растеризации текста, что нехорошо, потому что, если позже вы обнаружите, что допустили ошибку, вы должны сделать все процедура снова.С помощью стилей слоя обрисовка текста в Photoshop становится очень простой, и это метод, который я вам покажу сегодня.
Обратите внимание, что значения, показанные здесь, установлены только для упрощения выполнения шагов, вы можете использовать любые значения, которые хотите для документа, а также размер и цвет контура.
Шаг 1
Откройте Photoshop и выберите «Файл»> «Создать». Задайте имя документа как «Контурный текст», ширину 800 пикселей, высоту 360 пикселей и выберите «Белый» для содержимого фона.Щелкните ОК.

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

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

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

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

Контурный текст в Photoshop Учебное пособие по Photoshop
Более новый метод для Photoshop CC здесь
(ТОЛЬКО ДОБАВЛЕНО: см. Внизу этого урока PSD и стиль слоя, который работает в Photoshop CS6 и CC)
Шаг 1
Начните с пустого слоя и текста, это также подойдет для фигур.
Шаг 2
Щелкните правой кнопкой мыши / Cmd щелкните имя слоя в палитре слоев.Выберите растеризованный слой. Ctrl / Cmd щелкните миниатюру слоя, чтобы выбрать тип.
Шаг 3
Создайте новый пустой слой.
Правка> обводка. Я добавил сюда обводку в 6 пикселей. Сделайте локацию центром.
Нажмите ОК.
Ctrl / Cmd щелкните миниатюру слоя, чтобы выбрать новую обводку.
Step 4
В палитре слоев отключите нижний слой, теперь вы должны увидеть контур.
Использование инструмента градиента: от переднего плана к линейному фону — от черного к белому.применить градиент к выделению.
Шаг 5
Теперь снова примените обводку, на этот раз 1 пиксель и установите внешний вид.
Шаг 6
Чтобы сделать градиент похожим на металл, используйте наш трюк с кривыми фаворита.
Изображение> настроить> кривые, используйте кривую, аналогичную показанной здесь.
Шаг 7
Теперь снова отобразите нижний слой и залейте его цветом или градиентом, чтобы получить этот результат.
Step 8
Для небольшой дополнительной глубины примените стиль слоя к контуру, используйте тени.
Шаг 9
Вот результат.
Шаг 10
Другой вариант — скрыть заливку и просто использовать контур с тенью.
Step 11
Вот еще один вариант. Это просто перевернутое предыдущее изображение.Ctrl / Cmd + I Обратите внимание, чтобы это сработало, вы должны сначала сгладить изображение.
Шаг 12
Вот еще один вариант. Поиграйте с этим эффектом и получайте удовольствие.
Увидимся через неделю с еще одним новым руководством.
Загрузите PSD
(Photoshop CS-CC)
Вот новые версии эффекта, созданного мной со стилем слоя
Загрузите стиль слоя здесь
Также см. Руководство по созданию эффекта металлической проволоки, как показано здесь
CS6 Superguide
Вся информация о CS6 и многое другое доступно в виде журнала PDF под названием CS6 Superguide.Если вы внесены в наш список, вы получите его бесплатно по электронной почте, как только он станет доступен. Если нет, зарегистрируйтесь сейчас и получите CS6 Superguide бесплатно. Или щелкните изображение ниже.
(🚩БЕСПЛАТНО) Как выделить текст в Photoshop
Экшен Photoshop Outline, который можно бесплатно загрузить с сайта PhotoshopSupply. Создайте свой собственный контурный шрифт всего за несколько секунд!
Как обвести текст в Photoshop
Как обвести текст в Photoshop? Это просто, просто добавьте стиль слоя и используйте опцию Stroke .
Вы можете превратить любой шрифт в контурный шрифт . Добавьте обводку к тексту в Photoshop всего за несколько шагов:
Используйте инструмент Type Tool , чтобы добавить текстовый слой в Photoshop
Дважды щелкните слой Text , чтобы открыть стиль слоя Окно
Проверьте стиль слоя Stroke , чтобы очертить текст
Эффект двойного обводки Photoshop
Чтобы добавить эффект двойного обводки Photoshop, выполните следующие действия:
Преобразуйте слой Text в Smart Object
Откройте окно Layer Style и добавьте стиль слоя Stroke .
СОВЕТ: Чтобы добавить несколько контуров, преобразуйте предыдущий смарт-объект в новый смарт-объект и добавьте еще один стиль слоя Stroke . Повторите процесс, чтобы добавить несколько контуров и создать границу шрифта.
Настройки текста контура
Размер. Установите желаемый размер или ширину с помощью ползунка или введите собственное значение.
Позиция. Выберите Позиция для хода.Есть три варианта: Внутри (обводка внутри краев текста), По центру (обводка внутри и снаружи текста) и Снаружи (обводка за пределами текста)
Режим наложения. Используйте их для управления тем, как обводка текста будет взаимодействовать с цветами или слоями под обводкой. Это полезно, если вы поместите текст поверх изображения или фотографии.
Непрозрачность. Используйте ползунок, чтобы установить прозрачность обводки.
Тип заполнения. Обводки можно заливать цветом, градиентом или узором.
С помощью действия «Несколько контуров» Photoshop вы можете создать шрифт с двойным контуром. Эффект двойного мазка в Photoshop отлично подходит для типографского дизайна. Используйте выделенные шрифты для больших заголовков и заголовков.
Текст с рамкой (файл ASL стиля слоя)
Как выделить текст? Один простой и эффективный способ — использовать такой же текст с рамкой.
Внутри пакета вы также получаете свободный стиль слоя (файл ASL), который вы можете использовать для наложения границы вокруг текста, фигур и изображений.С этим стилем текста вы можете добавить до 4 текстовых контура , используя только один слой без смарт-объектов.
Как создать текст с рамкой:
Загрузите ASL файл в Photoshop
Добавьте текст или слой формы
Дважды щелкните слой, чтобы открыть окно Layer Style
Нажмите на вкладка Styles сверху и выберите стиль слоя, который вы загрузили (он должен быть последним добавленным в списке стилей)
Для создания текстового эффекта с несколькими штрихами я использовал Inner Glow, Outer Glow, Stroke и Drop Shadow .Ваш контурный текст будет выглядеть так, и его по-прежнему можно будет редактировать только с одним слоем.
Добавить в Photoshop границу вокруг текста
Чтобы узнать больше о том, как создать контур в Photoshop для различных типов слоев (текст, фигуры, вырезанные изображения и т. Д.), Прочтите это краткое руководство.
Итак, теперь вы знаете, как преобразовать текст в контур в Photoshop и как выделить шрифты в Photoshop. Таким образом, нет необходимости устанавливать контурные шрифты. Но вот несколько примеров выделенных шрифтов.
Как выделить шрифты в Photoshop
Итак, вы можете использовать экшен Photoshop контур текста или контурных шрифтов . Есть много классных шрифтов . обычный шрифт в контурный шрифт . Создайте потрясающие эффекты контура текста с помощью нашего бесплатного экшена Photoshop!
Обведенный текст отлично подходит для создания различных типографских эффектов.Итак, если вы добавите текстовый контур, вы можете преобразовать обычные шрифты в полые шрифты. На самом деле вам не нужны специально разработанные контурные шрифты.
С помощью нашего экшена Photoshop контурного текста вы можете добавить несколько штрихов и несколько контуров к любому типу шрифта, который вы хотите.
А как насчет форм? Можете ли вы также добавить контур к фигурам ? Да, ты можешь!
Photoshop Прозрачный текст с контуром
Чтобы сделать текст Photoshop прозрачным с контуром, используйте действие в пакете.Сделайте слой под названием «Контур 1 от PhotoshopSupply» видимым. Затем установите Fill от 0% до 20%, чтобы текст был видимым. Для контура установите непрозрачность обводки на 75%.
Чтобы сделать прозрачным текстом в Photoshop , вы также можете использовать эффект вырезания текста. Ознакомьтесь с нашим бесплатным экшеном Photoshop, если вы хотите создать эффект прозрачного текста.
Воспользуйтесь нашим экшеном и создайте границы текста с эффектом Photoshop одним щелчком мыши! Текст с рамкой очень полезен для добавления текста к изображениям, для создания типографских дизайнов и т. Д.
Как очертить форму в Photoshop
Итак, теперь вы знаете, как сделать контурный текст в Photoshop . С помощью нашего бесплатного экшена Photoshop вы можете добавить рамку к фигурам и растровым изображениям.
Метод контура формы в Photoshop идентичен добавлению контура к тексту. Добавьте Layer Style и используйте опцию Stroke .
Как очертить изображение в Photoshop
Чтобы очертить изображение в Photoshop , используйте инструмент «Перо» , чтобы выделить человека или объект, который вы хотите выделить.
Затем скопируйте выделение на другой слой. Чтобы преобразовать выделение Photoshop в новый слой, нажмите Control + J .
Затем используйте наш экшен Outline Photoshop , чтобы обрисовать фотографию в Photoshop. Экшен Photoshop с контуром текста работает также с фигурами и вырезанными изображениями.
После добавления контура в Photoshop вы можете удалить фоновый слой и заменить его, например, однотонным фоном. Этот метод часто используется для создания эскизов YouTube .
Размытие фона — еще один вариант. Чтобы создать эффект размытия фона, как показано на превью, вы можете использовать наш экшен Photoshop размытия фона.
Как использовать экшен Photoshop
Чтобы правильно использовать контурный текст в действии Photoshop , необходимо выполнить следующие действия:
Загрузите файл ATN в Photoshop
Добавьте текстовый слой или слой Shape , если вы хотите создать контур фигуры
Воспроизведите одно из действий Outline
Посмотрите видеоурок , чтобы узнать, как именно обрисовать текст в Photoshop с помощью этого классного экшена.

Подробная информация об элементе
Этот бесплатный пакет содержит 1 файл ATN, 1 файл ASL
Если у вас нет Photoshop, сделайте контурный текст с помощью текстового онлайн-редактора от MockoFun
MockoFun — бесплатная онлайн-графика инструмент дизайнера, который можно использовать для создания изогнутого текста, выделения текста, контура текста и многих других текстовых эффектов.
Ознакомьтесь с этим руководством о том, как штриховать текст в Интернете всего за несколько простых шагов.
Если вы хотите превратить фотографию в рисование линий и создать эффект контурного портрета, вы можете использовать наш бесплатный экшен Photoshop для рисования линий.
Другие ресурсы, которые могут вам понравиться 🙂
Команда обводки в Photoshop Elements — инструкции
Команда «Обводка» в Photoshop Elements: обзор
Команда «Обводка» в Photoshop Elements позволяет нарисовать цветную границу вокруг выделения или слоя в Elements. Это применяет контур к вашему выделению изображения или выбранному слою в Photoshop Elements. Чтобы выполнить команду «Обводка» в Photoshop Elements, сначала сделайте выделение для обводки на изображении.Если вы хотите обвести весь слой, вы можете вместо этого выбрать слой для обводки на панели «Слои». Сделав свой выбор, выберите «Редактировать | Выбор обводки (контура)… »в строке меню.
Команда «Обводка» в Photoshop Elements — инструкции: изображение диалогового окна «Обводка» в Photoshop Elements.
В диалоговом окне «Обводка» введите ширину обводки в пикселях в поле «Ширина:». Вы можете щелкнуть образец «Цвет», чтобы открыть диалоговое окно «Палитра цветов» и выбрать цвет обводки.Выберите, чтобы разместить обводку «Внутри», «По центру» или «Снаружи» края выделения или слоя в разделе «Местоположение». Используйте раскрывающийся список «Режим», чтобы установить режим наложения цветов, применяемый к обводке. Вы также можете установить «Непрозрачность» обводки, указав процентное значение в этом поле. Чтобы применить обводку, нажмите кнопку «ОК», чтобы применить границу обводки к выделению или слою.
Команда «Обводка» в Photoshop Elements: инструкции
Чтобы применить команду «Обводка» в Photoshop Elements , сделайте выделение для обводки на изображении.
Чтобы обвести весь слой , выберите слой для обводки на панели «Слои».
Затем выберите «Редактировать | Выбор обводки (контура)… »в строке меню.
Затем введите ширину обводки в пикселях в текстовое поле «Ширина:» в диалоговом окне «Обводка».
Чтобы выбрать цвет штриха , щелкните образец «Цвет:», чтобы открыть диалоговое окно «Палитра цветов».
Выберите, чтобы разместить обводку «Внутри», «По центру» или «Снаружи» края выделения или слоя в разделе «Местоположение».
Затем используйте раскрывающийся список «Режим:», чтобы установить режим наложения цветов, используемый для обводки.
Затем установите «Непрозрачность» обводки, введя процентное значение в одноименное поле.
Чтобы применить обводку , нажмите кнопку «ОК», чтобы применить границу обводки к выделенному фрагменту или слою.
Команда «Обводка» в Photoshop Elements: видеоурок
В следующем видеоуроке под названием «Обводка» показано, как применять команду «Обводка» в Photoshop Elements.Этот видеоурок взят из нашего полного руководства по Photoshop Elements под названием «Освоение Photoshop Elements Made Easy v.2020».

Как добавить толстый контур к тексту в 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, но большинство из них требует визуализации текста.Вот техника для толстого контура, которая позволяет редактировать шрифт. Вы можете использовать эту технику для добавления контура к любому объекту или выделению, а не только к тексту.
Выберите инструмент Type Tool (вертикальный или горизонтальный, в зависимости от ситуации) и создайте текст.
Выбрав Type l ayer, выберите Stroke в меню fx .
Установите размер (в пикселях) с помощью ползунка или введите собственное значение.
Выберите Location для штриха:
Внутри означает, что обводка будет помещена внутри краев выделения.
Центр помещает обводку одинаково внутри и снаружи выделения.
Outside — обводка выполняется по внешнему краю выделения.
Режим наложения : Выбор здесь определяет, как цветная обводка будет взаимодействовать с цветами под обводкой.Это особенно эффективно, если текст размещен поверх изображения.
Непрозрачность устанавливает значение прозрачности обводки.
Щелкните один раз на цветовом чипе , чтобы открыть палитру цветов. Выберите цвет для обводки или выберите цвет из нижележащего изображения. Щелкните OK , чтобы применить свой цвет.
Выберите OK , чтобы добавить эффект в соответствии с вашими настройками.
В Photoshop 6 или более поздней версии эффект слоя Stroke — лучший способ добавить контуры к объектам .Добавление обводки к тексту — не лучшая практика, поскольку она делает текст более жирным и менее разборчивым. Это один из тех приемов, которые следует использовать только тогда, когда текст рассматривается как графический элемент. Даже тогда будьте осторожны.
Как быстро добавить толстый контур к тексту
Если у вас мало времени, вот простой способ, который занимает около 45 секунд.
Выберите инструмент Horizontal Type Mask Tool .
Щелкните один раз на холсте и введите свой текст.Холст станет розовым, а нижнее изображение или цвет будут видны по мере ввода.
Нажмите клавишу Command (macOS) или Control (Windows), появится ограничивающая рамка. Удерживая нажатой клавишу, вы можете изменять размер, искажать, перемещать или вращать текст.
Переключитесь на Move Tool , и текст появится как выделение. Оттуда вы можете добавить обводку к выделенной области.
Как вариант, вы можете использовать кисть Brush для выделения.
Создайте текстовый контур , используя один из двух показанных методов.
Выберите Window > Paths .
Выберите параметр Make Work Path в нижней части панели Paths . Это приведет к созданию нового пути с именем «Рабочий путь».
Выберите инструмент Brush Tool .
Откройте панель «Кисть», чтобы выбрать подходящую кисть.
Щелкните элемент цвета переднего плана в инструментах, чтобы открыть палитру и выбрать цвет для кисти.
На панели Paths с выбранным контуром щелкните один раз на контуре Stroke with brush (полый круг). Мазок кисти применяется к контуру.
Подсказки
Если вы редактируете текст, вам нужно будет удалить слой контура и воссоздать его.
Для более тонкого контура предпочтительнее использовать метод слоистых эффектов (см. Соответствующую информацию ниже).
Для рваного контура установите режим наложения слоя на Dissolve и уменьшите непрозрачность.
Для контура с градиентной заливкой нажмите , удерживая клавишу Ctrl, (Windows) или , удерживая клавишу Command, щелкните (macOS) на слое контура и залейте выделение градиентом.