Как нарисовать перо в фотошопе. Руководство по применению инструмента перо в фотошоп

Я снова вас приветствую, мои дорогие читатели. Погода как обычно радует и с +1 перескочила до -10, из-за чего после позавчерашнего «плавания по лужам» вся вода замерзла и на работу я уже не шел, а катился как на коньках. Хорошо, что хоть не упал). Ну это нам не помешает нашим занятиям в фотошопе, тем более, что я еще рассказал не про все инструменты выделения области.

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

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

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

Кстати, кроме обычного пера есть еще и инструмент «Свободное перо» , находящийся в данной группе. Но работает он по типу обычного инструмента «лассо», т.е. вы сами аккуратно ведете линию выделения. Такой способ подходит далеко не для всех.

Увеличение опорных точек

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

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

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

Добавление опорных точек

Если вам кажется, что опорных точек мало и вам нужны дополнительные, чтобы сделать выделение точнее, то выберете инструмент «Перо+» и добавьте еще одну или несколько точек на линии выделения. И редактировать будет легче. Ну и как вы поняли, с помощью инструмента "Перо- " мы наоборот сможем некоторые ненужные опорные точки убрать.

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

Ну как? Я надеюсь, что у всех всё получается, но если есть вопросы или комментарии, то не забудьте выразить свои мысли.

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

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

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

С уважением, Дмитрий Костин.

Некоторые хитрости помогут вам освоить перо в Фотошопе.

Для тренировки создайте документ 600 х 600 px, разрешение 150 , фон белый:

Для работы с «контурами » используют эти инструменты:

Для начала нужно запомнить следующее:

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

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

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

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

Давайте попробуем:

Включите инструмент «перо », включите режим «контур » и выполните 1 -й пример (вверху).

Затем нажмите клавишу Esc (чтобы закончить вычерчивание первого контура) и выполните ниже 2 -й пример:

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

Для этого в процессе создания контура подведите инструмент к ранее созданному узлу, и вы увидите значок «минус » – щелкнув им на узле – можно удалить ненужную точку (Перо с минусом не разрывает контур. Для разрыва контура нужно выделить узел и нажать Delete ).

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

В нарисованных контурах различают узлы: гладкий , угловой и узел стыка .

Гладкий узел – обеспечивает плавный переход от одного сегмента к другому в виде единой дуги.

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

Узел СТЫКА (ОСТРЫЙ узел) – используется в тех местах, когда нужно сделать резкую смену направления кривой или соединить прямолинейный сегмент и криволинейный с резким переходом.

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

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

При перемещении с клавишей Alt контур будет дублироваться.

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

При перемещении вид стрелки изменится (см. рисунок ниже – б) ) .

Белой стрелкой можно изменять и сами сегменты.

Если сегмент криволинейный – при его перемещении он будет изменяться (вытягиваться и/или гнуться) - см. рисунок ниже – в) .

Если контур прямолинейный – он будет просто перенесен (см. рисунок ниже – г) ) .

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

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

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

Для работы с цифрами этих знаний достаточно, а рисовать будем вот что:

Начнем с самых простых чисел – 1 и 4 .

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

Сначала разберемся с одиночными дугами. Дуга имеет одно свойство – она настраивается.

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

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

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

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

Рисуются эти цифры одинаково, только одна сверху вниз, а другая снизу вверх.

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

Во всех узлах выполняется протягивание. 1 и 3 точки накладываются друг на друга:

Финальный результат

Оставшееся преобразование – острие у восьмерки и ноль к форме яйца попробуйте привести сами.

Когда дело доходит до создания сложного выделения в Photoshop, пользователи делятся на два типа людей - те, кто знает и умеет пользоваться инструментом "Перо" (Pen Tool) и те, кто боятся его осваивать. Вторая группа пользователей, а их большинство, стараются отложить на потом изучение "Пера", либо просто не находят времени для обучения, полагая, что "Перо" - это слишком сложный и непонятный инструмент. В конечном счете, это сказывается на качестве и затраченном времени их работы в Photoshop, так как они застряли на использовании инструментов выделения группы "Лассо" (Lasso Tool).

В этом материале мы собираемся положить конец страданиям. Мы рассмотрим, насколько легко и эффективно на самом деле использовать "Pen Tool".

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

Ещё один интересный момент. Одно из основных заблуждений пользователей заключается в том, что многие считают, что Pen Tool - инструмент, используемый исключительно в Photoshop. Не тут-то было! Практически все популярные редакторы фотографий, и другие графические программы, включая 3D редакторы, используют аналог Pen Tool. Так что получение навыков работы "Пером" в Photoshop поможет в освоении и других графических программ!

Где находится инструмент "Перо"

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

Вы найдете Pen Tool в нижней части инструментальной панели:

Почему он так называется?

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

Дело в том, что это название сложилось исторически. Если Вы имеете какой-либо опыт работы с графическими программами, то Вы, наверняка, слышали такое понятие, как "линии Безье", или "кривые Безье".

Принцип работы "Пера" был придуман французским инженером по имени Пьер Безье, и создан он был для разработки дизайна автомобилей Renault. Этот метод получился настолько удачным, что получил дальнейшее распространение, теперь инструмент Безье (Bezier Pen) в тех или иных вариантах применяется во всех уважающих себя графических программах.

Не стала выделяться из общего строя и компания Adobe Photoshop, разработчики компании взяли принцип математического описания контуров, используемых инструментом Безье, прикрутили его к Photoshop`у и, чтобы не менять традиции, оставили "Перу" старое название.

А теперь мы переходим к тому, что мы можем получить с помощью "Пера". В Photoshop "Перо" создаёт контуры .

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

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

Контуры бывают двух видов - открытыми и замкнутыми, пример замкнутого контура - окружность, пример открытого - отрезок.

Подробнее создание контуров мы рассмотрим в дальнейших материалах этого цикла.

Многих волнует вопрос, с какой стороны подойти к инструменту Перо?

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

Этот материал окажет вам неоценимую помощь в выполнении различных фотошоп уроков.

Инструменты группы "Перо" и работы с контуром: и

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

Итак, все начинается с Пера .

Будем рассматривать инструменты группы "Перо" на примере яйца! Причем не простого, а золотого! Теперь бегом в холодильник, потому что рисовать мы будем с натуры:)

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

Это конечно не яйцо, а какой-то неотесанный камень.

Перед тем как приступать к сглаживанию, познакомимся с двумя инструментами - это:

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

Выделение контура

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

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

Если вы щелкните по пустому контуру этим инструментом, то появятся белые точки.

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

Таким образом вы можете редактировать контур.

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

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

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

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

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

Кроме того, точки можно удалять с помощью инструмента

Мы лишились половины яйца.

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

Если вы хотите попробовать нарисовать яйцо от руки, то возьмите Перо произвольной формы

Нарисуйте нужную форму:

У вас надеюсь лучше!

Затем берете стрелку редактирования и получаете что-то подобное:

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

Перо станет вашим любимым фотошоп инструментом.

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

Вопросом "как пользоваться пером в фотошопе ?" часто задаются не только новички, но даже продвинутые пользователи программы, которым, попросту, ранее не приходилось сталкиваться в своей работе с этим инструментом. Для тех, кто лишь начинает знакомиться с Пером (Pen), будет полезно знать, где оно находится:

В выпадающем списке, который доступен пользователю после щелчка мышью по иконке с Пером, есть несколько похожих инструментов, функции которых, тем не менее, существенно отличаются. Среди них: Pen Tool - собственно перо, Freeform P.T. - перо произвольной формы, Add\Delete Anchor Point Tool - инструменты для добавления\удаления опорной точки и Convert Point Tool - инструмент для преобразования точек. Обратите внимание на горячую клавишу Р, которой вызывается Перо.

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

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

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

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

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

При работе с Пером нужно обратить внимание на такие нюансы:
- если делаете контур гладким, постарайтесь не использовать слишком много опорных точек;
- в гладкой фигуре точки лучше ставить не в месте излома, а посреди линии (в воображаемом месте изгиба);
- Перо отлично подходит не только для рисования, но и для аккуратного выделения фигуры. Для этого удерживайте кнопку Ctrl и обведите рисунок прямоугольным выделением.
- выделенные контуры можно с успехом копировать и использовать отдельно.