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

Заливка и обводка выделенных областей, слоев и контуров

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

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

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

Инструмент «Быстрая заливка» объединен с инструментом «Градиент» в панели инструментов. Если не удается найти инструмент «Быстрая заливка», нажмите и удерживайте в нажатом положении инструмент «Градиент», чтобы получить к нему доступ.

Укажите режим наложения и непрозрачность для краски. (См. раздел Режимы наложения.)

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

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

Заливка выделенной области или слоя цветом

«Основной цвет», «Фоновый цвет», «Черный», «50 % серого» или «Белый»

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

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

Выполняется заливка цветом, выбранным в окне «Палитра цветов».

Укажите режим наложения и непрозрачность для краски. (См. раздел Режимы наложения.)

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

Использование заливки с учетом содержимого, заливки узором и заливки от истории

На слое фона нажмите клавишу Delete или Backspace, чтобы быстро получить доступ к диалоговому окну «Заливка».

С учетом содержимого

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

Заливка с учетом содержимого совмещает подобные элементы изображения на случайной основе. Если результат вас не устраивает, выберите «Редактирование» > «Отменить», а затем примените другую заливку с учетом содержимого.

(Включено по умолчанию) Алгоритмически смешивает цвет заливки с окружающим цветом

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

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

Если узор затемнен, сначала необходимо загрузить библиотеку узоров и только потом делать выбор. (См. раздел Управление библиотеками узоров и наборами.)

Восстанавливает исходное состояние выделенной области или снимок экрана, выбранный на панели «История».

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

Заливка рабочего холста

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

Щелкните правой кнопкой по рабочему холсту и выберите «Серый», «Черный» или «Заказной». (Чтобы определить заказной цвет, выберите «Выбор иного цвета».)

Обводка выделенной области или слоя цветом

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

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

Источник

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

В этом уроке я расскажу вам, как использовать функцию Stroke Path (Обводка контура). Это очень важно знать, так как на практике данная функция используется довольно часто. Обводка контура используется для создания различных текстовых эффектов, рамок, контурных эффектов и прочее.

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

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

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

Как выполнить обводку контура в фотошопе. Смотреть фото Как выполнить обводку контура в фотошопе. Смотреть картинку Как выполнить обводку контура в фотошопе. Картинка про Как выполнить обводку контура в фотошопе. Фото Как выполнить обводку контура в фотошопе

Создание нового слоя

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

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

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

Как выполнить обводку контура в фотошопе. Смотреть фото Как выполнить обводку контура в фотошопе. Смотреть картинку Как выполнить обводку контура в фотошопе. Картинка про Как выполнить обводку контура в фотошопе. Фото Как выполнить обводку контура в фотошопе

Возьмите инструмент в виде черной стрелочки Path Selection Tool (Выделение контура) и кликните правой кнопкой мыши по контуру. Из меню выберите Выполнить обводку контура и в появившемся окне установите Кисть (которая должна быть установлена по умолчанию).

Как выполнить обводку контура в фотошопе. Смотреть фото Как выполнить обводку контура в фотошопе. Смотреть картинку Как выполнить обводку контура в фотошопе. Картинка про Как выполнить обводку контура в фотошопе. Фото Как выполнить обводку контура в фотошопе

Для удаления контура, нажмите клавишу Bacspace или кликните правой кнопкой мыши по контуру и выберите Удалить контур. Вы увидите результат.

Как выполнить обводку контура в фотошопе. Смотреть фото Как выполнить обводку контура в фотошопе. Смотреть картинку Как выполнить обводку контура в фотошопе. Картинка про Как выполнить обводку контура в фотошопе. Фото Как выполнить обводку контура в фотошопе

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

Как выполнить обводку контура в фотошопе. Смотреть фото Как выполнить обводку контура в фотошопе. Смотреть картинку Как выполнить обводку контура в фотошопе. Картинка про Как выполнить обводку контура в фотошопе. Фото Как выполнить обводку контура в фотошопе

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

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

Источник

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

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

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

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

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

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

Как выполнить обводку контура в фотошопе. Смотреть фото Как выполнить обводку контура в фотошопе. Смотреть картинку Как выполнить обводку контура в фотошопе. Картинка про Как выполнить обводку контура в фотошопе. Фото Как выполнить обводку контура в фотошопе

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

Как выполнить обводку контура в фотошопе. Смотреть фото Как выполнить обводку контура в фотошопе. Смотреть картинку Как выполнить обводку контура в фотошопе. Картинка про Как выполнить обводку контура в фотошопе. Фото Как выполнить обводку контура в фотошопе

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

Как выполнить обводку контура в фотошопе. Смотреть фото Как выполнить обводку контура в фотошопе. Смотреть картинку Как выполнить обводку контура в фотошопе. Картинка про Как выполнить обводку контура в фотошопе. Фото Как выполнить обводку контура в фотошопе

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

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

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

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

Как выполнить обводку контура в фотошопе. Смотреть фото Как выполнить обводку контура в фотошопе. Смотреть картинку Как выполнить обводку контура в фотошопе. Картинка про Как выполнить обводку контура в фотошопе. Фото Как выполнить обводку контура в фотошопе

Как выполнить обводку контура в фотошопе. Смотреть фото Как выполнить обводку контура в фотошопе. Смотреть картинку Как выполнить обводку контура в фотошопе. Картинка про Как выполнить обводку контура в фотошопе. Фото Как выполнить обводку контура в фотошопе

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

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

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

Как выполнить обводку контура в фотошопе. Смотреть фото Как выполнить обводку контура в фотошопе. Смотреть картинку Как выполнить обводку контура в фотошопе. Картинка про Как выполнить обводку контура в фотошопе. Фото Как выполнить обводку контура в фотошопе

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

Как выполнить обводку контура в фотошопе. Смотреть фото Как выполнить обводку контура в фотошопе. Смотреть картинку Как выполнить обводку контура в фотошопе. Картинка про Как выполнить обводку контура в фотошопе. Фото Как выполнить обводку контура в фотошопе

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

Как выполнить обводку контура в фотошопе. Смотреть фото Как выполнить обводку контура в фотошопе. Смотреть картинку Как выполнить обводку контура в фотошопе. Картинка про Как выполнить обводку контура в фотошопе. Фото Как выполнить обводку контура в фотошопе

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

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

Как выполнить обводку контура в фотошопе. Смотреть фото Как выполнить обводку контура в фотошопе. Смотреть картинку Как выполнить обводку контура в фотошопе. Картинка про Как выполнить обводку контура в фотошопе. Фото Как выполнить обводку контура в фотошопе

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

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

Источник

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

В сегодняшнем уроке Photoshop для начинающих я расскажу, как использовать функцию обводки контура (Stroke Path), которая позволяет создавать различные виды обводок у контуров, фигур и текста с помощью Кисти (Brush Tool) и некоторых других инструментов.

Эта функция незаменима при создании различных текстовых эффектов, рамок и бордюров, эскизов и т.д. Чтобы эффективно использовать данную функцию, надо понимать, что для обводки можно использовать не только инструмент Кисть, но и другие инструменты рисования, например, «Ластик» (Eraser Tool), «Размытие» (Blur tool), «Резкость» (Sharpen Tool) и т.д.
Кроме того, обводку контура не обязательно применять непосредственно к слою, её можно применить к слой-маске, тем самым, закрыв или отрыв область изображения по форме контура.

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

Вот пример текста, преобразованного в контур и обведённого кистью по методу, о котором рассказано в данном уроке:

Как выполнить обводку контура в фотошопе. Смотреть фото Как выполнить обводку контура в фотошопе. Смотреть картинку Как выполнить обводку контура в фотошопе. Картинка про Как выполнить обводку контура в фотошопе. Фото Как выполнить обводку контура в фотошопе

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

Я создал простой прямоугольник со скруглёнными углами с помощью одноимённого инструмента:

Как выполнить обводку контура в фотошопе. Смотреть фото Как выполнить обводку контура в фотошопе. Смотреть картинку Как выполнить обводку контура в фотошопе. Картинка про Как выполнить обводку контура в фотошопе. Фото Как выполнить обводку контура в фотошопе

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

Я использую круглую кисть с такими настройками:

Как выполнить обводку контура в фотошопе. Смотреть фото Как выполнить обводку контура в фотошопе. Смотреть картинку Как выполнить обводку контура в фотошопе. Картинка про Как выполнить обводку контура в фотошопе. Фото Как выполнить обводку контура в фотошопе

После того, как мы настроили кисть, снова берём инструмент контура, кликаем правой клавишей мыши внутри контура и в открывшемся контекстном меню нажимаем на пункт «Выполнить обводку контура» (Stroke Path). Открывается новое диалоговое окно, где в раскрывающемся списке выбираем «Кисть»

Как выполнить обводку контура в фотошопе. Смотреть фото Как выполнить обводку контура в фотошопе. Смотреть картинку Как выполнить обводку контура в фотошопе. Картинка про Как выполнить обводку контура в фотошопе. Фото Как выполнить обводку контура в фотошопе

Как выполнить обводку контура в фотошопе. Смотреть фото Как выполнить обводку контура в фотошопе. Смотреть картинку Как выполнить обводку контура в фотошопе. Картинка про Как выполнить обводку контура в фотошопе. Фото Как выполнить обводку контура в фотошопе

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

Как выполнить обводку контура в фотошопе. Смотреть фото Как выполнить обводку контура в фотошопе. Смотреть картинку Как выполнить обводку контура в фотошопе. Картинка про Как выполнить обводку контура в фотошопе. Фото Как выполнить обводку контура в фотошопе

Как выполнить обводку контура в фотошопе. Смотреть фото Как выполнить обводку контура в фотошопе. Смотреть картинку Как выполнить обводку контура в фотошопе. Картинка про Как выполнить обводку контура в фотошопе. Фото Как выполнить обводку контура в фотошопе

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

Как выполнить обводку контура в фотошопе. Смотреть фото Как выполнить обводку контура в фотошопе. Смотреть картинку Как выполнить обводку контура в фотошопе. Картинка про Как выполнить обводку контура в фотошопе. Фото Как выполнить обводку контура в фотошопе

Итак, я отменяю обводку (Ctrl+Alt+Z), создаю к слою слой-маску и заново применяю обводку, да, ещё я убрал у кисти интервалы.

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

Как выполнить обводку контура в фотошопе. Смотреть фото Как выполнить обводку контура в фотошопе. Смотреть картинку Как выполнить обводку контура в фотошопе. Картинка про Как выполнить обводку контура в фотошопе. Фото Как выполнить обводку контура в фотошопе

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

Как выполнить обводку контура в фотошопе. Смотреть фото Как выполнить обводку контура в фотошопе. Смотреть картинку Как выполнить обводку контура в фотошопе. Картинка про Как выполнить обводку контура в фотошопе. Фото Как выполнить обводку контура в фотошопе

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

Источник

Заливки и обводки

Инструмент «Заливка» выполняет заливку области, близкой по цвету к пикселям, которые вы щелкаете. Область можно также залить фоновым цветом или узором.

Чтобы заливка не заполняла прозрачные области слоя, закрепите прозрачность слоя на панели «Слои».

По желанию можно задать следующие параметры инструмента «Заливка»:

Устанавливает основной цвет (Раскрасить) или оформление узора (Узор) в качестве заливки.

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

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

Задает режим смешивания применяемого цвета обводки с имеющимися пикселями в изображении.

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

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

Сглаживает края выделенной области заливки.

Заливка слоя цветом или узором

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

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

Задает узор для использования при выборе «Узор» в меню «Использовать». Можно использовать узоры из библиотеки узоров или создать свои личные узоры.

Задает режим смешивания цветного узора с имеющимися пикселями в изображении.

Задает непрозрачность применяемого цветного узора.

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

Источник

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

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