Как пользоваться пером в Фотошопе

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

Строим контур с помощью Пера

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

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

1. Берем перо и устанавливаем опорную точку #1.
   
2. Пришло время поставить 2-ую опорную точку. После того как выбрали место для второй точки и кликнули мышкой, не отпускайте ее. Тянем направляющую (луч) в нужном вам направлении. Все зависит от того, в какую сторону вы хотите изгибать участок.
   Следующий луч можно не трогать и изгиб будет установлен по умолчанию.
   Заранее, перед тем, как вы поставите точку, можно  посмотреть, как именно контур будет изгибаться. Для этого нужно в вернем меню установить галочку в графе “Просмотр”. См. скриншот ниже:
   Если вы не хотите получить изгиб в следующем отрезке, нужно зажать клавишу ALT и потянуть направляющую (луч) в обратную сторону, к точке #2. После этого лучше пропадет, если вы все сделали правильно.Есть и другой метод получит изгиб контура: устанавливаем 2 точки, без предустановленного изгиба. После устанавливаем еще одну точку между ними. Зажав CTRL просто тянем в желаемую сторону, создавая тем самым изгиб.
   
3. Для работы по перемещению точки в контуре, всегда нужно держать зажатой клавишу CTRL. В случае с направляющими (лучами) нужно зажимать ALT.
4. Замыкается контур лишь в момент установки финальной точки поверх самой первой опорной точки.

Заливаем контур

1. Для заливки полученного контура кликаем правой кнопкой мыши по холсту и выбираем пункт «Выполнить заливку контура».
   
2. В окне настроек можно выбрать тип заливки (цвет или узор), режим наложения, непрозрачность, настроить растушевку. После завершения настроек нужно нажать ОК.
   

Обводим контур

Сперва нужно выбрать и настроить нужный инструмент.

Мы сделаем обводку с помощью Кисти.

1. Берем «Кисть».
2. Устанавливаем нужный размер, жесткость и форму кисти (этот урок мы проводим в Photoshop CC, поэтому у вас могут быть отличия, но незначительные).
3. Кликаем по палитре и устанавливаем нужный вам цвет.
4. Возвращаемся к инструменту «Перо». Затем правой кнопкой мыши щелкаем по контуру. В появившемся меню нужно выбрать «Выполнить обводку контура».
5. Здесь устанавливаем в качестве инструмента “Кисть” и кликаем “ОК”.

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

Создаем кисть

Отдельный урок по этой теме: Как создать кисть в Photoshop

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

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

1. Переходим в верхнее меню, кликаем “Редактирование” и выбираем “Определить кисть”.
2. Вписываем “Имя” создаваемой кисти и кликаем “ОК”.

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

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

Создаем фигуру

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

1. Нажимаем правой кнопкой мыши ПКМ по контуру и кликаем на «Определить произвольную фигуру», как показано на скриншоте ниже:
2. Вписываем в поле название будущей фигуры и кликаем “ОК”.
3. Чтобы воспользоваться вновь созданной фигурой, необходимо найти в панели инструментов «Произвольная фигура».
4. После, в верхнем меню из списка доступных фигур выбираем нашу.

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

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

Делаем обводку объекта

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

Обратите внимание лишь на 2 момента:

1. Когда обводите, масштабируйте изображение при помощи кнопки CTRL в сочетании с клавишей “+(плюс)”
2. При обводке следите за тем, чтобы контур не смешался внутрь объекта, по крайней мере не сильно.

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

Для образования выделенной области щелкаем правой кнопкой мыши по объекту и кликаем на “Выделить область”.

Появится окно настроек, в котором устанавливаем параметры по своему усмотрению.

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

Обязательно ставим галочку напротив пункта «Сглаживание» и жмем “ОК”.

Результат выделения выглядит так:

Если хотите скопировать выделенный объект, то сделать это можно с помощью комбинации CTRL+J. Таким образом мы еще и отделим объект от фона.

Удаляем контур

Если вам нужно удалить контур, то просто инструментом “Перо” нажимаем на объект правой кнопкой мыши и выбираем «Удалить контур».

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

Как пользоваться инструментом перо в фотошопе?

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

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

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

Теперь сделайте следующее:

1. Создайте новый документ Photoshop с произвольными настройками.
2. Выберите инструмент Перо.
3. Щёлкните там, где должен начинаться контур. Так вы создадите первую опорную точку. В ней будет начинаться отрезок.
4. Щёлкните кнопкой мыши там, где грань контура должна заканчиваться. Чтобы угол наклона сегмента не превышал 45 градусов, во время щелчка удерживайте нажатой клавишу
   Shift.
5. Добавьте третью опорную точку там, где должен заканчиваться второй отрезок (выходить он будет из первой опорной точки).
6. Добавляйте столько опорных точек, сколько нужно. Чтобы завершить контур, щёлкните в первой опорной точке. Если указатель установлен верно, рядом с пером появится окружность. Если же вы хотите оставить контур открытым, просто выберите другой инструмент.

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

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

2. Щёлкните кнопкой мыши на второй опорной точке, а затем, удерживая её нажатой, задайте кривизну и форму дуги.

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

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

3. Аналогичным образом нарисуйте остальные грани контура.
4. Для завершения щёлкните на первой опорной точке.

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

Полезные ссылки:

Рисуем фигуру пером в фотошоп

Автор Ирина Сподаренко. Ссылка на статью и автора обязательна.

Рисуем облако пером

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

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

Возьмите Pen Tool (Перо), на панели параметров нажмите кнопку Paths (Контур), чтобы рисовать контур без заливки, и нарисуйте вот такую фигуру, просто щелкая в нужных местах пером:

Если непонятно, что такое Перо и Контур, то посмотрите Обзор инструмента Pen (Перо).

Стрелки Path Selection Tool и Direct Selection Tool, расположенные на панели инструментов сразу под пером, позволяют передвигать контур или отдельные его узлы. Используйте эти стрелки для редактирования, если созданный вами контур получился не совсем удачный.

На облако это мало похоже. Выберите инструмент  Add Anchop Point Tool (Добавить опорную точку) из группы инструментов Перо и проставьте дополнительную узловую точку на середине какого-нибудь прямого отрезка.

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

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

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

Выберите на панели инструментов фотошопа основной цвет белый.

Щелкните правой кнопкой где-нибудь на контуре или рядом с ним. Откроется контекстное меню для работы с контуром.

В этом меню выберите Fill Path (Заливка контура). В открывшемся диалоговом окне можно выбрать цвет заливки основной или фоновый, радиус размытия (Feather Radius) и режим перекрытия слоев.

Вот результат — нарисовано симпатичное белое облако:

А если облако не должно быть белым, и нужно нарисовать только контур облака? Отмените последнее действие — заливку контура: палитра History (История), на шаг назад.

Выберите и настройте инструмент Pencil (Карандаш). На панели параметров задайте ему толщину 2 или 4 пикселя.

Щелкните правой кнопкой, чтобы вызвать контекстное меню для работы с контуром. В меню выберите Stroke Path (Обводка).

В открывшемся окне выберите инструмент Pencil (Карандаш),

нажмите ОК и получите результат — обведенный карандашом контур облака.

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

Отмените последнее действие — обводку карандашом: палитра History (История), на шаг назад. На панели инструментов выберите инструмент Brush (Кисть), задайте ей такие параметры:

(Подробнее про работу с кистью )

Щелкните правой кнопкой, чтобы вызвать контекстное меню для работы с контуром. В меню выберите Stroke Path (Обводка) и в диалоговом окне вместо Pencil (Карандаш) установите Brush(Кисть)

Получится вот такой результат:

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

Define Custom Shape (Определить фигуру).

В открывшемся окне задайте имя фигуры и ОК.

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

Как пользоваться пером в фотошопе?

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Данная публикация является переводом статьи «How To Use The Pen Tool To Make Detailed Selections» , подготовленная редакцией проекта.

Инструмент Перо в фотошопе, как им пользоваться, настройки пера, возможности и разновидности.

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

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

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

1. Основные принципы работы и настройки

Давайте для начала рассмотрим базовый функционал инструмента «Перо».

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

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

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

Например, если мы работаем на синем фоне, то кривую будет очень плохо видно, выходом из данной ситуации будет смена её цвета. Толщина кривой по умолчанию стоит 1 пиксель, но

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

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

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

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

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

Вся работа с пером завязана на использовании мыши и трёх основных клавишь: Ctrl, Alt и Shift. Для того, чтобы свободно и быстро работать с инструментом перо необходимо просто немного
попрактиковаться используя клавиши мыши и упомянутые кнопки клавиатуры. Рассмотрим пример с обводкой объекта по контуру. Поставим первую точку здесь, вторую будет логично поставить
тут,чтобы получить кривую.

Теперь, как мы видим, следующую точку, для получения обводки по контуру поставить не получится, потому что кривая идет отноcительно линии. Если мы попробуем настроить угол этой линии, удерживая «Ctrl», то нарушим первый участок кривой.

Имеется пара вариантов решения данной задачи. Первый — удерживая «Alt» просто настраиваем угол направляющей и ставим следующую точку.

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

Таким образом проходим по контуру объекта. Вообщем — это вся стандартная работа с кривой, которой можно обучиться только на практике, не бойтесь экспериментировать с клавишами «Ctrl» и «Alt», просто берите какой-нибудь объект и обводите его.

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

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

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

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

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

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

2. Перо кривизны

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

Теперь, если нужно подкорректировать кривую — это можно так же сделать с помощью точек. Удерживая «Alt» можно взять лубую точку зажать левую кнопку мыши и подкорректировать кривую. Корректировать точками кривую можно конечно и не только по окончанию обводки всего объекта, но и в процессе.

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

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

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

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

3. Свободное перо

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

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

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

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

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

Основы работы Pen Tool в Фотошопе

Я решил написать подробный гид по использованию инструмента Перо в Фотошопе или Pen Tool, его англоязычное название. И причины, которые меня побудили на это, заключаются в том что Перо очень непростой инструмент. Изучение Пера осложняет также то, что в Фотошопе он идет в связке с массой непонятных настроек. Даже подробный разбор всех настроек не гарантирует успешное освоение инструмента Pen Tool и вот почему. Рисование контуров Пером — исключительно моторный навык. То есть надо понять на неком подсознательном уровне, как и по каким законам гнётся кривая Pen Tool.

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

Немного об инструменте Pen Tool (Перо)

Pen Tool — стандартный и типовой инструмент для создания векторных кривых где бы то ни было. В различных вариациях он присутствует почти во всех программах для графического дизайна. Он есть в Фотошопе и Иллюстраторе. Честно говоря он переехал в Фотошоп как раз из Иллюстратора, вместе с другими базовыми инструментами вектора лет 15 назад. Он есть в Corel Draw, там он называется Bezier Tool. Конечно, перо было и в Macromedia Freehand, пока программа была жива. Есть перо и в бесплатных программах вектора типа InkScape. Перо есть в InDesign в Flash и даже в GIMP-e. Во всех перечисленных программах перо везде работает одинаково. То есть, если вы разобрались с пером в Фотошопе, то разобрались с ним во всех перечисленных мною графических платформах.

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

Ну и в заключении немного истории. Инструмент Pen Tool или Перо Безье, как его называют во всем мире, основано на математической формуле математика Пьера Безье. На самом деле Поль де Кастельжо изобрел кривые Безье немного раньше самого Безье. Но его работы не опубликовались, так как являлись корпоративной тайной Ситроен. Впрочем исторический экскурс вы можете прочитать и сами в Википедии, в том числе и о самой Кривой Безье. Нас же больше интерисуют не графики с формулами, а ответ на простой вопрос: как же этим Пером нарисовать хотя бы что-то?

Как настроить Перо в Фотошопе

Перед тем как учиться рисовать кривые убедитесь что на панели Настроек Windows > Options у вас стоят правильные значения. Выберите Pen Tool и взгляните на панель наверху. В области режимов вектора у вас должно стоять Path. Мы будем рисовать только в этом режиме. В режимах сложных фигур у вас должно стоять Add to path area (+). Я очень кратко расскажу об этих настройках, но если вы жаждете подробных обзоров, то я уже написал их:

Режим Path создает векторные контуры в чистом виде. Эти контуры ни к чему не прикреплены. Они существуют вне зависимости от слоев. И, мягко говоря, инструментом Pen Tool в Фотошопе особенно не порисуешь. Он не был создан для рисования в чистом виде. Он несет лишь вспомогательную функцию. Другие два режима — Layer Shape создает фигуру, в виде слоя с привязанной векторной маской. И это единственный способ создания векторных фигур в Фотошопе. Слой заливки, ограниченный векторной маской. Нам этот режим не подходит, так как он сразу будет создавать маску и заливать её каким то цветом. Режим Fill Pixels создает растровые фигуры. Слава богу, при использовании Пера этот режим вообще заблокирован.

Режимы типа Add to path area (+) — вспомогательные режимы. Они созданы для того чтобы рисовать сложные фигуры. Например режим Subtract from area (-) — вырезает дырки в контурах. Другие режимы более специфичные, используются редко. А режим Add to path area (+) — добавляет контуры друг к другу.

Настройка панели Path в Фотошопе

Я уже говорил что Pen Tool в режиме Path создает контуры, которые существуют в отрыве от слоев. Но где то же эти контуры находятся и как то ими можно управлять? Находятся они в панели Path и если вы не можете найти её в своих панелях откройте Windows > Path.

По устройству панель Path похожа на панель Слоев, но работает немного иначе. В ней уже присутствует базовый слой Work path. Это не обычный слой, а скорее временная область. Все отрисованные кривые в Фотошопе появляются на слое Work Path. И пока кривые остаются выделенными, слой  Work Path сохраняет их для нас. Но стоит нам потерять выделенную кривую, как Work Path обнулится, а контур будет удален. Почему выделение пропадает? Например, вы можете случайно кликнуть по какой-то векторной маске. Или вы можете перейти на панель Path и кликнуть по пустой области. Тогда слой Work Path потеряет выделение, и когда вы опять переключитесь на Pen Tool и начнете рисовать, все старые контуры на Work Path будут удалены.

Чтобы не терять выделенные контуры я советую сразу сохранять их. Для сохранения нужно дважды кликнуть по слою Work Path. Тогда он предложит сохранить контур в отдельный «слой». Либо, другой вариант, нажмите на небольшую иконку на дне панели контуров Create New Path. Тогда панель создаст новый не стирающийся слой для контуров. Но я все же советую работать так. Нарисовали новый контур, кликнули по Work Path и сохранили в новый слой. Таким образом ваши контуры всегда будут на разных «слоях», что очень удобно.

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

Как выделять Пером в Фотошопе

Чаще всего инструмент Pen Tool используют для выделения объектов, или обтравки. Конечно, сам по себе векторный контур ничего не выделяет, но из векторного контура можно легко сделать векторную маску, или преобразовать его в выделенную область, из которой можно получить и растровую маску. Кроме того вектор можно удобно изгибать, создавая мягкие окружности. Вы можете начать обтравку объекта Пером, затем переключиться на другой инструмент, а потом опять вернуться к обтравке. При работе с инструментами выделения типа Лассо пока не закончишь фигуру оторваться от работы не возможно. Я терял области выделения сотни раз, из-за случайного клика, или выскочившего окна аськи. С Pen Tool такие фокусы исключены. Поэтому многие предпочитают выделение Пером, нежели Лассо.

Рисовать и пользоваться инструментом Pen Tool я научился именно через выделение. Я выделял и выделял различные объекты и постепенно понимал принципы построения кривых. Я считаю что выделение объектов идеальный вариант изучения Пера в Фотошопе.

Самый простой способ выделить Пером

Самый простой способ начать пользоваться инструментом Pen Tool — забыть о направляющих. То есть, просто возьмите картинку и начинайте выделять предметы без использования направляющих. Как это делать? Очень просто. Сделайте клик, затем второй, затем третий. Примерно так.

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

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

Следующий шаг

Следующий шаг предполагает более смелое использование инструмента Перо. Зачем делать столько лишних точек? Начинайте понемногу пользоваться направляющими. Не ставьте просто точку. Поступайте так только на ровных контурах. На местах изгиба применяйте направляющие точки. Вначале короткие скромные направляющие. Кликайте инструментом Pen Tool и не отпуская клавишу мышки немного протягивайте курсор. Появятся направляющие линии. Создавайте короткие направляющие без всяких премудростей. Задавайте им направления в сторону линии.

Затем более крупные смелые. Чем крупнее будут ваши направляющие тем меньше вам понадобится точек. На этом шаге мы уже по настоящему начинаем использовать инструмент Pen Tool. Точек становится мало, направляющие длиннее. Они уже не всегда идут ровно по линии контура. Я убежден что научиться правильно располагать направляющие для точек можно только на практике, в полной мере поняв логику построения кривых.

Точки и направляющие Пера

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

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

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

Работа с инструментом Перо

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

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

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

Я продемонстрирую работу с Pen Tool создавая векторную область для буквы «R». Делая обтравочный путь, я постараюсь использовать все возможные приемы при работе с Пером.

 

Создаем обтравочный путь для буквы

R

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

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

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

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

 

Понятно что, в прошлом шаге мы действовали на ощупь и расставили направляющие неверно. Все это легко можно подправить. При включенном Pen Tool нажмите CTRL немного уменьшите направляющую. Кстати тоже самое можно сделать и нажав ALT, но CTRL вызывает инструмент Direct Selection Tool. Этим инструментом вы можете подвинуть векторные точки. Вы также можете поменять расположение векторных направляющих. Причем, если направляющие точки уже разбиты, вы можете редактировать их порознь друг от друга. Но если они связаны, то редактируются только симметрично друг другу. Чтобы разбить их надо вызывать Convert Point Tool или нажать ALT.

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

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

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

Очевидно, что я немного не учел расположение точек и направляющих, и перед предпоследней точкой нужна ещё одна. Или, возможно, нужно перенастроить направляющие. Я выберу первый вариант и создам дополнительную точку, чтобы получить ещё больше контроля над кривой. Наведите Pen Tool на пустое место в кривой, и когда на иконке инструмента появится + кликайте. Таким же образом вы можете удалять ненужные точки, наведя на них Pen Tool.

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

Теперь нажмите SHIFT и поставьте последние точки. На этом отрезке работы я хотел бы сохранить свой контур, чтобы случайно не потерять его. Переходим на панель Path, двойной клик по контуру, вписываем название. Контур сохранен.

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

Группа инструментов Пера

Говоря о инструменте Pen Tool, нельзя не упомянуть инструменты находящиеся с ним в одной группе. Прежде всего это сам:

Pen Tool — перо Безье, тот самый инструмент о котором я рассказываю всю статью

Free Form Pen Tool — аналог обычного Пера, но отличается тем, что рисует как обычная кисть. То есть не дает никакой возможности настраивать направляющие, а создает кривую на лету. К сожалению, этот инструмент не имеет никаких возможностей настроить сглаживание линии, поэтому кривую создает он ровно, там, где провели мышкой. Ну, а так как рука почти у всех дрожит, о гладких линиях можно забыть. Единственной интересной настройкой инструмента является галочка Magnetic. Она находится на панели настроек выше и превращает Перо, в Magnetic Lasso Tool. Только векторный.

Add Anchour Point Tool — добавляет точку на кривую. Нет никаких причин выбирать его отдельно. Обычный Pen Tool превращается в Add Anchour при простом наведении на кривую.

Delete Anchour Point Tool — удаляет ненужные точки кривых. И опять нет никакой необходимости выбирать его отдельно. Обычное перо прекрасно удаляет точки само, превращаясь в Delete Anchour при наведении на точку.

Convert Point Tool — позволяет перенастраивать с нуля направляющие точки. Готовые направляющие может растаскивать в разные стороны. Незаменимый инструмент, но вы убьете в два раза больше времени если будете постоянно его выбирать. Значительно проще использовать ALT при выбранном Пере.

Рисование Пером в Фотошопе

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

Вот несколько способов сделать это. Нарисуйте кривую и снимите выделение. Затем кликните по пустому полю на панели Path. И опять выделите слой Work Path. Кривая будет подсвечена, но не выделена.

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

Ещё один способ, просто сохранять все кривые в отдельных слоях на панели Path.

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

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

• Выделите одну из линий инструментом Direct Selection Tool или Path Selection Tool.
• Создайте новый слой, на который будет залита краска.
• Кликните по контуру правой кнопкой мыши и из выпадающего меню выберите Stroke Subpath

В появившемся диалоговом окне надо выбрать, конечно, кисть и галочку Simulate Pressure — которая симулирует реальное нажатие пера. Но до этого, вам конечно надо настроить инструмент Кисть Brush Tool, так как заливка произойдет в соответствии с её настройками.  Я поставил 7px размера, выбрал кисть с твердыми краями, и конечно не забудьте про галочку Tablet Pressure Control. Без неё с симулированием нажатия пера не очень срастается.

Можно смело нажимать ОК.

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

Заливка векторных фигур, нарисованных Pen Tool

Вернемся к букве R, которую мы нарисовали пару шагов назад. Вместо заливки контуров можно залить содержание фигуры. Для этого вместо Fill Stroke надо выбрать Fill Path из выпадающего меню.

Но вместо этого, можно сделать кое что получше. Выделите вашу фигуру и зайдите в Layer > New Fill Layer > Solid Color. У нас получился слой с заливкой и векторной маской. Этот слой можно уменьшать и увеличивать без потери качества. На этом я пожалуй закончу, так как возможности векторных контуров в Фотошопе приближаются к бесконечности.

Надеюсь вы узнали что-то новое и удачных экспериментов!

Автор:

Дмитрий Веровски

Инструмент «Перо» в Photoshop: особенности работы. Перо (Pen Tool) в Фотошопе: выделение объекта

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

Нажимаем правой кнопочкой в указанном на скриншоте месте в Панели инструментов и выбираем инструмент Волшебная палочка .

Перед использованием его необходимо немного настроить, иначе результат разочарует. Но для этого нужно знать, по какому принципу работает данный инструмент. В отличие от , которые ищут границы перехода пикселей одного цвета в другой и привязываются к контурам объекта, Волшебная палочка реагирует на тон того места, где мы кликнем ею. И таким образом, получим выделение большого участка с этим цветом. В верхней панели настроек можно поменять значение Допуска . Он показывает, насколько большим будет разброс по цвету, оттенку, тону в выделяемом участке. Ведь на фотографии оттенков коричневого, например, может быть достаточно много (светлые, темные, насыщенные и т.д.) и все их нужно выделить. Если я установлю значение 20, то это значит, что будет выделено 20 более темных и 20 более светлых рядом стоящих оттенков. Чем больше это значение, тем больше пикселей разных цветов захватит Волшебной палочкой. Посмотрите пример: слева установлено значение допуска 20, справа 50.

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

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

Теперь либо копируем на новый слой (Ctrl+ J ), либо вырезаем и вставляем в новый документ.

Лишнее стираем ластиком, не забыв его настроить.

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

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

2. Инструмент Перо

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

Давайте посмотрим в настройки инструмента: вверху выбираем параметр Контуры и установим параметр Исключить наложение областей .

Принцип действия Пера следующий: когда вы кликаете по картинке, в этом месте появляется опорная точка. Таким образом, нажимая в разных местах объекта, мы получим ломаную линию, как и при использовании прямолинейного лассо. Если же мы не просто нажмем, а еще и потянем в сторону мышкой, то получим уже не отрезок прямой, а кривую, которую можно регулировать направляющими по касательной. Предупреждаю, поначалу мышка не слушается, и кривые получаются как попало, нужно потренироваться! В отличие от Лассо, здесь у нас уже получается полноценный контур, каждую точку которого можно отредактировать в любой момент при рисовании. Например, если нам нужно удалить опорную точку, мы подводим к ней мышь и при появлении значка «-» нажимаем на нее. При этом остальная часть контура останется. Для добавления промежуточной точки нужно кликнуть на контур в том месте, где собираетесь ее добавить (при этом увидите знак «+»).

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

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

Выбираем кисть с настройками: размер 300 пикс, цвет f92a5b , непрозрачность 100% . Закрашиваем этой кистью выделенную область на новом слое, меняем режим смешивания слоя на Умножение .

Теперь сделаем яблоко более натуральным, добавим несколько светлых пятен. Меняем цвет кисти на f9ee94, непрозрачность 22%. И пару раз проходимся ею по яблоку.

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

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

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

Ваш домовенок Елена.

Всякие разные новости:

Вкусные идеи для Вас.

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

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

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

Построение контура

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

Заливка контура

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

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

Рассмотрим обводку на примере «Кисти» .

1. Выбираем инструмент «Кисть» .

2. Настраиваем размер, жесткость (у некоторых кистей данная настройка может отсутствовать) и форму на верхней панели.

3. Выбираем желаемый цвет в нижней части панели слева.

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

5. В выпадающем списке выбираем «Кисть» и нажимаем ОК .

После выполнения всех действий контур обведется настроенной кистью.

Создание кистей и фигур

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

Создаем кисть. Обратите внимание, что при создании кисти фон должен быть белым.

1. Идем в меню «Редактирование – Определить кисть» .

2. Даем название кисти и жмем ОК .

Созданную кисть можно найти в настройках формы инструмента («Кисти» ).

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

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

1. Кликаем ПКМ (перо у нас в руках) по холсту и выбираем пункт «Определить произвольную фигуру» .

2. Как и в примере с кистью, даем имя фигуре и жмем ОК .

Найти фигуру можно следующим образом: выбрать инструмент «Произвольная фигура» ,

в настройках на верхней панели открыть набор фигур.

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

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

Если Вы внимательно изучили параграф о построении контура, то сама обводка не вызовет затруднений. Только пара советов:

1. При обводке (она же «обтравка» ) увеличивайте масштаб изображения (клавиши CTRL+ «+» (просто плюс)).
2. Немного смещайте контур в сторону объекта, чтобы избежать попадания фона в выделение и частично отсечь размытые пиксели.

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

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

Удаление контура

Ненужный контур удаляется просто: при активированном инструменте «Перо» нужно кликнуть правой кнопкой мыши и нажать «Удалить контур» .

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

01.12.17 642

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Очень часто мне приходится слышать от любителей Фотошопа (та и других графических редакторов), что такое инструмент Перо (Pen Tool) . Так что же это такое и с чем его едят? Попробую ответить на этот вопрос достаточно полно (как мне кажется).

Выделение объекта в Фотошопе – Перо (Pen Tool)

Перо (Pen Tool) в Фотошопе является наиболее точным инструментом из общего фона, хотя и наиболее сложным. Я бы даже сказал не сложным, а нудным способом. Ведь не каждый способен высидеть столько времени, чтобы выделить большой объект. Основным плюсом по сравнению с другими вариантами отделения объекта является то, что с помощью инструмента Перо (Pen Tool) возможно вырезать с точностью меньше пикселя.

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

Выбираем инструмент Перо (Pen Tool), который находится в правой колонке Инструменты (Tools) и для этого инструмента выбираем параметр Пути (Paths), который находится на верхней панели слева.

Теперь аккуратно начинаем обводить наш объект, который мы собираемся отделить, если нам необходимо подправить созданное выделение, сделать это можно инструментом Стрелка (Direct Selection Tool), который находится рядом с инструментом Перо (Pen Tool). Если же надо добавить несколько узлов, то для этого используется инструмент Добавить узловую точку (Add Anchor Point Tool) (он находится там же, где и Перо (Pen Tool) ). Для удаления узлов используем Удалить узловую точку (Инструмент Delete Anchor Point Tool).

Теперь кликнем правой кнопкой мыши по изображению или же идем в меню Окно (Window) -> Пути (Paths) и так кликнем правой кнопкой и выбираем Создать выделение (Make Selection).

Теперь нам показалось окно, в котором необходимо указать Радиус растушевки (Feather Radius) углов в пикселях. Если мы оставим этот параметр равным нулю, то углы будут острыми. Для небольших объектов достаточно указать радиус равным 1 px, для нас же вполне хватит 2-3 пикселей растушевки.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Как пользоваться инструментом Photoshop Pen

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

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

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

Заполните путь

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Подробнее:

Учебное пособие по использованию инструмента «Перо»

| Photoshop для брендов электронной торговли

Бекки Килимник
13 ноября 2018 г.

В этой статье мы обсудим:

Основы работы с инструментом «Перо» в Photoshop

Как использовать Pen Tool в Photoshop

Другие параметры инструмента «Перо»

Что такое инструмент «Перо» в Photoshop?

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

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

Как чаще всего используется инструмент «Перо»?

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

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

Где находится инструмент «Перо» в Photoshop?

По умолчанию инструмент «Перо» расположен в нижней половине панели инструментов.Если вы нажмете и удерживаете Pen Tool на панели инструментов, вы увидите шесть отдельных параметров Pen Tool как в Photoshop CC 2018, так и в 2019 (если вы используете более старую версию Photoshop, вы можете увидеть только пять вариантов Pen Tool) .

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

Где находится панель контуров в Photoshop?

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

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

Обзор настроек Pen Tool

В Photoshop CC 2019 есть четыре различных инструмента «Перо», которые можно использовать для создания нового контура:

1. Стандартный инструмент Pen
2. Инструмент «Перо кривизны»
3. Инструмент Freeform Pen Tool
4. Инструмент «Магнитное перо» (отображается только при изменении настроек инструмента «Перо произвольной формы»)

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

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

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

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

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

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

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

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

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

Создание нового контура с помощью Pen Tool

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

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

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

Создание сегмента кривой с помощью инструмента «Перо»

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

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

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

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

Создание сегмента прямого пути после сегмента изогнутого пути с помощью инструмента «Перо»

Если вы хотите, чтобы следующий сегмент вашего пути не изгибался вдоль ручки вашей последней точки, вы можете «повернуть» точку, щелкнув по точке мышью и нажав ALT (ОПЦИЯ на Mac).Вторая ручка исчезнет.

На следующую точку, которую вы установите, не повлияет предыдущая кривая.

Завершение пути с помощью Pen Tool

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

Ваш путь будет закрыт.

Как сохранить свой путь

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

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

Как изменить существующий контур с помощью Pen Tool

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

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

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

Как добавить дополнительные пути к существующему контуру с помощью инструмента «Перо»

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

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

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

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

Как изменить существующие точки и кривые вдоль пути

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

Когда вы нажмете на видимый инструмент выбора пути, вы увидите параметры. Выберите инструмент Direct Selection Tool, который выглядит как белая стрелка.

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

Как добавить новые точки к пути

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

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

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

Как удалить точки с пути

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

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

Как использовать инструмент Преобразовать точку

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

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

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

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

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

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

Вы также можете создать выделение с помощью Pen Tool. Выделив путь и выбран инструмент «Перо», нажмите кнопку «Выделение» рядом с «Создать:» на панели параметров.

Появится диалоговое окно, позволяющее внести изменения в выбор. Если вы создаете выделение, чтобы изолировать объект от его фона, вы должны оставить Радиус растушевки равным 0 и не снимать флажок «Сглаживание». Если это первое выделение, которое вы создаете, будет выбран переключатель рядом с New Selection.

Создав выделение, вы можете использовать выделение, чтобы изменить цвет объекта или удалить объект с его фона.

Как вырезать объект из фона

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

Удаление фона путем копирования выделенной области

Вы можете скопировать свой выбор, набрав CTRL + C (COMMAND + C на Mac), а затем вставив выделение, набрав CTRL + V (COMMAND + V на Mac). Ваш выбор автоматически появится на новом слое. Вы можете сделать исходный слой невидимым на панели слоев, чтобы видеть изолированный объект.

Удаление фона путем создания маски слоя

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

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

Как создать форму с помощью Pen Tool

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

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

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

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

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

Как преобразовать или масштабировать контур фигуры

Выбрав контур формы на панели контуров, щелкните раскрывающееся меню «Правка» в верхней части экрана и выберите «Преобразовать контур», чтобы получить доступ к любой из функций преобразования. Вы также можете выбрать Free Transform Path из раскрывающегося меню Edit или нажать CTRL + T (COMMAND + T на Mac), чтобы масштабировать или вращать ваш путь.

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

Можно ли использовать другие инструменты Photoshop Pen?

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

Узнайте о других инструментах Photoshop из этого руководства для начинающих>

Инструмент «Перо кривизны»

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

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

Инструмент Freeform Pen Tool

Инструмент Freeform Pen Tool создает контур, когда вы свободно рисуете с помощью мыши. Вместо того, чтобы щелкать и размещать точки, вы просто «рисуете» с помощью инструмента так же, как вы рисуете с помощью инструмента «Кисть» или «Карандаш».

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

Магнитный перо

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

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

Можно ли использовать стилус с Photoshop и Pen Tool?

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

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

Получите предложение за 45 минут

Бекки Килимник

Bio: Имея более чем 18-летний опыт работы в качестве графического дизайнера, Бекки увлечена тем, что помогает людям улучшать их контент, осваивая программное обеспечение для обработки изображений.Бекки работала с различными издательствами в сфере образования в США и Великобритании и преподавала дизайн в шести университетах.

Рисование контуров с помощью инструмента «Перо» в учебнике Photoshop

Кажется, что одна из наиболее востребованных и недостаточно объясненных вещей — это использование инструмента «Перо» в Photoshop.

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

Шаг 1 Объяснение векторов и путей

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

Посмотрите это в действии: извлечение фотографий с помощью инструмента «Перо»; видеоурок.

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

Может показаться странным найти инструменты для рисования векторных изображений в такой программе, как Photoshop; векторный рисунок обычно ассоциируется с очень разными программами, такими как Illustrator и Freehand. Photoshop не может создавать векторные документы целиком.Он использует векторные элементы и хранит их в слоях и как пути . Но будьте благодарны за то, что Photoshop предлагает эту функцию; он может пригодиться в ряде ситуаций. Чаще всего векторы используются для вырезания чего-либо из фона фотографии. Посмотрите на машину, для ее вырезания использовались векторы.

Инструмент «Перо» отлично подходит для таких задач вырезания из-за четкой, управляемой и многоразовой природы векторов.

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

В Photoshop (и других программах Adobe) математическое имя линий, определяющих векторы, — кривых Безье.

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

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

Рисование с помощью инструмента «Перо»

Когда дело доходит до создания контура с нуля, инструмент «Перо» является наиболее распространенным вариантом.Этот инструмент может показаться вам знакомым. Это потому, что он почти идентичен инструменту «Перо» в других приложениях Adobe, таких как Illustrator, Indesign и Flash.
К сожалению, это не очень естественный процесс, особенно для тех, кто вырос в рисовании маркерами или мелками. Это потому, что, в отличие от карандаша, вы создаете форму с помощью точек и ручек. Вы не просто рисуете на странице, вам нужно добавлять точки и манипулировать ими, чтобы создавать свои формы. Инструмент «Перо» — это способ добавления этих точек, а способ перетаскивания инструмента при создании точек определяет их внешний вид.
Помните, чем меньше точек, тем плавнее будет путь. Представьте себе, что вы перемещаете карандаш одним движением, чтобы получить плавную кривую. Если вы попытаетесь получить ту же самую кривую с большим количеством коротких штрихов, вы получите не такую ​​гладкую кривую — и это то, что вы получите, если добавите слишком много точек на путь.

Совет. Вы можете обнаружить, что создание дорожек похоже на поедание спагетти: вы не можете остановить их, чтобы они соскользнули с тарелки. Чтобы остановить добавление к вашему пути, удерживайте клавишу Ctrl / Cmd и щелкните в любом месте окна документа.Теперь путь завершен.

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

Шаг 2 Прямые линии

Нарисовать прямую линию легко, вы можете использовать инструмент «Линия» или инструмент «Перо».

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

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

Щелкните один раз, чтобы отметить начальную точку, затем щелкните, удерживая Ctrl, Cmd-щелчок) в другом месте (без перетаскивания), чтобы отметить конечную точку. Прямая линия соединяет точки.

Вы также можете продолжать нажимать, чтобы продолжать добавлять сегменты прямых линий — например, для создания неправильной замкнутой формы из прямых линий. Просто не забудьте нажать Ctrl + щелчок) в точке, где вы хотите, чтобы добавление строки закончилось.
3 Curved Paths

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

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

Шаг 4 U-образные кривые

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

Чтобы создать U-образную кривую:
1. Перетащите вниз.
При перетаскивании вы заметите, что создаются две ручки. Эти ручки определяют, насколько острой будет кривая и в каком направлении вы хотите нарисовать кривую.

2. Переместите указатель вправо параллельно первой точке, которую вы отметили; щелкните и перетащите вверх.
Щелкните и перетащите вверх, и вы увидите создаваемую U-образную кривую.Кривая идет в том направлении, в котором вы перетаскиваете. Не волнуйтесь, если он не идеален; вы можете изменить любую кривую.

Шаг 5 Простые S-образные кривые

Создание простой S-образной кривой. Обратите внимание, что при изменении угла перетаскивания форма кривой также изменяется.

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

Обратите внимание, что у вас нечеткая S-образная кривая.Изменяя угол перетаскивания, вы меняете форму кривой.

Шаг 6 Комплексные S-образные кривые

Комплексные S-образные кривые. Плавные рыхлые кривые легко создаются с помощью инструмента «Перо».

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

1. Выберите начальную точку; перетащите влево.
Создаются маркеры направления.

2. Поместите указатель под первой точкой и перетащите вправо.

Итак, вы создаете U-образную кривую, как описано выше.

3. Переместите указатель под вторую точку и снова перетащите влево. Теперь вы создаете эквивалент двух U-образных кривых в разных направлениях. Это S-образная кривая.

4. Удерживая клавишу Ctrl, щелкните в стороне от контура, чтобы остановить рисование.

Шаг 7 Кривые M

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

1 От начальной точки перетащите вверх.
Вы ​​создаете маркер направления.
2. Двигайтесь вправо и параллельно, перетаскивайте вниз.
Прямо сейчас вы создаете перевернутую U-образную кривую.
3. Теперь сложная часть: удерживая клавишу Alt (Option), перетащите вверх.
Вы ​​сейчас не рисуете кривую; вы меняете маркер направления для следующей кривой . Инструмент «Перо» работает следующим образом. Сначала вы определяете направление с помощью ручки направления (начальное перетаскивание мыши). Следующий щелчок фактически рисует кривую в зависимости от направления первого и второго перетаскивания. Если вам нужна резкая кривая (называемая выступом), вам необходимо сначала изменить направление ручки, не затрагивая ранее нарисованную кривую. Инструмент «Преобразовать точку» — такой инструмент для этой задачи.Клавиша Alt (Option) — это быстрый способ временно выбрать инструмент «Преобразовать точку».

1. Поместите указатель справа от второй точки и потяните вниз

Вы только что построили М-образную кривую.

1. Удерживая нажатой клавишу Ctrl, щелкните ( c-щелчок) вдали от контура, чтобы остановить рисование.

Совет. Удерживая нажатой клавишу Ctrl (c) на клавиатуре, вы можете перетащить любую точку в новое положение.

Шаг 8 Закрытый путь

Закрытый путь.X отмечает начальную / конечную точку. Чтобы помочь в создании кривых, вы можете отобразить сетку в меню «Вид»> «Показать».

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

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

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

2. Щелкните, чтобы добавить точку под тремя другими точками.
В середине начинает формироваться форма сердца.

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

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

Совет: попробуйте включить сетку, чтобы рисовать контуры: Вид-> Показать-> Сетка.

ДОПОЛНИТЕЛЬНЫЙ СОВЕТ

Инструмент «Перо» предлагает два варианта изменения поведения на панели параметров:

Автоматическое добавление / удаление. Если этот параметр включен, при наведении указателя мыши на путь, не щелкнув по нему, отображается знак «+», означающий, что здесь можно добавить точку, щелкнув. Если вы укажете на существующую точку, вы увидите знак -, означающий, что если вы щелкнете здесь, вы удалите существующую точку.

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

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

Новый курс Колина Смита

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

Подробнее здесь

Проверьте игру Безье.

Эта бесплатная онлайн-игра поможет вам развить свои навыки работы с пером.

---

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

В этом уроке показано, как начать использовать инструмент «Перо» в Photoshop. Вы найдете это проще, чем вы думаете, с этим уроком Photoshop от Колина Смита.

РИСУНОК С ПЕРОМ

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

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

1 ПРЯМЫЕ ЛИНИИ

Нарисовать прямую линию легко, вы можете использовать инструмент «Линия» или инструмент «Перо».

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

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

Щелкните один раз, чтобы отметить начальную точку, затем щелкните, удерживая Ctrl, Cmd-щелчок) в другом месте (без перетаскивания), чтобы отметить конечную точку.Прямая линия соединяет точки.

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

2 изогнутых контура

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

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

3 П-образные КРИВЫЕ

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

Чтобы создать U-образную кривую:
1. Перетащите вниз.
При перетаскивании вы заметите, что создаются две ручки. Эти ручки определяют, насколько острой будет кривая и в каком направлении вы хотите нарисовать кривую.

2. Переместите указатель вправо параллельно первой точке, которую вы отметили; щелкните и перетащите вверх.
Щелкните и перетащите вверх, и вы увидите создаваемую U-образную кривую. Кривая идет в том направлении, в котором вы перетаскиваете. Не волнуйтесь, если он не идеален; вы можете изменить любую кривую.

4 S-образные кривые

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

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

1. Выберите начальную точку; перетащите влево.
Создаются маркеры направления.

2. Поместите указатель под первой точкой и перетащите вправо.

Итак, вы создаете U-образную кривую, как описано выше.

3. Переместите указатель под вторую точку и снова перетащите влево. Теперь вы создаете эквивалент двух U-образных кривых в разных направлениях. Это S-образная кривая.

4. Удерживая клавишу Ctrl, щелкните в стороне от контура, чтобы остановить рисование.

5 M КРИВЫЕ

Кривая M немного сложнее, потому что она включает новый инструмент: инструмент преобразования точки.Инструмент точки преобразования находится под инструментом «Перо» на панели инструментов, как показано на шаге 3.

1 От начальной точки перетащите вверх.
Вы ​​создаете маркер направления.
2. Двигайтесь вправо и параллельно, перетаскивайте вниз.
Прямо сейчас вы создаете перевернутую U-образную кривую.
3. Теперь сложная часть: удерживая клавишу Alt (Option), перетащите вверх.
Вы ​​сейчас не рисуете кривую; вы меняете маркер направления для следующей кривой . Инструмент «Перо» работает следующим образом.Сначала вы определяете направление с помощью ручки направления (начальное перетаскивание мыши). Следующий щелчок фактически рисует кривую в зависимости от направления первого и второго перетаскивания. Если вам нужна резкая кривая (называемая выступом), вам необходимо сначала изменить направление ручки, не затрагивая ранее нарисованную кривую. Инструмент «Преобразовать точку» — такой инструмент для этой задачи. Клавиша Alt (Option) — это быстрый способ временно выбрать инструмент «Преобразовать точку».

1. Поместите указатель справа от второй точки и потяните вниз

Вы только что построили М-образную кривую.

1. Удерживая нажатой клавишу Ctrl, щелкните ( c-щелчок) вдали от контура, чтобы остановить рисование.

Это видео — отрывок из нового курса Колина: Секреты выделения Photoshop CC.

Это полное руководство по выделению и вырезанию в Photoshop.

Подробнее здесь

Спасибо за проверку!

Колин

Новый курс Колина Смита

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

Подробнее здесь

Как работать с Pen Tool в Adobe Photoshop CS4

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

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

Общие сведения о контурах и инструменте «Перо»

Так что же сбивает с толку инструмент «Перо»? Частично это имя. Когда мы думаем о ручках, мы думаем о шариковой ручке, Pilot или Bic. Это те вещи, которые мы, кажется, никогда не можем найти, когда нам нужно очень быстро записать адрес или передать важное сообщение нашим соседям по комнате, а инструмент Pen в Photoshop, безусловно, не то, что мы могли бы легко записать с участием.

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

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

Создание прямых и изогнутых путей

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

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

Теперь мы создали прямоугольник, которым можно управлять так же, как и любой другой формой в Photoshop CS4. Вы можете применить обводку, заполнить ее, преобразовать в выделение и т. Д. Фактически, когда вы используете что-то вроде прямоугольного инструмента, вы просто создаете серию контуров.Инструмент «Перо» делает еще более полезным то, что вы не ограничены уже существующей формой, такой как круг или прямоугольник. Вы можете создать практически любую форму.

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

В этом примере вы можете видеть нашу начальную точку (обозначенную пустой точкой привязки слева) и нашу конечную точку (черный ящик.Итак, что это за другая линия и что означают эти кружки в конце? Эта линия — это то, как Photoshop контролирует длину и наклон кривой, а эти круги — ручки. Вы можете использовать стрелку (или инструмент выбора), чтобы щелкнуть и перетащить эти ручки в разные места. Прежде чем мы продолжим, потратьте минуту на то, чтобы поэкспериментировать с этой функцией, поскольку ее гораздо легче понять, если вы увидите ее в действии. Щелкните ручку, перетащите ее и обратите внимание, как разные положения и разная длина линий влияют на кривую.И помните, что эти линии на самом деле не являются частью пути. Когда вы закрываете путь, и он становится формой, линии исчезают.

Теперь посмотрим на панель Paths. Если панель «Контуры» не отображается, вы можете нажать «Окно »> «Контуры» .

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

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

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

Теперь посмотрим на последние три пункта в списке. Это «Инструмент« Добавить точку привязки »», «Инструмент« Удалить точку привязки »» и «Инструмент« Преобразовать точку ».»Чтобы удалить точку привязки, выберите инструмент и просто щелкните точку привязки. Чтобы добавить точку привязки, выберите инструмент и щелкните в любом месте пути, чтобы добавить точку привязки.

Создание комбинированных путей

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

В Photoshop CS4 есть два типа точек привязки.Это «гладкие точки» (как в примере слева) и «угловые точки» (как в примере справа).

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

Как вы уже обнаружили, когда вы создаете изогнутый линейный сегмент, он создает направляющую линию, иногда две. Одна направляющая линия влияет на сегмент линии сразу за точкой привязки, а другая — на сегмент перед ней. Итак, чтобы выпрямить одну из линий или отрегулировать кривую одной, не затрагивая другую, вам нужно будет видеть эти две направляющие линии. Если оба не видны, вы можете нажать кнопку преобразования и щелкнуть точку привязки с кривыми, которые вы хотите настроить.Это преобразует его в обычную точку привязки. Теперь щелкните его еще раз и удерживайте. Теперь перетащите новую направляющую линию. Это должно создать два, один напротив другого.

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

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

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

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

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

Помните, что при создании контура Photoshop автоматически называет его «Рабочий контур».«Поскольку мы хотим сохранить этот путь, мы должны переименовать его. Поэтому мы дважды щелкнем по пути и назовем его« Глаз Линкольна ».

Теперь нажмите кнопку меню в верхнем правом углу панели «Контуры» и выберите «Обтравочный контур». Вы увидите коробку, которая выглядит вот так. Убедитесь, что в поле выбран правильный путь, и оставьте поле «Плоскостность» пустым. Это позволяет использовать значение принтера по умолчанию. Если у вас возникли проблемы с правильной печатью изображения, вы можете поэкспериментировать с другими значениями (диапазон значений от.От 2 до 100.) Нажмите «ОК».

Теперь сохраните вашу работу. Когда изображение распечатано или импортировано в программу верстки, такую ​​как InDesign или Illustrator, будет виден только глаз Линкольна.

‘

СОЗДАНИЕ СПЕЦИАЛЬНЫХ ЭФФЕКТОВ

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

Начало работы с фильтрами Photoshop

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

Может получиться так, как если бы ваши фотографии были напечатаны на Silly Putty вместо бумаги.

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

Щелкните каждую категорию, чтобы увидеть доступные вам фильтры, как в примере выше. Здесь мы нажали Мазки кистью> Штриховка :

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

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

Галерея фильтров

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

Чтобы найти галерею фильтров, щелкните Фильтр> Галерея фильтров. Галерея фильтров выглядит так:

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

Различные категории фильтров перечислены в среднем поле. Щелкните категорию, чтобы развернуть ее. Затем мы выберем «Подмалевок.«

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

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

Он действительно интуитивно понятен и прост в использовании.

Смарт-фильтры

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

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

Для создания смарт-фильтра необходимо сначала преобразовать изображение в смарт-объект. Перейдите в Filter> Convert for Smart Objects. Вы увидите всплывающее окно, которое сообщит вам, что вы конвертируете изображение в смарт-объект, чтобы создать смарт-фильтр, который вы, конечно, уже знаете, потому что вы тот, кто инициировал процесс. Щелкните «ОК».

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

Теперь вы можете добавить фильтр так же, как и в обычных условиях.Мы выберем Artistic, Paint Daubs с размером кисти 22, резкостью 30 и типом кисти «Sparkle».

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

Создание текстовых эффектов

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

Деформация текста

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

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

Эффект применяется автоматически. Теперь вы можете управлять внешним видом текста, регулируя изгиб, горизонтальное искажение и т. Д. Нажмите «ОК», когда будете готовы.

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

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

Ввод текста по пути

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

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

Текст, набранный вдоль контура, может быть ориентирован как горизонтально, так и вертикально. Вертикальный текст отображается параллельно контуру, а горизонтальный текст — перпендикулярно ему. В приведенном выше примере мы выбрали инструмент горизонтального типа.Чтобы ввести вертикальный текст, нажмите и удерживайте инструмент «Текст», затем выберите инструмент «Вертикальный текст». Это тот, рядом со стрелкой, который выглядит так:.

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

Применение градиентов к тексту

Текст — это просто еще один объект в Photoshop CS4, поэтому с ним можно работать так же, как с любым другим объектом.Его можно использовать как маску, его можно перемещать, раскрашивать, манипулировать и т. Д. Однако применить градиент к вашему тексту не так просто, как использовать инструмент градиента на панели инструментов.

Щелкните инструмент «Текст» и введите текст. Убедитесь, что выделен новый слой с текстом на нем. Теперь продублируйте этот слой, щелкнув правой кнопкой мыши и выбрав «Дублировать слой».

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

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

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

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

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

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

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

Инструмент «Перо» Описание учебного пособия по Photoshop

Photoshop Pen Tool — один из самых мощных инструментов, доступных в Photoshop.
Используйте инструмент «Перо», чтобы создавать нестандартные формы и точно вырезать объекты из их фона! Если вы ищете учебник по Photoshop на инструменте «Перо» , читайте дальше!

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

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

Основы работы с инструментом «Перо»

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

Чтобы превратить это в выделение, щелкните правой кнопкой мыши и перейдите к «Сделать выделение».
Когда вы работаете с инструментом «Перо», он создает контуры. Вот почему вы не видите свою фигуру на слое; он хранится в другом месте. Если вам нужно изменить выбор, перейдите на вкладку pa ths и щелкните Work Path. Отсюда вы можете удерживать CMD и щелкать любую точку, чтобы переместить ее.

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

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

Пути инструмента «Перо»

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

Не забывайте о волшебном наконечнике прошлого! Если вам нужно создать острый край или изменить направление кривой, удерживайте клавишу ALT / OPT и измените точку.

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

Вырезание предметов с помощью Pen Tool

Что произойдет, если ваш объект находится на слое, но вы не можете найти путь пера? Не волнуйся! Просто щелкните вкладку пути (справа от вкладки каналов).Вы также можете перейти в Window -> Paths , и сразу же появится нужный вам диалог. Как только ваш путь превратится в выделение (щелкните правой кнопкой мыши, чтобы сделать выделение, или, удерживая CMD и щелкните миниатюру пути), он станет активным на ваших слоях. Если вы вернетесь в свои слои, вы должны увидеть марширующих муравьев вокруг объекта.

Щелкните значок Layer Mask, и ваш выбор будет идеально вырезан из фона. Вуаля! Затем создайте новый слой под вашим объектом.Вы можете заполнить его любым цветом, который вам нравится.

Как пользоваться инструментом Photoshop Pen Tool

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

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

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

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

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

Это руководство начнется с объяснения векторной и растровой графики как основы для понимания того, как работает инструмент «Перо». Затем мы перейдем к обучению:

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

Понимание векторной графики vs.растровая графика

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

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

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

Как рисовать контуры для создания формы с помощью инструмента «Перо Photoshop»

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

Что такое путь?

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

Давайте рассмотрим пошаговый процесс создания формы путем нанесения точек, которые будут соединены путями.

Шаг 1. Откройте новый файл Photoshop

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

Шаг 2. Выберите инструмент «Перо» в Photoshop

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

Шаг 3. Настройте слои-фигуры

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

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

Следующая часть является необязательной: если вы хотите работать с сеткой, чтобы сделать точки более точными, нажмите Ctrl + ’(клавиша апострофа) и включите привязку, нажав Shift + Ctrl +; (ключ с точкой с запятой).Или просто перейдите к «Просмотр» в меню вверху и выберите «Привязать».

Шаг 4. Постройте точки для создания формы

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

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

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

Создание кривой с помощью инструмента «Перо»

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

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

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

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

Создание прямой линии после изогнутого сегмента

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

Для этого удерживайте ALT (или OPTION на Mac) и щелкните точку. Второй маркер этой точки исчезнет — это означает, что точка теперь загнута в угол или прервана изгибом. Следующая точка, которую вы установите сейчас, будет прямой линией.

Шаг 5. Замкните контур, чтобы завершить форму

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

При наведении указателя мыши на начальную точку фигуры конечные точки инструмента «Перо» будут отображаться с залитыми синими квадратами с небольшим кружком рядом с ними.

Как добавить новую точку к пути

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

Добавить новую точку на существующий контур в Photoshop очень просто — это займет всего два шага!

Шаг 1. Откройте инструмент «Добавить привязку»

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

Шаг 2: Щелкните по существующему пути, чтобы создать новую точку

Найдите на своем пути место, где вы хотите поставить новую опорную точку, и просто нажмите и отпустите. Это автоматически поместит новую точку в это место. Успех! Вы добавили балл.

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

Как удалить точку из пути

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

Шаг 1. Откройте инструмент «Удалить привязку»

Как и в предыдущем уроке, мы начнем с нажатия и удерживания значка Pen Tool на панели инструментов, чтобы вызвать инструменты Photoshop Pen. На этот раз выберите инструмент «Удалить привязку». Этот инструмент работает так же, как инструмент «Добавить привязку» в обратном порядке.

Шаг 2. Щелкните точку, которую хотите удалить

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

Успех! Вы удалили существующую точку привязки.

Как вырезать изображение с помощью пера

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

Прежде чем начать, убедитесь, что ваше изображение находится на новом слое.

Шаг 1. Выберите параметр контура в меню инструмента «Перо»

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

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

Шаг 2: Начало отображения точек

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

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

Шаг 3. Загрузите свой путь как выделение

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

Сделайте это, перейдя к образцу слоев и щелкнув вкладку «Контуры» — там должен быть контур под названием «Рабочий контур» в форме только что начерченного вами объекта.

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

Шаг 4. Обрежьте выделенный фрагмент

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

Если вы сделаете два слоя под ним невидимыми, сняв отметку с значков глаз в образце слоев, вы увидите свой недавно вырезанный знак на прозрачном фоне!

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

Как добавить новый путь к существующему

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

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

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

Шаг 1. Выберите существующий путь на панели «Контуры»

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

Шаг 2. Выберите «Исключить перекрывающиеся фигуры»

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

Шаг 3. Нарисуйте новый путь

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

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

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

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

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

Шаг 1. Выберите инструмент «Прямое выделение»

На панели инструментов Photoshop найдите инструменты выбора пути — они отмечены значком стрелки, который выглядит как традиционный курсор мыши.

Когда вы щелкнете по значку, вы увидите два раскрывающихся меню: Инструмент выбора пути и Инструмент прямого выбора. Для этого урока выберите «Инструмент прямого выбора».

Шаг 2. Щелкните сегмент пути, который нужно изменить

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

Шаг 3. Щелкните и перетащите, чтобы скорректировать точки или линии

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

Как использовать инструмент точки преобразования в Photoshop

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

Шаг 1. Выберите инструмент преобразования точки

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

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

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

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

Последнее обновление страницы: июль 2021 г.

.

No related posts.