Фотошоп рабочий контур обвести кистью
Как быстро и просто сделать обводку в фотошопе
Сделать обводку в фотошопе можно двумя способами: при помощи стилей слоя и через меню Редактирование (Edit). В этом уроке мы рассмотрим оба способа.
Первый способ, с использованием стилей слоя, применяется быстрее (для его добавления достаточно дважды щелкнуть по слою) и имеет широчайшую гамму настроек, благодаря которым вы можете кардинально изменить обводку, выбрав её цвет, расположение, непрозрачность и п.
Во втором способе некоторые настройки дублированы, но главным преимуществом второго способа является возможность удаления его в любой момент, не испортив при этом сам объект.
Обводка при помощи стилей слоя
Для начала создадим новый документ (Файл-Создать (File-New)) и добавим в него какой-либо объект, к которому нужно добавить обводку. Например, фигуру с сердечком:
В панели слоев делаем активным слой с сердечком и щелкаем по нему два раза левой кнопкой мыши. Это действие откроет окно стилей слоя (Layer Style):
Ставим галочку у параметра Выполнить обводку (Stroke) и переходим в меню настроек.
Тут вы можете выбрать цвет, размер, прозрачность, положение и режим наложения обводки.
В параметре Тип обводки из выпадающего списка можно выбрать три варианта обводки – Цвет, Градиент, Узор. Если вы выберете один из двух последних вариантов (Градиент или Узор) дополнительно сможете выбрать стиль градиента или узора.
Для примера я выбрала тип обводки градиент и радужный градиент.
Окно стилей слоя с настройками:
Фигура с обводкой:
При помощи стилей слоя можно добавить обводку любому объекту, благодаря множеству гибких настроек этот способ является лучшим, но справедливости ради рассмотрим и второй.
Обводка при помощи меню Редактирование
Растрируем слой с фигурой (ПКМ по слою-Растрировать слой). Отключим глазок стилей слоя в панели слоев и активируем выделение слоя с объектом, щелкнув с зажатой клавишей Ctrl по миниатюре слоя:
Поверх слоя с объектом создайте новый слой. Слои-Новый-Слой (Layer-New-Layer) или нажмите на миниатюру создания нового слоя в панели слоев. Этот шаг необязателен, мы можем применить обводку к самому растрированному слою, только тогда изменения станут необратимыми и, если мы захотим изменить или вовсе убрать обводку, не будет возможности этого сделать, придется либо отменять шаги, либо вырезать обводку вместе с «куском» объекта.
Переходим в меню Редактирование-Выполнить обводку (Edit–Stroke), появится такое окошко с настройками:
Тут вы тоже можете выбрать размер (ширину) обводки, расположение, режим наложения и непрозрачность.
После применения настроек снимите выделение, перейдя в Выделение-Отменить выделение (Select-Deselect) или нажав сочетание горячих клавиш Ctrl + D.
Вот мы и узнали, как сделать обводку в фотошопе. Надеюсь, урок был вам полезен.
Как сделать контур текста в фотошопе?
Всем доброго дня! В этом уроке мы разберем такой эффект для текста, как создание для него контура или обводки. Начинаем с того, что открываем программу и создаем в ней новый документ.
Размер документа и фон выбираете любой, в зависимости от того, какой вам нужен. В этом уроке использованы такие параметры как ширина в 577 пикселей, высота – 412 пикселей. Затем дважды щелкаем по фону, что бы разблокировать его и работать с текстом.
Название слоя с «фон» переименуется в «слой 0», исчезнет значок замка. Значит можно работать. Выбираем цвет текста и пишем его (ТЕКСТ).
Затем создаем копию этого слоя. Нажимаем правой кнопкой и в открывшемся меню выбираем «создать дубликат слоя».
Дважды щелкаем по копии слоя. Появится окно свойств слоя, где выбираем пункт «обводка«. В параметрах выбираем все показанные на рисунке варианты. Т.е, ставим размер обводки, положение, режим наложения, непрозрачность, выбираем цвет. Методом эксперимента подбираем нужное и после жмем ОК.
Получился черный текст в красном контуре. В принципе работа закончена. Но, можно оставить только красный контур текста. Для этого устанавливаем в качестве основного цвета белый. В результате черный цвет букв изменится на белый.
Текст приобрел контурность. Таким образом можно сделать текст любого цвета. Но обводка будет только линейной или градиентной. А если мы хотим сделать что-то более красивое? Здесь поступаем несколько иным способом.
Зажимаем клавишу CTRL и кликаем по миниатюре слоя с текстом, в результате получим выделение текста.
Оно будет видно в виде плавающей пунктирной линии вокруг букв. Теперь необходимо будет сделать толстую обводку со скругленными краями. Для этого выбираем в меню «Выделение» раздел «Модификация – Расширить».
В открывшемся окне ставим размер к примеру в 10 пикселей.
В результате получаем такое выделение:
Выделение отодвинулось от текста на заданное значение. Если оно не устраивает, можно изменить пиксели. Но при этом выбираем уже не «расширить«, а «сжать» и ставим размер для сжатия.
Затем проверяем, что на панели инструментов активен инструмент «выделение«. В принципе, он будет уже активным по умолчанию, поскольку вы работаете с выделением. На верхней панели находим пункт «уточнить край».
В разных версиях фотошопа этот пункт может выглядеть по разному. Нажимаем на него. Откроется окно, где изменяем параметр «сгладить«. Значение ставим примерно около 60.
После этого создаем новый слой, нажав на соответствующую иконку в нижней части палитры слоев.
Читать еще: Измерение силы мышц кисти 
Далее, работаем с этим новым слоем. Нажимаем сочетание клавиш SHIFT+F5. Откроется окно «заполнить». Здесь выбираем параметр «использовать» и в выплывающем меню – «цвет…». Откроется новое окно палитры цветов, где выбираем нужный цвет. Например, серый.
Жмем ОК и получаем такую вот заливку: 
Далее, снимаем выделение. Для этого мышкой, на которой установлен инструмент «выделение«, кликаем в любом месте документа. Выделение пропадет. Затем слой с обводкой помещаем под слой с текстом. В результате черный текст окажется видимым и расположенным на сером фоне. 
Выделяем слой с обводкой (он теперь под слоем с текстом) и дважды кликаем по нему. Появится окно свойств слоя. Кликаем по центру полоски «градиент» и появится новое окно, где выбираем нужный стиль или создаем свой из палитры цветов. Например, такой, как показан на рисунке.
В окне стилей ставим «зеркальный» и отмечаем галочку в поле «инверсия». Жмем ОК.
Теперь выделяем слой текст и прозрачность заливки устанавливаем на 0.
Затем дважды щелкаем по слою и вызываем окно свойств слоя. Ставим настройки или как на рисунке, или устанавливаем свои. Все зависит от изначального текста, цвета и пр.
В результате получаем результат, как показано ниже. Я на этапе расширения выделения поставил несколько большое значение. Для текста его лучше делать несколько меньше. Вообще, этот вариант хорош для создания красивой обводки отдельным буквам.
Примерно так. Если поэкспериментировать, можно получить совершенно различные варианты. Удачи!
Обводка в “Фотошопе”: как ее сделать и настроить
При обработке и создании в графической программе изображений с надписями и без них часто бывает необходимо выделить границы объектов, отделить их от фона либо просто нарисовать контур. Для всего этого можно использовать в «Фотошопе» обводку или рисование кистью по контуру. Тому, как это сделать, посвящена эта статья.
Два способа создания обводки
Существует два пути того, как сделать обводку в «Фотошопе»: выделение границ слоя при помощи одного из специально предусмотренных эффектов и обрисовывание векторного контура. Первый способ чаще применяется для визуального подчеркивания границ объектов и для отделения их от фона (чаще всего это необходимо, например, для того чтобы выделить текст на пестром фоне). Второй способ больше используется для рисования, особенно при создании четких геометрических фигур.
Обводка слоя в «Фотошопе»
Под обводкой в «Фотошопе», прежде всего, понимается эффект слоя. Этим слоем может быть либо изображение, либо его фрагмент, либо буквы, написанные инструментом «Текст».
Для того чтобы применить этот эффект обводки слоя, нужно сделать следующее.
- Выбрать слой.
- В пункте меню вкладки «Редактирование» выбрать «Выполнить обводку».
Откроется диалоговое окно, где нужно будет настроить параметры обводки и подтвердить команду нажатием кнопки «Да». Обводка в «Фотошопе» будет создана, соответствующий слой – обведен, его границы станут видны.
Параметры обводки легко регулируются, и возможностей здесь довольно много. Это и корректировка толщины линии, и выбор цвета, и настройка того, где должна проходить линия:
- по границе слоя снаружи;
- так, чтобы граница была ее центром;
- по границе внутри.
Также можно настроить режим – как у любой заливки (цвет, узор либо градиент). Путем сочетания этих и других инструментов программы легко добиться самых разных эффектов.
Прекрасной возможностью такого способа обводки является то, что в дальнейшем ее параметры все также можно регулировать, поэтому к такому эффекту слоя можно возвращаться по мере того, как изменяется изображение в целом. Допустим, если цвет фона вы решили осветлить, и обводка перестала гармонировать с ним, ее можно откорректировать и донастроить.
Второй его плюс в том, что этот эффект можно копировать и применять к другим слоям или другим изображениям либо на его основе создавать новые.
Другое диалоговое окно «Обводка»
Второй способ сделать обводку слоя – это выбрать пункт меню «Слой», а далее – «Стиль слоя». Откроется окно, где будут видны все параметры, которые можно задать стилю слоя. Среди них нужно выбрать «Обводку».
Это же окно со стилями вызывается нажатием кнопки «Добавить стиль слоя» в окне «Слои».
Вызывать это общее окно со стилями через меню, разумеется, не совсем удобно, и если вы используете обводку часто, то для динамичности работы следует задать данному окну комбинацию клавиш.
Для этого пройдите в меню «Редактирование», далее – «Клавиатурные сокращения», найдите по одному из указанных выше путей по пунктам меню и задайте удобную для вас комбинацию.
Смысл существования двух диалоговых окон «Обводка»
Два альтернативных окна для создания эффекта слоя аналогичны друг другу, поэтому многие уверены в том, что работают с одним и тем же инструментом. Однако это заблуждение. Дело в том, что это разные окна, создающие разные обводки, и именно при помощи совмещения этих двух команд можно прорисовать два регулируемых контура вокруг одного и того же слоя. Особенно часто это требуется для обводки текста.
Обводка по контуру
Как сделать обводку в «Фотошопе?» Второй способ – это создание контура и его прорисовка.
Под контуром в «Фотошопе» подразумевается векторная линия, которая задает направление движения кисти. То есть обводка в данном случае – это рисование выбранной кистью по заданной траектории.
Читать еще: Кисть герб россии фотошопПри помощи инструмента «Выделение», «Лассо» или “Волшебная палочка” выделите фрагмент изображения, который нужно обвести. Через пункт меню «Окно» вызовите «Контуры». В этом окне найдите кнопку «Сделать из выделенной области рабочий контур». На панели «Инструменты» выберите инструмент «Кисть», задайте его параметры (форму, цвет и т. д.). Затем в окне «Контуры» нажмите кнопку «Выполнить обводку контура кистью». Выделенная вами ранее область будет обведена. После этого удалите контур.
Таким образом, для обводки по контуру не нужно создавать новый слой, достаточно определить стимулирующую линию, по которой программа прорисует выбранной вами кистью.
Обратите внимание на то, что обводка в этом случае будет размещена на указанном вами слое, в том числе новом.
Обводка текста по контуру
Возможности настройки инструмента «Кисть» в «Фотошопе» очень богатые, ведь можно регулировать интервалы, текстуру, динамику формы и цвета и т.д. При этом от рисования вручную эта линия будет отличаться максимальной точностью, и времени данный процесс займет гораздо меньше.
Для обводки текста его слой нужно сначала выделить, а затем преобразовать – как обычную область выделения – в контур. После создания нового слоя можно экспериментировать и рисовать по линии любой кистью с любыми настройками. Не забывайте, что в художественных целях к получившейся обводке, как к обычному слою, можно применять различные эффекты, размещать его над или под текстом, менять его прозрачность и т. д.
Описанные выше два способа обводки не взаимозаменяют, а взаимодополняют друг друга. Преимущество первого в том, что линию можно регулировать и затем возвращаться к регулировке, а также копировать и применять к другим слоям, в том числе в других файлах. Преимущество второго – в том, что обводка в «Фотошопе» будет выглядеть более художественно, так как в выборе кистей нет никаких ограничений.
Paths (Контуры)
Контуры — векторные объекты в Фотошоп.
Контуры используются:
- для профессионального выделения гладких объектов;
- для передачи в программы верстки контуров объектов;
- для заливки и обводки по сложной траектории.
Способы создания контуров:
- наиболее точный — инструментом Pen (Перо);
- векторными инструментами группы Shapes (Фигуры);
- экспорт из векторной программы Adobe Illustrator;
- создание контура из выделения (неточна, требует корректировки).
Инструменты для создания и редактирования векторных контуров:
Использование инструмента Pen (Перо)
Создание прямых контуров
Инструмент Pen (Перо) служит для создания контуров — прямых и кривых линий — с высокой степенью точности.
Берем инструмент Pen (Перо), выбираем режим работы Paths (Контуры).
Прямой контур создается простыми щелчками инструментом по документу.
Щелкаем Пером в точке 1, затем в точке 2. Между точками образуется прямая линия.
Чтобы закончить построение контура, нужно, удерживая Ctrl, кликнуть в любое место документа.
Для построения строго горизонтальных или вертикальных линий следует удерживать Shift.
Теперь построим замкнутый контур. При замыкании контура у инструмента Перо появляется кружок.
Заливка и обводка контуров
В окне Paths (Контуры) у нас создался Work Path (Рабочий контур). Он состоит из всех контуров, которые построили в одном файле.
Контуры можно заполнять цветом или обводить. Перед этим необходимо выделить контур, т. е. чтобы позиция контура в палитре Paths (Контуры) была активна.
Выполним команду Stroke Paths (Обвести контур), для этого кликаем на контуре правую кнопку мыши или жмем соответствующую кнопку на палитре контуров.
В открывшемся окне выбираем Brush (Кисть). Контур обведется кистью, которая была выбрана на этот момент. Поэтому если нужна определенная обводка, следует предварительно настроить кисть.
Для заливки контура также необходимо, чтобы контур был активен. Кликаем правой кнопкой мыши на контуре и выбираем Fill Path (Залить контур) или жмем соответствующую кнопку на палитре контуров.
Создание кривых
Для создания кривых инструментом Перо нужно щелкнуть мышью и, не отпуская кнопку мыши, протянуть курсор в сторону задания направления. Когда мы нажимаем кнопку мыши и начинаем перемещать мышь в первый раз, мы ставим начальную точку для будущего контура, а также задаем направление и величину кривой.
Итак: ставим первую точку, не отпуская мышь, тянем ее вверх; ставим вторую точку, не отпуская мышь, тянем ее вниз; ставим третью точку, не отпуская мышь, тянем ее вверх.
Основные элементы кривых
Контур состоит из одного или нескольких сегментов. Начало и конец каждого сегмента называются опорными точками. Перемещение опорных точек приводит к модификации сегментов контура и изменению его формы.
При выделении опорной точки сегмента появляются одна или две управляющие линии, которые заканчиваются управляющими точками. Расположение этих линий и точек определяет длину и форму сегмента, а их перемещение приводит к изменению контура.
Для настройки контуров используется инструмент Direct Selection (Стрелка). Инструмент выделяет отдельные опорные точки или сегменты контура; при этом показываются все управляющие линии контура. Если мы переместим управляющие линии за управляющие точки, увеличится и кривизна сегмента.
Типы опорных точек
Существует два типа опорных точек: гладкая и угловая.
Если в опорной точке управляющие линии двух независимых, рядом стоящих сегментов лежат на одной прямой в связке, такая опорная точка называется гладкой. Если такой связи нет — угловой.
Редактирование кривых
Инструменты для работы с кривыми
Path Selection (Выделение контура): выделение контура, как целого. Выделение подконтуров.
Direct Selection (Стрелка): Выделение сегмента для корректировки, а также опорных точек контура. Изменяет форму сегментов контура посредством перемещения выделенных опорных точек и управляющих точек.
Pen (Перо): Первичный инструмент работы с контурами. Обеспечивает высокую точность построения контуров.
Freeform Pen (Свободное перо): Предназначен для вычерчивания векторных контуров в манере свободного рисования.
Add Anchor Point (Перо + ): Добавляет опорную точку в сегмент контура.
Delete Anchor Point (Перо – ): Удаляет опорную точку, не разрывая контур.
Convert Point (Угол): Изменяет тип опорной точки, преобразовывая гладкую точку в угловую и наоборот.
Операции, выполняемые инструментом Pen (Перо)
- добавление сегмента (Создание опорной точки);
- замыкание контура (щелчок по начальной точке).
Операции, выполняемые инструментом Direct Selection (Стрелка)
- выделение опорных точек (кликая с нажатым Shift-ом или обводя рамкой);
- перемещение выделенных опорных точек;
- изменение формы кривой, воздействуя на управляющие точки и управляющие линии.
Операции, выполняемые инструментом Convert Point (Угол)
- преобразование гладкой опорной точки в угловую (кликом);
- преобразование угловой опорной точки в гладкую (клик+перемещение мыши).
Загрузка выделения из контура
Затем переходим к палитре контуров.
Жмем Ctrl+клик на контуре или же кнопку внизу палитры.
Получим выделение из нашего контура.
Преобразование выделения в контур
Затем переходим к палитре контуров.
Получим контур из нашего выделения.
Легко заметить, что данный способ создания контуров является неточным, и контур нуждается в корректировке.
Обводка контура Photoshop
При обводке контура можно воспользоваться любым из инструментов рисования, тонирования или фокусировки (рис. 4.60). При создании композитных изображений для определения границ объек
Различные инструменты, используемые при обводке контура
тов и создания теней можно воспользоваться инструментами Blur (Размытие), Burn (Затемнитель), Healing Brush (Восстанавливающая кисть), Clone Stamp (Штамп) и Airbrush (Аэрограф).
Изучите изображение кофейной чашки на рис. 4.61 и обратите внимание на слабую тень от чашки на поверхности стола — именно благодаря этой тени чувствуется объем и масса чашки. А теперь посмотрите на рис. 4.62. Вы видите, что бутылка как будто парит над задним планом? Это объясняется тем, что после размещения бутылки на новом фоне к ней не была добавлена тень. На рис. 4.63 показана та же бутылка после добавления тени в результате обводки нижней части бутылки с помощью инструментов Burn (Затемнитель) и Blur (Размытие) (подробности ниже).
Наличие тени придает чашке реалистичный вид
1. Создайте контур вокруг бутылки и задайте для него подходящее имя. Активизируйте полученный контур и преобразуйте его
в выделенную область. С помощью инструмента Move (Перемещение) переместите бутылку на новый фон.
2. Выберите команду View Rulers (Просмотри Линейки) и перетащите направляющую
с верхней линейки, чтобы показать границы теней. Воспользуйтесь инструментом Реп (Перо) для создания контура нижней части бутылки, как показано на/гас. 4.64, после чего задайте для контура подходящее имя.
В данном случае замыкать контур не следует.
Из-за отсутствия тени бутылка как будто парит над задним планом
Добавление легкой тени позволяет придать бутылке реалистичный внешний вид
Используйте направляющие для упрощения размещения тени
3. Создайте новый слой, щелкнув на значке
Create a new layer (Создает новый слой) в нижней части палитры Layers (Слои), и укажите для него имя Contact Shadow. Работая с конкретным слоем, можно
обработать отдельные участки изображения, не боясь при этом изменить фоновый слой или, в данном случае, изображение бутылки.
4. Для создания реалистичных теней воспользуйтесь инструментом Eyedropper (Пипетка) для выбора темного оттенка на каменном полу. Выберите небольшую жесткую кисть с непрозрачностью 10% и увеличьте масштаб нижней части бутылки (рис. 4.65).
5. Перейдите к палитре Paths (Контуры)
и активизируйте контур, соответствующий нижней части бутылки.
6. Выберите из меню палитры Paths (Контуры) команду Stroke Path (Выполнить обводку контура) и убедитесь в том, что выбран инструмент Brush (Кисть), как показано на рис. 4.66.
Замечание: Photoshop указывает в данном диалоговом окне тот инструмент, который был активен последним. Для выбора необходимого инструмента достаточно воспользоваться раскрывающимся списком.
Щелкните на кнопке ОК. Photoshop выполнит обводку активного контура, применяя выбранный инструмент. Поскольку используется кисть с непрозрачностью 10%, полученный эффект будет очень слаб. Вам придется повторить описанные действия дватри раза, прежде чем тень станет заметна. При последующих мазках я часто уменьшала размер и жесткость кисти, чтобы центр тени был темнее ее границ.
Задав непрозрачность кисти равной 10%, можно получить очень легкую тень
Выберите из раскрывающегося списка Stroke инструмент Brush
7. Чтобы оценить полученный эффект, полезно скрыть контур, а также дополнительные элементы ( / ), в данном случае, направляющие. Вернитесь к палитре Layers (Слои) и задайте для слоя
с изображением тени режим наложения Multiply (Умножение) (рис. 4.67). Обратите внимание, насколько лучше стала выглядеть тень. Измените непрозрачность и,
при необходимости, воспользуйтесь инструментом Eraser (Ластик) для удаления лишних элементов.
Добавление тени позволяет придать бутылке такой вид, как будто она действительно стоит на полу
Для обводки контура без использования меню палитры Paths (Контуры) нажмите комбинацию клавиш, соответствующую необходимому инструменту, после чего нажмите клавишу или .
Источник: Айсманн Кэтрин, Маски и композиция в Photoshop.: Пер. с англ. — М. : ООО «И. Д. Вильямc», 2007. — 560 с. : ил. — Парал. тит. англ.