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

Содержание

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Заключение

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

Создание контура объекта (фигуры) из выделения в программе Фотошоп различных версий


Создание контура объекта (фигуры) из выделения в программе Фотошоп различных версий

Мне кажется, что каждый из нас  хоть раз в своей жизни обводил карандашом  кисть своей руки, положив её на лист бумаги. А может быть это происходило на пляже. Кисть руки лежала на песке и мы обводили её какой-нибудь палочкой или длинным камушком. И в том и другом случае у нас получался контур. А давайте сделаем что-то подобное, но теперь в программе Фотошоп.

Помогать нам будет фото кисти руки:

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

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

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

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

Мы можем просто нажать кнопку «Ок», а можем, после появления этого окошка, сразу же на клавиатуре что-то написать, то есть присвоить слою имя, ну или название и уже после этого нажать кнопку «Ок». Делаем на своё усмотрение.

Я просто нажал кнопку «Ок»:

Готово! Слой-дубликат появился в палитре (окне) слоёв.

Теперь нужно изменить режим наложения слоя-дубликата, и сделать нам это нужно для затемнения кисти руки, ну или усиления контраста с белым общим фоном фото.

Обратимся к перечню режимов наложения в верхней менюшке окна слоёв, раскрыв список режимов обычным щелчком мыши по кнопке-стрелке:

Перед нашими глазами появился перечень режимов наложения слоя:

A давайте усилим контрастность, так усилим. Выберем из перечня режим «Линейный затемнитель»:

И вот что мы получили в результате:

Ну вот, для работы инструментом «Быстрое выделение» всё готово. Наводим курсор мыши на нужный нам в данный момент инструмент «Быстрое выделение» в окошке инструментов:

И щелчком левой кнопки мыши выбираем его. Курсор мыши превратился в кружок с перекрестием внутри.

Теперь уделим внимание техническим настройкам инструмента. Переведём свой взгляд на блок управления этими самыми техническими настройками:

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

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

 

Если установить значение 3 или 5, то выделение будет более чётким. Если выбрать значение значительно больше видимого нам сейчас, а видим мы значение 18, то начав выделять ладонь, мы будем захватывать белый фон, так как с большим диаметром инструмента уменьшится его чувствительность.

Пожалуй «золотой серединой» можно считать значение, при котором кружок-курсор инструмента будет немного меньше какого-нибудь пальца кисти руки. Для меня удобен диаметр инструмента в пределах 15-22. Я остановил выбор на значении 18. Пожалуй, лучше ориентироваться на свои ощущения и на сам процесс выделения. В зависимости от того, насколько удобно и качественно (нет захвата белого фона) мы осуществляем выделение, нам и нужно двигать ползунок регулировки диаметра инструмента, подбирая оптимальное значение.

Чтобы инструмент работал, как говорится, «на полную катушку», жёсткость нужно установить 100%. Ну вот у нас всё готово к выделению кисти руки. Предлагаю начать выделение с запястья:

 

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

Ну что же, начнём. Подводим курсор инструмента к запястью. Нажав и удерживая левую кнопку мыши, начинаем вести инструмент вверх по направлению к кончикам пальцев:

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

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

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

Что же делать, если в область выделения всё же попал белый фон? Можно отменить выделение вообще, нажав сочетание клавиш Ctrl+D и начать выделять ладонь заново. А можно обратиться к блоку технических настроек инструмента и переключить режим его работы щелчком мыши, но теперь уже по значку инструмента с минусом:

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

Такое переключение режима даёт нам возможность удалить «захват» выделением белого фона:

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

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

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

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

Кисть выделена — «муравьи» выделения активно бегут по её контуру, а мы производим смену инструмента и создаём новый слой в окошке слоёв.

Давайте начнём с создания нового слоя. Нажмём в нижней менюшке окна слоёв, значок создания нового слоя. Готово:

Этот новый слой через несколько секунд превратится в слой-контур ладони, а точнее будущий контур. У нас есть пока только выделенная область, а создание контура впереди.

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

Давайте самый верхний. Он же первый сверху вниз, носящий название «Прямоугольная область»:

Итак, новый пока ещё пустой слой создан, смена инструмента произведена и теперь, мы заводим курсор инструмента на область ладони и оказываемся курсором внутри выделения. Курсор инструмента имеет вид двух крестиков. Один большой, а другой маленький. Делаем щелчок правой кнопкой мыши. Появилось окошко опций, в котором нам в данный момент интересна опция «Выполнить обводку»:

Выберем её. И вот появилось следующее окошко настроек:

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

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

Далее обратимся к верхнему меню и нажмём кнопку «Выделение», открыв этим действием нужное нам окошко опций, в котором выберем действие «Отменить выделение»:

 

Ну вот, другое дело:

Чтобы быть уверенными в том, что созданный нами контур без изъянов и дефектов, увеличим масштаб видимости (версия Фотошоп CS5):

К сожалению надо признать, что контур получился «так-себе». Линия контура имеет много неровностей, которые были заметны уже в самом начале его создания и при 100% масштабе видимости.

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

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

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

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

Оставить комментарий

Урок 6. Рисование инструментом Pen (Перо).

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

Вы узнаете:

  • Как выполнить обводку и заливку контура.
    • Где находится пункт Simulate Pressure (Имитировать нажим).
    • Как рисовать пером в режиме Shape Layer (Фигура)
    • Как придать стиль слою с узором.
    • Как придать одинаковые стили разным слоям с фигурами
    • Как добавлять и удалять контуры.

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

В этом уроке мы будем создавать узоры используя функции заливки и обводки контура. Создайте новый слой. Выберите инструмент Pen (Перо) В настройках параметров отметьте (для cs5) контуры. Нарисуйте завиток. Переключитесь на инструмент Brash (Кисть) . Подробно этот инструмент и его настройки изложены в 8 уроке Brash (Кисть). Подберите подходящий диаметр, настройте непрозрачность и цвет.

Откроите окно настроек кисти: меню Window (Окно)Brashs (Кисти) илинажав F5. В CS5 вызвать это окно можно нажав на значок в панели настройки параметров кисти. Отметьте галочкой –Shape Dinamics (Динамика формы). В настройках динамики в разделе Control (Управление) – выберите Pen pressure (Нажим пера).

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

Появится контекстное меню .

Выберите Stroke Path… (Выполнить обводку контура).

В выпадающем списке выберите Brash (Кисть) и отметьте галочкой Simulate Pressure (Имитировать нажим). Щелкните правой кнопкой мыши по уже окрашенному контуру и нажмите Delate Path (Удалить контур). У вас должно получиться , примерно такое изображение.

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

Меняя диаметр кисти и прозрачность, создайте несколько завитков. Чтобы отредактировать созданный контур, нажмите Ctrl или переключитесь на инструмент Direct selection tool (Стрелка).

Посмотриите на эту схему. Прямые и наклонные под 45 градусов сегменты нарисованы при помощи клавиши Shift. В точке перехода от кривой линии к прямой был выполнен щелчок с зажатой клавише Alt. После последней точки, был выполнен щелчек мышью, с зажатой клавишей Ctrl. Обводка контура выполнена кистью 461 (Трещина).

Заливка контура
У любого контура можно залить внутреннюю область. Щелкните правой кнопкой мыши по контуру и выберите в контекстном меню Fill Path (Выполнить заливку контура).

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

Как рисовать пером в режиме Shape Layer (Фигура)

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

Обратите внимание на палитру слои. Фигура автоматически рисуется на отдельном слое.

К созданному контуру можно добавлять и исключать новые фрагменты. Для этого удобно пользоваться режимами определяющими взаимосвязь между контурами. Найти их можно в панели параметров инструмента перо. С четырьмя из них вы уже знакомы из уроков по инструментам выделения. Это режимы: новый, добавление, удаление и пересечение. При работе с контурами к ним добавляется еще один Exclude (Исключение).

Изменение стиля наложения для слоя с фигурой

После того как узор будет закончен, можно придать ему дополнительные стили. Для этого нажмите правую кнопку мыши на слое с завитками и выберите пункт Layer Style (Параметры наложения). Отметте галочками Drop Shadow(Тень) и Bevel and Embos (Тиснение). Поэксперементируйте с включением других настроек. Если настройки стиля по умолчанию вас не устраивают, то двойной щелчок по названию любого из них открывает дополнительное окно для редактирования.

 

Векторные примитивные инструменты для рисования фигур.

  Кто сказал, что рисовать можно только кисточками и карандашами? В этом уроке мы с вами начали рисовать векторным инструментом Pen (Перо) и создали свой первый векторный узор. А теперь, вспомните с чего начинаются детские рисунки. Вспомнили? Правильно! С самых простых геометрических фигур. Солнышко — это кружок. Домик — это квадрат и треугольник. Все конечно знают песенку из м/ф «Осьминожки»в которой есть такие слова: «палка, палка, огуречик, вот и вышел человечек…» В современной рекламе, да и просто в иллюстрациях часто можно встретить элементы простой векторной графики. Вот и мы с вами сейчас окунемся с головой в детство и попробуем нарисовать рисунок из простейших векторных фигур, которых в программе Photoshop предостаточно.

  Начнем с инструмента Rectangle (Прямоугольник). Действие этого инструмента похоже на работу инструмента Rectangular Marquee (Прямоугольное выделение/область). Зажав левую кнопку мыши нарисуйте прямоугольник нужной величины. Если хотите чтобы получился квадрат — нажмите и удерживайте клавишу Shift. Обратите внимание на палитру Layers (Слои) — рядом с миниатюрой прямоугольника появилась миниатюра маски.

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

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

Включите режим сетки: меню View (Просмотр) — Show (Показать) — Grid (Сетку). Комбинация клавиш ctrl + ‘. Выберите инструмент Move (Перемещение). Потяните за боковые точки для изменения пропорций большого прямоугольника. Выравняйте его по сетке. Нажмите Enter для подтверждения изменений.

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

 Переключитесь на инструмент Pen (Перо). В панели параметров установите режим Shape Layer (Фигура). Начертите крышу в виде треугольника. Для симметрии используйте сетку (как на школьной тетрадке).

Остальные векторные инструменты работают аналогично.

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

Ellipse Tool (Эллипс). Чтобы нарисовать круг — нажмите и удерживайте клавишу Shift.

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

Unconstrained (Произвольно). Этот режим установлен по умолчанию. Фигура рисуется произвольным образом.

Square (Квадрат). При включении этой настройки включается режим 1:1. Это значит, что в результате вы получите ровный круг или квадрат. Лично я предпочитаю пользоваться для этого результата клавишей Shift.

Fixed Sized (Заданный размер) Используется для рисования точных фигур с определенными размерами, которые вы можете ввести в графы ширина и высота. Единицы измерения для этих граф можно выбрать, щелкнув правой кнопкой мыши внутри поля для ввода цифр. Затем щелкните левой кнопкой мыши в нужном месте документа и фигура будет вставлена.

Proportional (Задать пропорции). В графах для ввода значений можно задать необходимые пропорции. Например 1:2 или 6:9.

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

Snap to pixels (Привязать к пикселям). Включите этот параметр и ваши прямоугольники станут более четкими. Для использования этого параметра следует включить сетку ( Ctrl+’ ), т.к. привязка фигуры будет проходить по линиям сетки.

Слева фрагмент фигуры без привязки к пикселям (край размыт), справа с привязкой.

Polygon (Многоугольник). Параметр Sides (Стороны) назначает количество углов (от 3 до 100). Чем выше значение, тем больше многоугольник похож на круг.

Smooth Corners (Сгладить внешние углы). Прозволяет скруглить внешние углы.

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

Line (Линия). Инструмент рисует линию. Чем выше значение параметра Weight (Толщина), тем толще линия. При больших значениях можно начертить прямоугольник. Максимально можно задать 1000 пикселей. В параметрах инструмента можно включить отображение стрелок и отрегулировать их начертание.

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

Вопросы:

(правильный ответ вы можете узнать из викторины в конце видеоурока)

 http://fotiy.com/videouppod/video/6/pen_new2.swf

 

  1. Как выполнить обводку контура?

– Меню Edit (Редактирование)Stroke…(Выполнить обводку).

– Меню правой кнопки мыши инструмента Pen(Перо)Stroke Path… (Выполнить обводку контура).

– Меню Layer (Слои ) Layer Style (Стили слоя)Stroke (Обводка).

– Правый клик мышкой по слою с контуром – Параметры наложения – Stroke (Обводка).

  1. Как придать обводке контура сужение в начале и в конце?

– Отметить галочкой Simulate Pressure (Имитировать нажим) в настройках инструмента Brash(Кисть).

– Уменьшить диаметр кисти в начале и в конце контура.

– Отметить галочкой Simulate Pressure (Имитировать нажим) в окне Stroke Path (Выполнить обводку контура).

Домашнее задание

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

 

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

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

 

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

Как сделать обводку в фотошопе: 4 потрясающих способа

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

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

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

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

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

Содержание статьи

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

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

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

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

 

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Цвет

Градиент

Узор

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

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

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

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

Заключение

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

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

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

С Уважением, автор блога Федор Лыков!

Управление контурами в Photoshop

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

При использовании для создания нового слоя-фигуры инструмента групп «Перо» или «Фигура» новые контуры отображаются на панели «Контуры» как векторные маски. Векторные маски связаны со своим родительским слоем. Для просмотра списка векторных масок на панели «Контуры» необходимо выбрать родительский слой на панели «Слои». Векторную маску можно удалить из слоя или преобразовать в растровую маску. Дополнительные сведения см. в разделе Добавление и редактирование векторных масок.

Контуры, сохраненные вместе с изображением, отображаются при повторном его открытии. При работе в Photoshop (Windows) контуры поддерживаются форматами JPEG, JPEG 2000, DCS, EPS, PDF и TIFF. При работе в Mac OS контуры поддерживаются всеми доступными форматами файлов.

как ее сделать и настроить

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

Два способа создания обводки

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Смысл существования двух диалоговых окон «Обводка»

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Редактирование контуров в Adobe Photoshop

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

Палитра инструментов содержит три инструмента для добавления или удаления точек: инструмент «Перо» , инструмент «Добавить опорную точку»  и инструмент «Удалить опорную точку» .

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

Можно выделить и отредактировать несколько контуров одновременно. Можно также перерисовать контур при добавлении опорных точек щелчком и перетаскиванием по мере добавления.

Как обвести контур на панели контуров в Photoshop CS6

  1. Программное обеспечение
  2. Adobe
  3. Photoshop
  4. Как обвести контур на панели контуров на панели контуров Photoshop CS6

Барбара Обермайер

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

  1. Выберите путь на панели «Контуры».Затем выберите «Обводка контура» во всплывающем меню панели «Контуры».

    Или, удерживая клавишу Alt (Option на Mac), щелкните значок «Обводка контура» со значком кисти (обведенным кружком) в нижней части панели.

    Вы также можете щелкнуть значок «Обводка контура», не удерживая нажатой клавишу «Alt» (Option на Mac). Этот параметр обходит диалоговое окно на шаге 2 и просто обводит ваш путь тем же параметром, который вы использовали ранее.

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

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

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

    Если вы выберете один или несколько контуров с помощью инструмента «Прямое выделение» (белая стрелка на панели «Инструменты»), команда «Обвести контур» изменится на «Обвести подпуть (и)», что позволит вам обвести только выбранные контуры.

    Кредит: © iStockphoto.com / Maxian Image # 6293744

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

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

Барбара Обермайер — директор Obermeier Design, студии графического дизайна в Калифорнии, специализирующейся на печати и веб-дизайне.В настоящее время она работает преподавателем в Школе дизайна Института Брукса.

.

Редактировать контуры в Adobe Photoshop

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

Набор инструментов содержит три инструмента для добавления или удаления точек: инструмент «Перо», инструмент «Добавить точку привязки» и инструмент «Удалить точку привязки».

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

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

.

Stroke Path в Photoshop (с примерами) Урок Photoshop

www.psd-dude.com

Узнайте, как использовать Stroke Path в Photoshop. Эта функция очень полезна для создания различных текстовых эффектов.Чтобы увидеть применение Stroke Path , ознакомьтесь с моим руководством о том, как создать контурный текст в Photoshop.
Это также очень полезно для создания рамок и границ, эффектов контура и т. Д. В предыдущем уроке мы узнали, как построить путь, а сегодня мы говорим об обводке путей.

Твитнуть

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

В этом уроке вы узнаете, как использовать контуры в Photoshop и как обводить контуры в Photoshop.Вы можете обводить открытый контур в Photoshop; Создайте открытый путь с помощью инструмента Pen Tool . Параметр выделения обводки в Photoshop с помощью инструмента Brush Tool доступен, если сначала вы превратите выделение в рабочий контур.

Это руководство применимо для Photoshop CS и CC 2015, 2018 и 2019 гг.

Как сделать рабочий путь

От

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

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

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

[БЫСТРЫЙ СОВЕТ] Почему мой контур обводки в Photoshop неактивен?

Ход хода не работает? Это одна из ошибок, которые я часто совершал, когда начинал работать с контурами в Photoshop.

Я использовал инструмент Pen Tool , чтобы нарисовать контур в Photoshop, и попытался сделать обводку контура.

Почему контур обводки неактивен или отключен?

1. Поскольку при рисовании контура в Photoshop, для включения Stroke Path необходимо выбрать Path при рисовании с помощью инструмента Pen Tool

Вот как это выглядит в моем Photoshop CC

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

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

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

В Photoshop вы можете использовать опцию Stroke Path со всеми основными инструментами: Brush Tool , eraser Tool , Smudge Tool , Burn Tool и т. Д.Но самый используемый инструмент для обводки контуров в Photoshop — Brush Tool ; поэтому в этом уроке я собираюсь объяснить, как это работает.

Возьмите инструмент Brush Tool и выберите кисть, которая вам нравится. Я выберу простую точечную кисть

.

Выберите инструмент Path Selection Tool и щелкните правой кнопкой мыши путь. Выберите Stroke Path и в раскрывающемся списке инструментов выберите Brush , что фактически является настройкой по умолчанию.

Нажмите клавишу bacspace , чтобы удалить путь.Или щелкните правой кнопкой мыши вкладку Путь и выберите удалить путь , чтобы увидеть результат.

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

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

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

Предыдущий пост

Преобразование изображения в силуэт векторной формы в Photoshop

Следующее сообщение

Создаем текст на деревянной книжной полке в Photoshop

.

Как убрать обводку с контура в Photoshop | Small Business

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

Stroke Path

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

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

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

Выберите инструмент «Карандаш» или «Кисть». Настройте панель «Параметры» инструмента, выбрав нужный тип и размер кисти.Выберите желаемый цвет в цветовой палитре.

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

Удалить обводку

Найдите палитру «Слой».

Выделите прозрачный слой, созданный на предыдущих шагах.

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

.

Рисование фигур с помощью инструментов формы в Photoshop

Сплошной цвет: Заполняет или обводит слой-фигуру текущим цветом переднего плана. Используйте палитру цветов или предустановки цвета, чтобы выбрать другой цвет.

Градиент: Выберите предустановку градиента или щелкните градиент, чтобы открыть диалоговое окно «Редактор градиента». Установить дополнительные параметры градиента:

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

Узор: Начиная с Photoshop 21.2, вы также можете установить угол, чтобы повернуть заливку и узор обводки фигуры и легко изменить ее ориентацию. Выберите узор во всплывающем меню и установите дополнительные параметры узора:

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

.

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

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

Стили слоя в 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» , подготовленная редакцией проекта.

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


В этом видео я покажу, как сделать обводку объектов в программе Адоб фотошоп. Обводка — это подчеркивание контуров объектов с помощью цвета, при этом объектом может быть, как изображение, так и текст. Чаще всего обводку используют для выделения объектов, которые сливается с фоном, особенно это актуально для изображения небольшого масштаба, например, таких, как значки для роликов на YouTube. Для текста, кстати, вы можете выбрать любой шрифт на нашем сайте.

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

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

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

А теперь самое время делать обводку. Первое, что нужно сделать – это перейти в окно «Layers», в русской версии оно называется «Слои». Если этого окна нет, его можно включить через меню Программы/Window. В окне «Слои» нажимаем правой кнопкой мыши на слой с объектом, в данном случае это верхний слой, и выбираем пункт blending options, в русской версии этот пункт называется «Параметры наложения». Появляется вот такое окно, в нем находите пункт «Stroke», в русской версии называется «Обводка», и кликаете на этот пункт левой кнопкой мыши. После этого обводка включается, это видно по галочке перед названием, и открываются настройки обводки. На объекте, как видите, уже отображается результат, который соответствует вставленным параметрам. Эти параметры можно изменять, и давайте их рассмотри по порядку.

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

Ниже идет меню «Position», т.е. положение. Здесь, на выбор есть три пункта: outside (снаружи), т.е. обводка начинается от края объекта и идет на внешнюю сторону; inside (внутри), т.е. обводка начинается от края объекта и идет внутрь, как бы заполняя объект; center, в этом случае обводка идет от края, одновременно в обе стороны, напополам.

Следующее меню – режим наложения. На нем останавливаться не буду, т.к. режимы наложения – это отдельная большая тема, да и при обводке, режимы наложения не используются. Под режимами наложения находится параметр «opacity», т.е. непрозрачность. Здесь с помощью бегунка можно регулировать непрозрачность обводки, т.е. будет сквозь нее просвечиваться фон или нет. Ниже идет пункт «overprint». Его мы пропускаем, т.к. он нам не нужен. Это опция нужна для устранения нежелательных артефактов при печати.

Еще ниже идет меню «Тип обводки», в котором можно выбрать один из трех вариантов. Вариант первый – Color, т.е. цвет. Он стоит по умолчанию, и, выбрав его, объект будет обводится каким-то одним цветом, который можно выбрать, если кликнуть Левой кнопкой мыши вот сюда, на этот прямоугольник с цветом. Появляется окно выбора цвета, в нем выбираете нужный цвет, чаще всего используют белый или черный, но бывают и исключения, и, когда цвет выбран, нажимаем «ОК».

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

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

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

В общем, после того, как определитесь с типом обводки и ее цветом, нажимаете на кнопку «ОК». Готово!

Аналогичным образом работает и обводка с изображением. Например, есть какое-то изображение. В данном случае, логотип Youtube на прозрачном фоне. Выделяете это изображение любым способом. Копируете его сочетанием клавиш «Ctrl+C». Вставляете куда нужно сочетанием клавиш «Ctrl+V», а дальше все точно также, как с текстом. Правой кнопкой мыши на слое/Blending options/ Stroke и настраиваете.

Если объект является частью изображения, то все равно обводка делается точно также. Возьму, например, вот такую фотографию с медалью, и выделю медаль с помощью инструмента «Быстрое выделение». Можно использовать и другой инструмент для выделения, тут уже кому удобнее и у кого, чем лучше получается. Когда объект выделен, его можно скопировать в нужное место, как я только что делал с логотипом ютуба, либо, если нужно сделать обводку тут же, нажимаете сочетание «Ctrl+J». Этим действием мы копируем выделение на новый слой, а дальше действуем уже по знакомому алгоритму: правой кнопкой мыши на слое/верхний пункт/ Stroke и настраиваем.

от простого к сложному. Часть 31. Контуры

7 — 2000

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

Создание выделений

Создание сложных контуров

Объединение подконтуров

Контуры как средство рисования

Хитрости при формировании контуров

Создание выделений

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

  1. Самое очевидное применение контуров в Photoshop — это создание на выделений
    их основе. Откройте какое-нибудь изображение, содержащее объекты с четкими
    границами, и выберите инструмент «перо».

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

  3. При вычерчивании контуров удобно пользоваться клавишами-модификаторами.
    Когда у вас активно «перо», нажатие клавиши Control/Command вызывает инструмент
    «стрелку», которая позволяет перемещать точки и изменять форму сегментов.
    Отпустите клавишу — и можете продолжать работать «пером».

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

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

  6. С готовым контуром можно поступить двояко: либо экспортировать его как
    обтравочный в программу верстки, напр. в QuarkXPress, либо преобразовать
    в выделение. Если вы выбираете последнее, нажмите кнопку «выделение в контур»
    в нижней части палитры Paths (Контуры) или, удерживая Control/Command, щелкните
    на строке контура на палитре Paths.

  7. Чтобы сохранить контур как обтравочный, выберите из меню же палитры Paths
    команду Clipping Path (Обтравочный контур). Поле Flatness (Спрямление) в
    большинстве случаев можно оставлять пустым. Нажмите ОК. Начертание шрифта,
    которым отображается имя контура на палитре Paths, меняется, показывая,
    что контур является обтравочным.

  8. Теперь файл можно сохранить в формате EPS, DCS или TIFF для экспорта в
    программу верстки или для печати непосредственно из Photoshop. EPS предпочтительнее,
    так как обтравочный контур будет отображаться в превью.

  9. Контур можно экспортировать и в программу Illustrator. Выберите команду
    File > Export > Paths to Illustrator (Файл > Экспорт > Контуры
    в Illustrator). Раскрывающийся список в диалоге Save позволяет выбрать контур
    для экспорта, если у вас их несколько.


Создание сложных контуров

Объекты более сложных форм требуют более сложной техники построения контуров.

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

  2. Двойным щелчком на пиктограмме инструмента «магнитное перо» откройте палитру
    его параметров. Для обводки морского конька мы задали здесь следующие установки:
    Curve Fit (Точность) 2 пиксела, Width (Ширина) 10 пикселов, Frequency (Частота)
    30 и Edge Contrast (Контраст границ) 10 процентов.

  3. Приступая к вычерчиванию контура, щелкните в начальной точке, а выполнять
    обводку можно с отпущенной кнопкой мыши — так легче контролировать движение
    курсора. Не забывайте обращаться к клавишам-модификаторам: для добавления
    точек вручную нажимайте Alt/Option, для вычерчивания прямых пользуйтесь
    щелчками с удержанием Alt/Option.

  4. Конечная форма вычисляется на основе магнитного контура и параметров, заданных
    вами на палитре Options. Чем меньше значение Curve Fit, тем больше точек
    будет в контуре. Контур обычно получается более гладким, чем граница выделения,
    созданного с помощью инструмента «магнитное лассо». Здесь мы преобразовали
    контур в выделение, растушевали на 2 пиксела и использовали в качестве слой-маски.

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

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


Объединение подконтуров

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

  1. Для объединения подконтуров вовсе необязательно обращаться к векторной
    программе. Проделаем это в Photoshop. Выделим подконтур плавника, затем,
    протягивая «стрелкой», выделим сразу все точки, залезающие в другой подконтур,
    и удалим их.

  2. В Photoshop объединять контуры приходится вручную. Активизируем «перо»
    и выделяем контур плавника. Если поместить курсор на конечную точку, тот
    видоизменяется — внизу справа появляется маленький квадратик. Щелкнув на
    конечной точке, мы можем либо продолжить вычерчивание контура, либо объединить
    ее с другой конечной точкой.

  3. Удерживая Shift+Control/Command, выделяем контур морского конька. Щелчком
    на конечной точке, ближайшей к контуру плавника, объединяем две точки и
    поочередно замыкаем остальные пробелы. Теперь у нас единый контур для всего
    конька.


Контуры как средство рисования

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

  1. Обводка контуров дает неплохие художественные эффекты. Нарисуйте простой
    контур, вроде стилизованного солнца.

  2. Установите цвет похожий на солнечный и выберите одну из самых маленьких
    художественных кистей на палитре Brushes (Кисти). Выделите контур и выберите
    из меню палитры Paths команду Stroke Path (Обвести контур). В открывшемся
    диалоге выберите вариант Airbrush (Аэрограф) и нажмите ОК.

  3. Задавая различные значения в поле Fade (Ослабление) на палитре параметров
    «аэрографа», можно получить ослабление интенсивности штрихов. Введите в
    это поле 300, затем, протягивая «стрелкой» при нажатой клавише Shift, выделите
    «лучи» солнца. Выберите команду Stroke Subpaths и снова укажите вариант
    Airbrush.

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

  5. На палитре History (Протокол) в качестве исходного материала для «восстанавливающей
    кисти» укажите обводку. Создайте новый слой и залейте его белым. Обведите
    контур снова, выбрав в диалоговом окне вариант History Brush (Восстанавливающая
    кисть). В качестве альтернативы к слою с картинкой можно применить какой-нибудь
    художественный фильтр и использовать его результат в качестве исходного
    материала для «восстанавливающей кисти».

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


Хитрости при формировании контуров

Некоторые клавиатурные комбинации помогут вам ускорить построение контуров.

  1. Чтобы дублировать контур, протяните его, удерживая Control+Alt (Command+Option).
    Если вы хотите дублировать несколько подконтуров, выделите их, чтобы стали
    видны опорные точки, и протяните один из них, удерживая Control+Alt (Command+Option).

  2. Инструмент «угол» преобразует гладкую опорную точку в линейную (без регуляторов).
    В процессе формирования контура «угол» можно вызвать нажатием клавиши Alt/Shift.
    Для превращения линейной точки в гладкую, протяните на ней инструментом
    «угол». Преломив инструментом «угол» регулятор, вы превращаете гладкую точку
    в угловую.

  3. Превратить границу обычного выделения в контур так же просто, как и контур
    в выделение. Диалоговое окно, вызываемое командой Make Work Path (Создать
    рабочий контур), позволяет задавать допуск, определяющий, насколько много
    точек будет в контуре. Укажите в поле Tolerance значение от 0.5 до 20 пикселов.
    Чем ниже значение, тем меньше точек.

КомпьюАрт 7’2000

Задача 5 Обводка контуров

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

1. Откройте файл.

Выберите «Файл», «Открыть», чтобы запустить нужный файл.

2. Создание или выбор пути

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

3. Настройте инструмент Stroke Tool

На панели инструментов выберите инструмент рисования (например, карандаш или кисть), который вы хотите использовать для обводки контура. На панели параметров для этого инструмента настройте инструмент по своему усмотрению. Выберите кисть и размер кисти в меню «Кисть».

4. Выберите Stroke Path

Если он еще не открыт, выберите Window, Paths, чтобы запустить палитру Paths .При активном желаемом контуре выберите «Обводка контура» в меню палитры. (Если путь не назван, опция меню помечена как «Обводка подпути».) Откроется диалоговое окно «Обводка контура».

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

Инструмент, который вы настроили на шаге 3, должен быть выбран в диалоговом окне «Обводка контура», когда оно откроется. Если вы хотите использовать другой инструмент, выберите его в раскрывающемся списке «Инструмент» и нажмите «ОК». Линия текущего цвета переднего плана рисуется вдоль выбранного пути с использованием выбранного вами инструмента и применения текущих настроек для этого конкретного инструмента.

6. Отмените выбор пути

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

Практические советы

Создание свечения объекта

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

Заполнение контура

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

Как использовать инструмент «Перо Photoshop»

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

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

Лучшие на сегодня предложения Adobe Creative Cloud

Заливка пути

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

Выберите инструмент «Перо» с помощью ярлыка P . Чтобы сделать выбор, щелкните две точки, чтобы создать линию между ними, и перетащите точку, чтобы создать изогнутую линию. Используйте Alt / opt-перетащите ваши линии, чтобы изменить их. Ctrl / щелкните правой кнопкой мыши свой путь на вкладке «Контуры» справа, а затем выберите «Заливка контура», чтобы создать из него форму.

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

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

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

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

Сделайте выбор

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

Перо — не только хороший инструмент для рисования, но и полезный инструмент для выбора. Вы можете выбрать формы для рисования. cmd / Ctrl + щелкните путь, чтобы выбрать его после создания формы, или Ctrl / щелкните правой кнопкой мыши путь и выберите «Сделать выделение».

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

Сделайте новое выделение (слева на изображении выше), или добавьте ( cmd / Ctrl + Shift + click ) или вычтите ( cmd / Ctrl + Alt / Opt + щелкните ) выделение, если на вашем слое выделены пиксели.

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

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

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

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

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

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

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

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

Эта статья изначально была опубликована в ImagineFX, мировом бестселлере для цифровых художников. Купить выпуск 159 или подписаться .

Подробнее:

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

Совместимость:
Photoshop 7, CS-CS6, CC

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

1. Откройте новый файл (Файл> Новый). Сделайте 500 на 500 пикселей. Разрешение должно быть 72, цветовой режим должен быть RGB, а фоновое содержимое должно быть белым.

2.Щелкните инструмент Freeform Pen Tool. Похоже на изображение справа. Если он не отображается, щелкните этот квадрат правой кнопкой мыши и выберите его из списка.

Убедитесь, что вверху, под главным меню, выбрана кнопка «Пути». Это позволит вам создать путь, не создавая фигуры (фигуры заполняются автоматически, мы этого не хотим).

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

Думайте о пути как о схеме, по которой БУДЕТ идти ваша краска.Вы создаете фигуру, линию или что угодно, но у вас есть шанс придать ей форму еще до того, как вы нанесете какую-либо краску.

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

4.Щелкните на инструменте Direct Selection Tool, который находится прямо над инструментом Freeform Pen Tool. (Опять же, если он не отображается, щелкните правой кнопкой мыши на этом поле и выберите его из списка.)

5. Увеличьте масштаб ближе к той части пути, где есть точка.Используя инструмент «Прямое выделение», щелкните в этой точке. Вы увидите две линии, выходящие по обе стороны от него, как и здесь.

Эти две линии представляют кривизну пути вокруг этой точки. Если бы я переместил правую линию на несколько пикселей вверх….

6.… обратите внимание, что происходит с кривой. Он изгибается вверх, но как раз по ту сторону точки.

Я сделал это с помощью Direct Selection Tool. Просто возьмите эту точку на конце линии и перетащите. Вы также можете щелкнуть по самому контуру и перетащить его, но я считаю, что манипулировать с помощью двух линий намного проще.

Поиграйте со своим сейчас. Используя инструмент «Прямое выделение», возьмите кончик одной из этих линий и перемещайте его, наблюдая за тем, что происходит с контуром. Видите, как он меняет кривизну?

Это основная концепция путей. Теперь я покажу вам его практическое применение.

7. Это одна из форм снежинки из нашего набора кистей Holidays. Я векторизовал его, чтобы упростить использование этого урока.

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

8. Первое, что вам нужно сделать, это выбрать эту черную фигуру. Если ваша фигура не вся черная, не бойтесь. Мы собираемся использовать Select> Color Range, чтобы сделать наш выбор. Щелкните где-нибудь в форме, а затем сдвиньте полосу «Нечеткость» влево или вправо. Если ваша фигура имеет много серых оттенков, ваша полоса должна быть правее.Просто убедитесь, что фон на изображении предварительного просмотра остается черным. Вы не хотите выбирать какой-либо фон!

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

9. Теперь, чтобы превратить это выделение в путь.

В том же окне, что и палитра слоев, есть вкладка «Пути» — щелкните по ней. (Если ваша палитра слоев не отображается, нажмите F7, чтобы открыть ее.)

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

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

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

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

11. Но это же всего лишь путь, верно? Нам нужно превратить это во что-то более существенное.

Давайте создадим новый слой поверх этого белого, снова нажав «Create a New Layer» в палитре слоев. Теперь вернитесь на вкладку «Пути» вверху.

Выберите кисть. Щелкните инструмент выбора кисти, затем выберите старую простую круглую кисть… скажем, размером 4 пикселя или около того.Как я здесь.

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

12.Убедитесь, что путь по-прежнему выбран (видите, как мой выделен синим? — если это не так, щелкните по нему).

Затем нажмите кнопку «Обвести контур кистью», как я здесь выделил. Это будет рисовать по этому пути, используя кисть 4px, которую вы выбрали. Щелкните под путем в пустой области, чтобы отменить его выбор. Это позволит вам лучше рассмотреть свою работу.

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

Если вы решите, заполнить его достаточно просто.

Используя инструмент Magic Wand, щелкните внутри фигуры. Выберите «Выделение»> «Изменить»> «Развернуть» и увеличьте выделение на 1 пиксель. (Это помогает убедиться, что между контуром и заполненной частью нет промежутков.) Создайте новый слой и, используя инструмент «Заливка», щелкните холст, чтобы заполнить выделение.Теперь у вас должна получиться сплошная форма, очень близкая к исходному изображению.

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

Почему еще? Что ж, одно из основных применений этого, которое я нахожу, — изменение размера. Первоначальная версия набора кистей Tribals была ТАК ОЧЕНЬ крошечной и ОЧЕГО плохо сделана по сравнению со стандартами, которых я придерживаюсь сегодня.Это был один из моих первых наборов. С тех пор я переделал его, и теперь они огромные и с очень высоким разрешением. Как? Потому что вы можете изменять размер контуров без потери качества или изменения формы. Итак, непосредственно перед шагом 12 (когда вы используете кисть для рисования по контуру), я могу изменить размер своего холста до 5000 пикселей в высоту / ширину, если захочу.

15. Еще одна замечательная особенность этих путей заключается в том, что когда вы рисуете по ним, они идут в том направлении, в котором вы их рисовали. Итак, если вы хотите использовать техники кистей, которые постепенно исчезают по мере продвижения, они работают с контурами! Например…

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

Вы можете проверить мою зазубрину «Кошмар перед Рождеством», которая выглядит слева внизу!

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

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

Чем меньше точек на пути, тем более плавным будет этот путь или линия. Если вам нужно удалить точку где-то по пути, щелкните эту точку правой кнопкой мыши и выберите «Удалить точку привязки». При этом линия может немного сдвинуться с места, но вы всегда можете переместить ее обратно в то место, где вы этого хотели.И когда вы это сделаете, вы обнаружите, что он выглядит намного более гладким!

Вот и все! Я надеюсь, что вам понравился этот урок, и я надеюсь, что он ответит на некоторые ваши вопросы о том, как использовать контуры в Photoshop. Если у вас есть вопросы, не стесняйтесь спрашивать!

Блог Джулианны Кост | 15 советов по работе с контурами и инструментом «Перо» в Photoshop

Вот 15 моих любимых сочетаний клавиш, которые упрощают работу с контурами и инструментом «Перо» в Photoshop.

Инструменты выделения контура и прямого выбора — Чтобы выделить весь контур, используйте инструмент «Выделение контура».Чтобы выбрать сегменты контура (опорные точки, направляющие линии и т. Д.), Используйте инструмент «Прямое выделение». Выбрав инструмент «Прямое выделение», вместо переключения на инструмент «Выбор контура» удерживайте «Option» (Mac) | Alt (Win) и щелкните путь, чтобы выделить весь путь.

Выбор нескольких путей — Сдвиг мыши (или нажмите Drag-) с помощью инструмента Выделение контура, чтобы выбрать несколько путей. Shift-щелкните выделенный путь, чтобы удалить его из выделения. Примечание: используйте опцию Select на панели параметров для переключения между выбором путей на активных слоях или на всех слоях .

Выбор точек привязки вдоль пути — Щелкните точку привязки, чтобы выбрать ее (если точки привязки не видны на пути, щелчок по местоположению точки привязки выберет эту точку привязки без необходимости сначала выбирать путь (полезно, например, при выборе угловой точки прямоугольника). Shift-щелкните (или щелкните-перетащите) с помощью инструмента «Прямое выделение», чтобы выбрать несколько узловых точек. Щелчок по выбранной узловой точке с помощью инструмента «Прямое выделение» выберет эту точку и отменить выбор других.Shift -щелкните выбранную опорную точку, чтобы удалить ее из выделения. Примечание. Используйте параметр «Выбрать» на панели параметров для переключения между выбором точек привязки на активных слоях или на всех слоях.

Контуры преобразования — Выделив контур, выберите «Правка»> «Свободный контур трансформации», чтобы получить доступ к элементам управления трансформацией. Эти ярлыки могут помочь ускорить процесс:

• Command + T (Mac) | Control + T (Win) отображает ограничивающую рамку Free Transform.

• В режиме «Свободное преобразование» щелкните значок «Ссылка» (на панели параметров), чтобы включить / выключить параметр «Ограничить соотношение сторон».Состояние значка «липкое» — после того, как оно установлено, оно будет оставаться в этом состоянии до тех пор, пока не будет щелкнуть снова. Это означает, что независимо от содержимого слоя (контуры, пиксели, тип, форма и т. Д.) Преобразование будет вести себя согласованно. Удерживание клавиши Shift во время трансформации временно переключает противоположное поведение.

• Поместите курсор за пределы маркеров трансформации (курсор станет двунаправленной стрелкой) и перетащите, чтобы повернуть. Добавьте клавишу Shift, чтобы сделать привязку с шагом 15 градусов.

• Опция -drag (Mac) | Alt — перетащите (Win) точку привязки, чтобы преобразовать ее из центра.

• Команда (Mac) | Control (Win) — перетащите угловую точку привязки, чтобы свободно искажать изображение.

• Command + Shift (Mac) | Control + Shift (Победа) — перетащите центральную точку привязки, чтобы наклонить изображение.

• Command + Option + Shift (Mac) | Control + Alt + Shift (Победа) — перетащите угловую точку привязки, чтобы изменить перспективу изображения.

• Или вместо запоминания каждого отдельного сочетания клавиш Control -click (Mac) | Щелкните правой кнопкой мыши (Win) внутри ограничительной рамки преобразования и выберите параметр преобразования из контекстного меню.

• Command + Z или Control + Z отменяет последнее преобразование.

• Чтобы применить преобразование, нажмите «Возврат» (Mac) | Нажмите клавишу Enter (Win), щелкните в области предварительного просмотра за пределами маркеров трансформации или выберите другой инструмент.

• Чтобы отменить преобразование, коснитесь клавиши Escape.

• При использовании свободного преобразования контрольную точку можно изменить, чтобы определить место, вокруг которого происходят преобразования. По умолчанию контрольная точка скрыта, чтобы предотвратить случайное изменение положения.Для отображения точки отсчета, в то время как в Free Transform, проверьте пустой колодец влево от точки отсчета значок в панели параметров (или выберите Правка> Настройки> Инструменты и включить «Показать точку отсчета при использовании Transform»). Чтобы изменить положение контрольной точки, свободно перетащите центральную точку в пределах области изображения, щелкните одну из девяти контрольных точек на панели параметров или задайте положение численно (также с помощью панели параметров).

Дублирование путей — Option -drag (Mac) | Alt-перетащите (Win) путь в области изображения, чтобы дублировать его. Примечание: этот ярлык работает с любым выбранным контуром (слой-фигура, векторная маска и т. Д.).

Преобразовать путь в выделение — При выбранном пути Command + Return (Mac) | Control + Enter (Win) создает выделение из пути. Примечание: этот ярлык работает с любым выбранным контуром (слой-фигура, векторная маска и т. Д.).

Изменение положения опорных точек во время рисования — Если при рисовании с помощью инструмента «Перо» вы щелкнете, чтобы установить опорную точку и вам нужно ее переместить, удерживание клавиши пробела позволяет переместить эту опорную точку — , пока вы не отпустите мышью после щелчка, чтобы установить точку (в противном случае вы получите инструмент «Рука», как и ожидалось).Если вы уже отпустили мышь, удерживание Command (Mac) | Control (Win) переключит инструмент Pen Tool на инструмент Direct Selection, что позволит вам изменить положение точки привязки / линии направления / пути. Фактически, вы можете удерживать Command (Mac) | Control (Win) для переключения между любым из следующих инструментов: «Выбор контура», «Перо», «Добавить точку привязки», «Удалить точку привязки», «Преобразовать точку привязки» к инструменту «Прямое выделение».

Инструмент «Преобразовать точку» — Выбрав инструмент «Перо» (или инструмент «Перо произвольной формы»), наведите курсор на точку привязки и удерживайте Option (Mac) | Alt (Win), чтобы переключить инструмент «Перо» на инструмент «Преобразовать точку».Щелкните изогнутую точку с помощью инструмента «Преобразовать опорную точку», чтобы преобразовать ее в угловую точку, нажмите и перетащите с помощью «Преобразовать опорную точку», чтобы преобразовать угловую точку в изогнутую. Щелкните направляющую линию с помощью инструмента «Преобразовать опорную точку», чтобы разорвать направляющие линии (позволяя перемещать одну независимо от другой).

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

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

Используйте эти ярлыки для быстрого изменения параметров инструмента Магнитное перо:

[или] уменьшает / увеличивает ширину

[или] + Shift переходит к минимальной / максимальной ширине

‘,’ (запятая) или ‘.’ (Точка) уменьшает / увеличивает контрастность края

‘,’ (запятая) или ‘.’ (Точка) + Shift переходит к минимальному / максимальному контрасту края

‘;’ (точка с запятой) или »’ (апостроф) уменьшает / увеличивает частоту

‘;’ (точка с запятой) или »’ (апостроф) + Shift переходит на минимальную / максимальную частоту

Замыкание контуров с помощью магнитного пера — При использовании инструмента «Перо произвольной формы» с включенным параметром «Магнитный» (на панели параметров) дважды щелкните, чтобы закрыть контур.Вариант удержания (Mac) | Alt (Win), чтобы закрыть путь прямолинейным отрезком.

Инструмент «Перо кривизны» — Это видео (новый инструмент «Перо кривизны» в Photoshop) демонстрирует, как использовать инструмент «Перо кривизны» в Photoshop. Вот несколько ярлыков, показанных на видео:

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

• Чтобы преобразовать плавную опорную точку в угловую или наоборот, дважды щелкните точку.

• Чтобы переместить точку привязки, просто перетащите ее.

• Чтобы удалить точку привязки, выберите ее и нажмите клавишу Delete. Примечание: пока точка привязки удаляется, кривая сохраняется и корректируется по отношению к оставшимся точкам привязки.

Панель «Пути» — Command -click (Mac) | Control-щелкните (Win) на имени пути на панели «Контуры», чтобы преобразовать путь в выделение.

• Чтобы преобразовать дополнительный путь и добавить его к выделению, Command + Shift-щелчок (Mac) | Control + Shift-щелкните (Win) имя вторичного пути на панели «Контуры».

• Чтобы вычесть вторичный путь из выделения, Command + Option-щелкните (Mac) | Control + Alt-щелкните (Win) имя вторичного пути на панели «Контуры».

• Чтобы пересечь вторичный контур из выделенного фрагмента, Command + Option + Shift-щелкните (Mac) | Control + Alt + Shift-щелкните (Win) имя вторичного пути на панели «Контуры».

Создание плавных, точных мазков рисования с помощью контуров — Для создания плавных, плавных мазков краски часто легче обводить контур. Сначала создайте контур с помощью инструмента «Перо». Затем убедитесь, что инструмент рисования, который вы хотите использовать, настроен с правильными параметрами (такими как размер кисти, непрозрачность и т. Д.). Наконец, в раскрывающемся меню панели «Контуры» выберите «Обводка контура» и выберите нужный инструмент. Это может быть чрезвычайно полезно, например, при попытке добавить подсветки по краю объекта.

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

На этой иллюстрации первый контур был проведен кистью с отключенным параметром «Имитация давления». У второго и третьего путей была отмечена опция Simulate Pressure; на среднем рисунке показан эффект от настройки непрозрачности кистей на «Нажим пера», на рисунке справа показан эффект от установки размера кисти на «Нажим пера».

Изменение цвета, толщины и сглаживания контуров — Чтобы упростить просмотр контуров в Photoshop (например, на мониторах с более высоким разрешением), выберите инструмент «Перо» и щелкните значок шестеренки на панели параметров, чтобы настроить толщину и Цвет Пути. Примечание: это также изменит ширину и цвет контуров для слоев-фигур, а также векторных масок. Вы также можете управлять настройками пути в разделе «Установки»> «Направляющие, сетка и фрагменты» (в разделе «Пути»).

Чтобы отключить сглаживание, выберите «Настройки»> «Производительность». В разделе «Параметры графического процессора» щелкните «Дополнительные параметры» и снимите флажок «Направляющие и пути защиты от псевдонимов». Примечание. Вы не увидите изменения, пока не нажмете OK в диалоговых окнах Advanced Processor settings и Preferences, чтобы применить изменение.

Примечание: с выпуском Photoshop CS6 (2012) Adobe изменила поведение по умолчанию при перетаскивании векторных кривых; изменение формы пути более изящно при перетаскивании отрезков линии. Однако, если вы предпочитаете устаревшее поведение, выберите инструмент «Выбор контура» или «Прямое выделение» и установите флажок «Ограничить перетаскивание контура» на панели параметров.

А вот и пост по теме: Десять быстрых клавиш для работы с векторными масками в Photoshop, если вам интересно!


Как убрать обводку с контура в Photoshop | Small Business

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

Stroke Path

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

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

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

Выберите инструмент «Карандаш» или «Кисть». Настройте панель «Параметры» инструмента, выбрав нужный тип и размер кисти. Выберите желаемый цвет в цветовой палитре.

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

Удалить обводку

Найдите палитру «Слой».

Выделите прозрачный слой, созданный на предыдущих шагах.

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

Ссылки

Ресурсы

Советы

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

Биография писателя

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

Как создать пунктирную линию в Photoshop — MakiPlace

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

Использование кистей и контура

Простым решением для создания пунктирных линий в Photoshop является использование кистей и контура. Ниже приведены шаги по созданию простой пунктирной линии в Photoshop:

Шаг 1: Откройте пустой документ.

Шаг 2: Выберите инструмент КИСТЬ.

выберите инструмент кисти

Шаг 3: Откройте окно КИСТИ, щелкнув ОКНО -> КИСТИ (или нажмите F5). В настройках мы выбрали обычную круглую кисть, размер 12, и интервал около 170% (вы можете отрегулировать и поэкспериментировать с настройками).Вы заметите, что обводка изменится с волнистой на пунктирную.

Настройки кисти

Шаг 4: Вернитесь к документу и выберите ПЕРО.

Вернитесь к своему документу и выберите инструмент «Перо».

Шаг 5: В верхней панели инструментов после выбора инструмента «ПЕРО» нажмите на параметр «ПУТЬ».

Выбрав инструмент «Перо», щелкните параметр «Путь».

Шаг 6: Создайте НОВЫЙ СЛОЙ, а затем, удерживая клавишу SHIFT, перетащите линию в документе с помощью инструмента «ПЕРО», чтобы нарисовать прямую ПУТЬ.

Нарисуйте прямой путь

Шаг 7: Щелкните правой кнопкой мыши созданный путь и выберите ПУТЬ ПУТЬ.

Щелкните правой кнопкой мыши созданный путь и выберите путь обводки.

Шаг 8: Когда откроется окно ЗАПИСЬ ПУТЬ, выберите КИСТЬ и нажмите ОК.

Выберите кисть и нажмите ОК.

Шаг 9: Теперь вы создали простую и прямую пунктирную линию. Вы всегда можете изменить цвет, щелкнув инструмент цвета перед созданием контура обводки.

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

Шаг 10: Вы заметите, что линия контура все еще осталась позади.Чтобы удалить это, перейдите на панель PATHS и удалите слой Work Path. После удаления линия пути исчезнет.

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

Пунктирная линия с использованием фигур

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

Шаг 1: Выполните ШАГИ 1-5 из руководства «ИСПОЛЬЗОВАНИЕ КИСТИ И ПУТЬ» выше.

Шаг 2: Создайте новый слой и используйте инструмент «Форма», чтобы создать форму. В этом примере мы будем использовать инструмент Ellipse Pen Tool.

Использование инструмента «Перо эллипса»

Шаг 3: В документе, удерживая клавишу SHIFT, перетащите вниз, чтобы создать идеальный круг в соответствии с вашим предпочтительным размером. Когда закончите, щелкните правой кнопкой мыши по кругу и выберите STROKE PATH.

Шаг 4: Выберите КИСТЬ и нажмите ОК. У вас будет круг, обведенный точками. Если вы присмотритесь, вы увидите, что линия PATHS все еще там.Опять же, чтобы удалить его — просто перейдите на панель PATHS и удалите слой Working Path.

Шаг 5: Перейдите на панель слоев, скройте СЛОЙ 1 и создайте еще один слой.

Шаг 6: Измените предыдущий цвет на второй по вашему выбору (в этом примере мы будем использовать ярко-зеленый). Нажмите F5, чтобы вызвать настройки КИСТИ, и выделите / отметьте ДИНАМИКА ЦВЕТА. Убедитесь, что джиттер переднего / заднего плана равен 100%.

Шаг 7: Выберите инструмент ELLIPSE PEN TOOL снова и удерживайте клавишу SHIFT.Перетащите инструмент «Перо» в документ, чтобы создать идеальный круг.

Шаг 8: Щелкните правой кнопкой мыши только что созданный круг и выберите ПУТЬ ПУТЬ.

Шаг 9: Выберите КИСТЬ и нажмите ОК.

Шаг 10: Теперь у вас есть разноцветная пунктирная круглая граница, но линия контура все еще присутствует, поэтому, чтобы удалить ее, перейдите на панель PATHS и удалите слой «Рабочий контур».

Вы можете создать любое количество форм и размеров с помощью ПЕРА — от квадрата до прямоугольника, любая форма может иметь собственную границу из пунктирной линии.Настройте его и добавьте несколько стоковых изображений и слоев, чтобы создать новое изображение. См. Примеры ниже:

Обводка текста кистью в Photoshop

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

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

Вот только один пример эффекта, который мы создадим:

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

Приступим!

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

Шаг 1. Создайте путь из текста

Для начала я создал новый документ Photoshop размером 1000×400 пикселей, залитый белым, и, поскольку этот урок посвящен тому, как нанести мазок кисти вокруг текста, я добавил один текстовый слой, содержащий слово «BRUSH» (в качестве шрифта я выбрал Arial Black, потому что этот эффект лучше всего работает с более толстыми буквами):

Исходный документ.

Прежде чем мы сможем обвести буквы кистью, нам сначала нужно преобразовать наш текст в контур. Щелкните правой кнопкой мыши (Win) / Щелкните (Mac), удерживая клавишу Control, на текстовом слое на панели «Слои»:

Щелкните текстовый слой правой кнопкой мыши (Win) или щелкните, удерживая нажатой клавишу «Control» (Mac).

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

Выберите в меню «Создать рабочий путь».

Шаг 2. Добавьте новый слой

Затем мы добавим новый слой для мазка кистью, не только потому, что всегда полезно размещать все на отдельном слое, но и потому, что в этом случае у нас нет выбора. Photoshop не позволяет нам использовать кисть на текстовом слое. Чтобы добавить новый слой, щелкните значок New Layer внизу панели «Слои»:

Щелкнув значок «Новый слой».

Photoshop добавляет новый пустой слой с именем «Слой 1» над текстовым слоем:

Новый слой появляется над слоем «BRUSH».

Шаг 3. Скрытие текстового слоя

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

Щелкните значок видимости текстового слоя, чтобы отключить его в документе.

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

Теперь вокруг букв виден контур пути.

Шаг 4. Выберите кисть

Далее нам нужно выбрать кисть. Выберите Brush Tool на панели инструментов:

Возьмите инструмент «Кисть».

Выбрав инструмент «Кисть», чтобы быстро выбрать кисть, щелкните правой кнопкой мыши (Win) / , удерживая нажатой клавишу «Control» (Mac) в любом месте документа, чтобы открыть средство выбора кистей . Используйте полосу прокрутки справа для прокрутки списка доступных кистей, затем дважды щелкните миниатюру той, которую вы хотите использовать, которая выберет кисть и закроет средство выбора кистей.Можете попробовать любую понравившуюся кисть. Для этого урока я выберу 36-пиксельную кисть Chalk (если у вас включены подсказки в настройках Photoshop, вы увидите название каждой кисти, когда вы наведете на них курсор мыши):

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

Шаг 5. Переход на панель путей

У нас есть путь вокруг букв, мы выбрали кисть и добавили новый слой на панель «Слои» для мазка кистью.Чтобы применить кисть к контуру, нам нужно переключиться с панели Layers на панель Paths , которая является частью той же группы панелей , что и панель Layers (and Channels). Чтобы переключиться на панель «Пути», щелкните вкладку имени :

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

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

Шаг 6: Обведите контур кистью

Чтобы добавить мазок кисти вокруг контура, щелкните значок Обводка контура кистью в нижней части панели контуров (второй значок слева):

Щелкните значок «Обвести контур кистью».

Вот результат, который я получил с помощью кисти Chalk, которую я выбрал в Brush Picker:

Результат после обводки контура меловой кистью.

Может потребоваться несколько проб и ошибок с разными кистями и / или кистями разных размеров, прежде чем вы добьетесь того, что вам нужно. Если выбранная вами кисть не дала желаемых результатов, нажмите Ctrl + Z (Win) / Command + Z (Mac) на клавиатуре, чтобы отменить шаг, затем щелкните правой кнопкой мыши ( Win) / Удерживая нажатой клавишу Control, щелкните (Mac) внутри документа, выберите другую кисть в палитре кистей и повторите попытку.

Если проблема была не в выбранной вами кисти, а в размере кисти, из-за чего мазок казался слишком толстым или слишком тонким, снова нажмите Ctrl + Z (Win) / Command + Z (Mac), чтобы отменить шаг, затем используйте клавиши левой и правой скобок на клавиатуре, чтобы быстро настроить размер кисти. Каждый раз, когда вы нажимаете клавишу левой скобки ( [), вы уменьшаете размер кисти. Нажатие клавиши правой скобки (] ) сделает ее больше.Вы увидите, как размер курсора кисти меняется при нажатии клавиш, чтобы вы могли предварительно просмотреть результат. Отрегулировав размер, щелкните значок «Обвести контур кистью», чтобы повторить попытку.

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

.

Та же техника, на этот раз с помощью кисти Rough Round Bristle вместо кисти Chalk.

А вот эффект от кисти Spatter.Каждая новая кисть, которую я выбираю, придает тексту новый вид:

Та же техника, на этот раз с одной из кистей Spatter.

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

Щелкните значок меню в верхнем левом углу палитры кистей.

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

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

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

Щелкните «Добавить», чтобы сохранить текущие кисти и добавить новые.

А теперь, если вы прокрутите вниз мимо исходных кистей в палитре кистей, вы найдете недавно добавленные кисти.Как и раньше, дважды щелкните тот, который хотите выделить, и закройте инструмент выбора кистей. Я попробую кисть Starburst — Large, которая является частью только что загруженного набора:

Выбор кисти «Звездообразование» — большая кисть, которая была установлена ​​с набором «Ассорти кистей».

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

Эффект с использованием кисти «Звездообразование».

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

Тот же рисунок теперь становится темнее после второго прохода кисти.

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

Щелкните в любом месте под рабочим контуром на панели «Контуры», чтобы скрыть контур в документе.

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

Миниатюра предварительного просмотра показывает мазок кисти на слое 1.

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

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