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

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

  • автор:

Способы создания обводки или контура в Photoshop

Пользователи, начинающие познавать азы работы в растровом редакторе Adobe Photoshop задаются вопросом: как правильно сделать обводку текста или картинки в Фотошопе различными способами? Ведь без нее, частенько, общая картина изображения кажется незавершенной.

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

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

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

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

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

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

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

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

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

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

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

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

Результат работы

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

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

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

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

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

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

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

Результат работы

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

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

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

  1. Выделить объект с помощью инструмента «Волшебная палочка».Волшебная палочка
  2. Навести курсор на выделенную область и кликнуть по нему правой кнопкой мыши. В выпадающем меню кликнуть по пункту «Образовать рабочий контур».Образовать рабочий контур
  3. Перейти на вкладку «Контуры» в панели слоев.Вкладка Контур
  4. Настроить кисть, выбрав цвет, толщину и прозрачность. Именно таким будет контур.Настройки Кисти
  5. На вкладке «Контуры» кликнуть ПКМ и выбрать вариант «Выполнить обводку».Выполнить обводку
  6. После этого следует кликнуть по кнопке «Ок» и просмотреть результат.Посмотреть результат
  1. Выделить объект на изображении, на клавиатуре нажать «CTRL» и «, чтобы вынести его на отдельный слой.Выделение объекта
  2. Выбрать в меню «fx» пункт «Обводка».Делаем обводку
  3. Дальнейшая процедура уже знакома и описывалась ранее.Заканчиваем обводку

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

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

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

Обводка слоя в «Фотошопе»

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

обводка в фотошопе

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

  1. Выбрать слой.
  2. В пункте меню вкладки «Редактирование» выбрать «Выполнить обводку».

Откроется диалоговое окно, где нужно будет настроить параметры обводки и подтвердить команду нажатием кнопки «Да». Обводка в «Фотошопе» будет создана, соответствующий слой — обведен, его границы станут видны.

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

  • по границе слоя снаружи;
  • так, чтобы граница была ее центром;
  • по границе внутри.

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

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

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

Делаем обводку к любому слою в Photoshop Создаем обводку к любому слою в Photoshop Как сделать обводку в фотошопе Как сделать обводку в фотошопе

Простая обработка прямоугольных изображений

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

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

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

В статье как растянуть изображение я рассказывал почему лучше не копировать картинку при помощи Ctrl+C и вставлять (Ctrl+V), а перетаскивать его из папки в окно программы. Не буду повторяться. Именно этим способом я добавил фотографию набора micro SD и USB переходника с Aliexpress в заранее подготовленное окно.

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

Больше я ничего не делаю. Просто щелкаю по этому слою в меню справа, чтобы сделать его активным. Далее, в панели чуть ниже перехожу к инструменту «Добавить стиль слоя» и нахожу обводку среди инструментов.

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

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

Другое диалоговое окно «Обводка»

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

Это же окно со стилями вызывается нажатием кнопки «Добавить стиль слоя» в окне «Слои».

обводка текста

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

Для этого пройдите в меню «Редактирование», далее – «Клавиатурные сокращения», найдите по одному из указанных выше путей по пунктам меню и задайте удобную для вас комбинацию.

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

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

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

Создать объект

Создаем слой

Модификация

Выбор заливки

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

Обводка по контуру

Как сделать обводку в «Фотошопе?» Второй способ — это создание контура и его прорисовка.

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

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

контур в фотошопе

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

Обратите внимание на то, что обводка в этом случае будет размещена на указанном вами слое, в том числе новом.

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

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

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

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

Обводка при помощи стилей слоя

Для начала создадим новый документ (Файл-Создать (File-New)) и добавим в него какой-либо объект, к которому нужно добавить обводку. Например, фигуру с сердечком:

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

В панели слоев делаем активным слой с сердечком и щелкаем по нему два раза левой кнопкой мыши. Это действие откроет окно стилей слоя (Layer Style):

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

Ставим галочку у параметра Выполнить обводку (Stroke) и переходим в меню настроек.

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

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

В параметре Тип обводки из выпадающего списка можно выбрать три варианта обводки – Цвет, Градиент, Узор. Если вы выберете один из двух последних вариантов (Градиент или Узор) дополнительно сможете выбрать стиль градиента или узора.

Для примера я выбрала тип обводки градиент и радужный градиент.

Окно стилей слоя с настройками:

Фигура с обводкой:

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

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

Обводка при помощи меню Редактирование

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

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

Поверх слоя с объектом создайте новый слой. Слои-Новый-Слой (Layer-New-Layer) или нажмите на миниатюру создания нового слоя в панели слоев. Этот шаг необязателен, мы можем применить обводку к самому растрированному слою, только тогда изменения станут необратимыми и, если мы захотим изменить или вовсе убрать обводку, не будет возможности этого сделать, придется либо отменять шаги, либо вырезать обводку вместе с «куском» объекта.

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

Переходим в меню Редактирование-Выполнить обводку (Edit–Stroke), появится такое окошко с настройками:

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

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

После применения настроек снимите выделение, перейдя в Выделение-Отменить выделение (Select-Deselect) или нажав сочетание горячих клавиш Ctrl + D.

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

Вот мы и узнали, как сделать обводку в фотошопе. Надеюсь, урок был вам полезен.

Если вы нашли ошибку/опечатку, пожалуйста, выделите фрагмент текста и нажмите Ctrl+Enter.

Обводка текста по контуру

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

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

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

Создадим контур в Adobe Photoshop тремя способами

Растрирование текста

  1. В палитре «Слои» кликаем правой кнопкой мыши по слою с текстом. В выпадающем меню выбираем строку «Растрировать текст».

Как сделать контур в Photoshop

  1. Нажав кнопку «Ctrl», кликаем по иконке текстового слоя. В результате у текста появилась обводка пунктирной линией.
  2. Затем переходим в меню «Выделение» и находим там строку «Модификация». Далее выбираем «Сжатие». Устанавливаем числовое значения сжатия равное «5».

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

Посмотрите, как трансформировалось наше выделение.

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

  1. Теперь избавимся от заливки внутри выделения, нажав Del. В конце не забудьте нажать Ctrl+D и убрать выделение.

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

Заливка

Первые этапы в данном способе такие же, как в предыдущем.

  1. Снова напишем «Photoshop». Кликнем по иконке слоя, не забыв при этом нажать «Ctrl». Выполним сжатие слоя через меню «Выделение» – «Модификация».
  2. Создадим новый слой – в палитре «Слои» кликаем по иконке «Создать новый слой».

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

  1. После этого в меню «Редактирование» выбираем «Выполнить заливку». В строке «Содержание» устанавливаем режим «Цвет». В окне «Палитра цветов» выбираем цвет белый.

Обратите внимание! Быстро найти чисто-белый цвет в палитре можно, набрав в строке цифрового значения цвета #ffffff.

Как сделать контур в Photoshop

  1. Нажимаем «ОК». И получаем точно такой же результат, как в первом способе.

Стили слоя

  1. Дважды кликнем левой кнопкой мыши по слою с текстом.

Обратите внимание! Кликнуть нужно по самой строке, а не по иконке слоя.

  1. Появляется окно «Стили слоя». Здесь нас интересует параметр «Выполнить обводку». Ставим «галочку» в данной строке и делаем настройки:
  • устанавливаем размер – это толщина обводки нашего будущего контура;
  • положение – «Снаружи»;
  • цвет возьмём красный.

Чтобы выбрать цвет, щёлкните по цветовому окошку и в «Палитре цветов» выберете нужный.

Вопрос: Что такое обводка в Photoshop?

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

Где штрих в фотошопе?

Чтобы обвести выделение, выполните следующие действия:

  1. На панели «Инструменты» или «Цвета» выберите цвет переднего плана и сделайте выбор по вашему выбору.
  2. Выберите «Правка» → «Штрих».
  3. В диалоговом окне «Обводка» настройте параметры и параметры. Ширина: можно выбрать от 1 до 250 пикселей. …
  4. Нажмите OK, чтобы применить обводку.

Что такое заливка и обводка в Photoshop?

Заливка — это цвет, заключенный в контур. Обводка — это цветная линия, которая точно следует траектории. … Цвет здесь — расплывчатый термин; это может означать сплошной цвет, узор или (в случае заливки) градиент. На рис. 5-1 вы можете увидеть множество контуров с различными обводками и заливками, примененными к ним.

Что делает инструмент обводки?

Обводка (контур) объектов на слое

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

Как добавить обводку к фотографии?

Выберите «Файл» > «Поместить» и выберите изображение для размещения в документе Illustrator. Изображение выбрано. Откройте панель «Внешний вид» и во всплывающем меню панели «Внешний вид» выберите «Добавить новую обводку». Выделив обводку на панели «Внешний вид», выберите «Эффект» > «Путь» > «Контурный объект».

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

В качестве альтернативного способа вырезания обводки (только с одним контуром, формирующим форму), применимым (почти) независимо от версии, будет выбор пути и Ctrl/Cmd+C+F, а затем удаление обводки на оригинале и удаление заливку на копии, затем обрежьте последнюю по желанию и удалите ненужную часть.

Какого цвета обводка?

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

В чем разница между обводкой и цветом заливки?

Обводка — это рисование линий, Заливка — «раскрашивание» (за неимением лучшего термина). Таким образом, в случае формы (например, круга) обводка — это граница (окружность), а заливка — это тело (внутренняя часть). Stroke рисует только объекты на границе контура. Fill только рисует вещи внутри пути.

Что такое штрих заполнения?

Объекты в Illustrator имеют два вида цветов: цвет заливки и цвет обводки. Заливка — это то, чем окрашена внутренняя часть объекта, а обводка — это то, чем окрашен контур объекта.

Как превратить штрих в путь?

Удерживая нажатой клавишу «Alt» (Windows) или «Option» (Mac OS), нажмите кнопку «Путь обводки» в нижней части панели «Контуры». Перетащите, удерживая нажатой клавишу «Alt» (Windows) или «Option» (Mac OS), путь к кнопке «Путь обводки». Выберите «Путь обводки» в меню панели «Контуры». Если выбранный путь является компонентом пути, эта команда изменяется на Stroke Subpath.

Почему моя траектория гребка не работает?

Параметры обводки пути выделены серым цветом, потому что у вас не выбран слой, он не имеет ничего общего с какими-либо параметрами, настройками или предпочтениями.

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

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

Как редактировать контуры в Photoshop?

Выберите путь, который вы хотите изменить. Выберите инструмент «Преобразовать точку» или используйте инструмент «Перо» и удерживайте нажатой клавишу «Alt» (Windows) или «Option» (Mac OS). Примечание. Чтобы активировать инструмент «Преобразовать точку», когда выбран инструмент «Частичное выделение», наведите указатель на узловую точку и нажмите Ctrl+Alt (Windows) или Command+Option (Mac OS).

Как скрыть контуры в Photoshop?

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

4 простых способа сделать обводку в Photoshop

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

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

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

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

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

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

Обводка. Что это такое и зачем она нужна?

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

По своей сути, обводка – это внешние линии, которые проходят по контуру нужного вам объекта. Они могут иметь несколько типов, давайте их вкратце рассмотрим.

Название типа Описание Назначение
Цвет Линии границы одного цвета Самый обычный тип. Используется для обычного выделения
Градиент Контур с переходящим цветом по вектору градиента Более интересный вариант, больше подходит для оформления.
Узор Граница с наложением узора Аналогично предыдущему больше подходит для украшения объекта.

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

Рассмотрение будет вестись на самой последней версии Photoshop CC 2020, но в данной функции различий не будет и на более ранних версиях, поэтому вы сможете применить эти знания на фотошопе cs5, cs6 и на более ранних.

Приступаем к непосредственному разбору!

Более детально тема Фотошоп раскрыта в данном курсе. Здесь вас научат с нуля разбираться в данном редакторе и плюс сможете с этими знаниями хорошо зарабатывать.

Делаем обводку к любому слою в Photoshop

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

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

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

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

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

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

После добавления текста, он отобразится в панели слоёв в правой нижней части экрана. Откройте вкладку «слои», если она у вас не открыта и нажмите два раза левой клавишей мыши на наш новый текстовый слой, либо правой кнопкой и из выпадающего списка выбирайте пункт «Параметры наложения» («Blending options» в англоязычной версии).

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

В появившемся окне настроек нам необходим пункт «выполнить обводку» («Stroke» в английской версии). Убедитесь, что галочка слева от пункта установлена.

Делаем обводку к любому слою в Photoshop

Сейчас я расскажу про имеющиеся здесь настройки:

  • Размер – регулирует толщину линии обводки
  • Положение – внутри, снаружи, из центра. Соответственно, устанавливает положение обводки и в какую сторону она будет утолщаться при изменении размера
  • Режим наложения – очень много вариантов режимов наложения цвета или узора. Попробуйте выбрать разные, чтобы наглядно увидеть разницу.
  • Непрозрачность – ползунок регулирует прозрачность линии обводки
  • Тип обводки – то, что мы рассматривали в начале статьи в таблице.
  • Цвет – комментарии излишни.

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

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

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

Ищите примерно так: «pat текстура скачать»

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

Создаем обводку к любому слою в Photoshop

После этого останется лишь выбрать его в меню, и он наложится на линии вашего объекта.

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

Цвет

Обводка в виде цвета

Градиент

Обводка в виде градиента

Узор

Обводка в виде узора

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

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

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

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

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

Заключение

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

Понравилась статья? Обязательно порекомендуйте её друзьям и оставьте свой комментарий! Ваша поддержка очень важна для блога!

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

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *