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

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

Что такое контуры и зачем они нужны

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

Контуры сами по себе в Photoshop не имеют ни толщины, ни цвета. Они являются вспомогательным инструментом для выполнения различных действий: выделений сложной формы, построения изображений, для криволинейного расположения текста (вдоль какой-то кривой) и т.д.

Контур может быть замкнутым, не имеющим ни начала, ни конца (к таким контурам относятся эллипсы и произвольные многоугольники),

или открытым, имеющим отдельные конечные точки (например, зигзаг или волнообразная линия).

Контуры сохраняются в текущем документе совместно с растровыми объектами. Все имеющиеся в документе контуры доступны на палитре Paths (Контуры) .

Что можно делать с контуром?

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

2.Если контур замкнутый можно окрасить внутреннюю область в какой-либо цвет (команда Fill Pass, нажимаете на контуре правой кнопкой - выбираете из меню)или преобразовать контур в выделение (команда Make Selection, нажимаете на контуре правой кнопкой - выбираете из меню).

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

Как рисовать контур произвольной формы?

Рисовать контур нужно инструментом Pen Tool (Перо).

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

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

Если при работе инструментом удерживать нажатой клавишу «Shift», будет создан контур правильной формы (соседние точки преломления будут располагаться под углами, кратными 45°, а точки сглаживания будут размещаться на дуге воображаемой окружности).

Инструменты группы Перо

Инструмент панели инструментов фотошоп Pen Tool (Перо) включает несколько инструментов:
инструмент Pen Tool (Перо) - предназначен для вычерчивания векторного контура (контур задается набором его узловых точек);
инструмент Freeform Pen Tool (Свободное перо) - предназначен для вычерчивания векторного контура (контур задается набором нарисованных от руки линий);
инструмент Add Anchop Point Tool (Добавить опорную точку) - предназначен для добавления новых узловых точек к имеющемуся векторному контуру, с его помощью можно изменить форму контура, переместить узлы или направляющие;
инструмент Delete Anchop Point Tool (Удалить опорную точку) - предназначен для удаления существующих узловых точек из векторного контура, с его помощью также можно изменить форму контура, переместить узлы или направляющие;
инструмент Convert Point Tool(Угол) - предназначен для изменения типа узловых точек и формы существующих векторных контуров.

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

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

Панель настройки параметров инструмента Перо

На панели настройки параметров инструмента Перо необходимо отметить следующие элементы:

Далее с помощью соответствующих кнопок можно прямо с панели параметров перейти к инструменту Pen Tool (Перо), Freeform Pen Tool (Свободное перо), Rectangle Tool (Прямоугольник), Rounded Rectangle Tool (Прямоугольник со скругленными углами), Ellipce Tool (Эллипс), Polygon Tool (Многоугольник), Line Кнопки отвечают за установку того или иного режима комбинирования контуров (новый контур, добавление к существующему контуру, вычитание, пересечение контуров и т.д.) и аналогичны таким же настройкам инструментов выделения.

Для режима Shape Layers (Слой-фигура) есть кнопки

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Начинаем

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

Создайте новый документ (Ctrl + Shift + N)размером 284х284 пикселя. Нужно включить Сетку. Для этого перейдите в меню View ? Show ? Grid (Ctrl + ‘). Также активируйте Привязку (View ? Snap) (Shift + Ctrl + ;).

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

Выберите инструмент Pen Tool и в параметрах инструмента установите следующие значения:

Выберите любой для фигуры на своё усмотрение.

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

Попробуйте нарисовать такую звезду (или любую другую фигуру):

Рисование кривых

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

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

Постарайтесь нарисовать круг.

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

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

Примеры фигур

Теперь применим то, что мы изучили. Если ВЫ использовали тот же размер холста, что и я, то можете скопировать мои рисунки в Ваш документ и следовать моим якорным точкам.

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

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

Теперь попробуйте создать ещё одну фигуру:

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

В завершении давайте нарисуем иконку инструмента Pen Tool.

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

Заключение

Инструментом Pen Tool можно без труда нарисовать векторную фигуру любой формы, размер которой можно будет изменять без потери качества. Есть некоторые ограничения в пределах программы Photoshop. Лучше работать с векторной графикой в программе Adobe Illustrator.

Если Вы захотите сохранить нарисованную фигуру, то при активном инструменте Pen Tool кликните правой кнопкой мыши на ней и выберите Define Custom Shape, дайте имя фигуре. Помните, что такая фигура не будет терять качество при изменении размера.

Поделитесь уроком

Правовая информация

Переведено с сайта www.tutorial9.net , автор перевода указан в начале урока.

В отличие от «Лассо », инструмент «Перо » не учитывает пиксели, находящиеся под ним, что дает полный контроль над выделением. Создавая постоянное выделение вместо временного. Перо позволяет вернуться и изменить его. Хотя использование и настройка пера в фотошопе отнимает больше времени, чем другие инструменты, когда дело доходит до аккуратного выделения, Перо сильнее. Рассмотрим, как работать инструментом «Перо» в фотошопе

Инструмент «Перо»: как пользоваться пером в фотошопе

Инструмент «Перо » создает пути на изображении, соединяя множество точек. С точки зрения фотографов этот инструмент идеален, как способ вырезать разнообразные объекты.

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

Совет: Перо можно выбрать, если нажать английскую букву P на клавиатуре.

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

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

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

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

Изменение контуров с помощью пера

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

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

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

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

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

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

Контур превратится в пунктирную линию – вырезанный объект теперь выбран. Теперь можно скопировать выбранный участок и вставить его в другой файл или добавить маску. Для добавления маски выбранный объект должен быть подсвечен. Кликните по слою, на котором он находится, затем щелкните по значку «Добавить слой-маску » внизу панели «Слои ». Она выглядит как прямоугольник с кружком внутри. Маска будет автоматически применена для выбранного слоя.

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

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

Перевод статьи “How To Use The Pen Tool To Make Detailed Selections ” был подготовлен дружной командой проекта .

Хорошо Плохо