Выделение инструментом Перо, группа инструментов Фигуры

Выделять объекты можно инструментами Перо и Магнитное перо.

Инструмент Магнитное перо

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

В этом списке ставите галочку в пункте Магнитное. Остальные параметры в этом списке похожи на те, которые есть в инструменте Магнитное лассо. Это ширина области поиска вокруг курсора, контрастность границ, на которые будет реагировать инструмент, и частота опорных точек.

Откройте в программе Adobe Photoshop CS5 картинку с более-менее однородным фоном. и попробуйте выделить на ней изображение с помощью инструмента Магнитное перо.

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

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

Выделение инструментом Перо

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

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

Ctrl + Enter.

Инструменты группы Фигура

Эти инструменты проще, чем инструменты группы Перо. Создайте новый документ в программе Adobe Photoshop CS5, выберите инструмент Фигура. Под иконкой этой группы на панели инструментов скрываются несколько инструментов: прямоугольник, прямоугольник со скругленными углами, эллипс, многоугольник, линия, произвольная фигура.

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

Созданные фигуры можно перемещать инструментом Перемещение, или трансформировать с помощью меню

Редактирование — Свободное трансформирование.

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

Растровые фигуры рисуются все на одном слое, если Вы специально не выберете другой слой.

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

Выбирая линию, Вы можете определить ее ширину.

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

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

Можно также использовать инструмент Произвольная фигура. Нажимаете на этот инструмент, и выбираете фигуру в пункте Форма растровой точки, в панели настроек. Можно также загрузить собственные фигуры, или фигуры, скачанные из Интернета. Для загрузки открываете список фигур, и нажимаете на иконку черного треугольника в кружке. Затем выбираете пункт Загрузить фигуры.

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

Видео о том, как выделять объекты с помощью инструмента Перо

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

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

Проголосуйте и поделитесь с друзьями анонсом статьи на Facebook:  

«Adobe Photoshop. Базовый уровень». Занятие 12.1. Версия 2019

Первая часть конспекта к двенадцатому занятию курса «Adobe Photoshop. Базовый уровень» в его гибридной версии, стартовавшей в 2019 году. Курс состоит из 8 видоезанятий и 7 онлайн занятий. Конспекты сделаны только для видеозанятий, поскольку на онлайн занятиях идет разбор пройденной темы и домашних заданий. Здесь можно посмотреть полное описание и программу курса.

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

Конспекты к старой версии курса, состоявшей из 12 онлайн занятий и проходившей с 2012 по 2019 год можно найти

здесь.

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

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

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

Задачи на занятие
1. Познакомиться с путями (Path) и освоить методику быстрого построения контура
2. Научиться создавать при помощи путей векторные и растровые маски
3. Понять принципы создания реалистичных фотомонтажей
4. Научиться работать с текстом и верстать простые макеты

Для самостоятельного изучения:
Андрей Журавлев. «Работа с путями (Path) в Photoshop»
Liveclasses. Adobe Photoshop: работа с путями. Инструменты и операции
Liveclasses. Adobe Photoshop: работа с путями. Практика применения
Liveclasses. Adobe Photoshop: работа с текстом

Тема 21. Работа с путями (Path).

Для самостоятельного изучения:
Liveclasses. Adobe Photoshop: работа с путями. Инструменты и операции

21.1 Что такое пути и для чего они нужны

• Пути — это элементы векторной графики, или, как их еще называют «Кривые Безье»


• Кривая Безье — это математически заданная кривая, поэтому она остается гладкой при любом увеличении


• Специализированной программой для работы с векторной графикой является Adobe Illustrator, в Photoshop пути применяются как вспомогательные элементы


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


• Чаще всего с помощью путей строится точная граница объектов для их последующего вырезания или выборочной корекции


• Процесс построения пути, повторяющего форму объекта, называют: «обтравить», «оконтурить», «обойти путем», «оттрассировать»


• Таким образом вырезаются объекты с четкими плавными границами, маски для волос делаются на основе контрастов, содержащихся в каналах изображения

Для самостоятельного изучения:
RuGraphics.ru «Создание выделение с помощью «Пера» Pen Tool»
Википедия. «Кривые Безье»

21.2 Базовые операции в палитре Paths

• В командном меню работа с путями не представлена, поэтому все операции с ними выполняются через палитру Paths (Контуры) и выпадающее меню этой палитры


• Чтобы создать новый путь нужно кликнуть по второй справа кнопке Create new path (Создать новый контур) в нижней части палитры Paths (Контуры)


• Чтобы сделать пиктограмму пути крупнее нужно вызвать команду Panel Options (Параметры панели) и выбрать более крупную иконку


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


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


• Чтобы выделить несколько путей идущих по порядку, необходимо выделить крайний из них, зажать клавишу «Shift» и выделит крайний с друго конца


• Добавить или убрать из выделения любой из контуров можно зажав клавишу «Cmd» и кликнув рядом с его пиктограммой


• На экране отображаются контуры, находящиеся в активных путях


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


• Любой контур можно скопировать из одного пути и вставить в другой, при этом положение вставленного контура будет точно таким же


• Деактивировать все пути можно кликнув по пустому пространству в палитре Paths (Контуры), или нажав клавишу «Enter», когда в палитре Tools (Инструменты) выбран любой инструмент по работе с путями


• Если на момент построения нового контура ни один из путей не активен, программа создаст временный путь Work Path (Рабочий контур) и контур будет строится в нем


• ВНИМАНИЕ!!! Временный путь Work Path (Рабочий контур) может быть только один, если он уже существует и не активен, при создании нового временного пути программа уничтожит старый со всем его содержимым


• Если в процессе работы появился временный путь Work Path (Рабочий контур), просто кликните по его названию в палитре Paths (Контуры) и переименуйте, он превратиться в обычный путь


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


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


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

21.3 Инструменты для построения и работы с контуром

• Основным инструментом при работе с путями является Pen Tool (Перо)


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


• Чтобы перо строило путь, а не Shape (Фигуру), в первом выпадающем меню палитры Options (Параметры) выбрать настройку Path (Контур)


• Простой клик пером ставит в соответствующем месте опорную точку без усов


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


• В процессе создания усы связаны как по направлению, так и по длине


• Контур состоит из опорных точек и соединяющих их отрезков кривой (прямой)


• Если из обеих точек не выходят направляющие (усы) они соединяются отрезком прямой


• Если хотя бы из одной опорной точки выходит направляющая (ус), эти точки будут соединяться кривой


• Направление уса является касательной к кривой на входе в опорную точку, длина уса задает степень ее кривизны


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


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


• Чтобы замкнуть контур, нужно кликнуть пером по первой опорной точке контура


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


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


• Аналогичным образом можно соединить строящийся контур с уже имеющимся


• Цвет и ширину отображения путей можно изменить в настройках Preferences > Guides, Grid & Slices (Настройки > Направляющие, сетка и фрагменты)


• Инструмент Freeform Pen Tool (Свободное перо) строит путь по траектории движения курсора


• При обтравке Freeform Pen Tool (Свободное перо) бесполезен в силу низкой точности повторения реального контура объекта и низкого качества получающегося пути


• Инструмент Curvature Pen Tool (Перо кривизны) изменяет форму уже построенного контура, при этом работает более интерактивно и сложно, чем простое перемещение опорных точек


• Инструменты Add/Delete Anchor Point Tool (Перо (добавить/удалить опорную точку)) добавляют новые опорные точки и удаляют уже существующие опорные точек, без разрыва контура в месте удаления точки


• Чтобы обычное перо автоматически добавляло/удаляло опорные точки достаточно активировать в палитре Options (Параметры) настройку Auto Add/Delete (Оптимизация)


• Инструмент Path Selection Tool (Выделение контура), или «черная стрелка», выделяет весь контур целиком и позволяет его двигать и копировать


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


• Инструмент Direct Selection Tool (Выделение узла), или «белая стрелка», работает с отдельными элементами контура: позволяет сдвигать опорные точки и изменять направляющие


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


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


• Чтобы на время превратить обычное перо в Direct Selection Tool (Выделение узла) нужно зажать клавиши «Cmd»


• Convert Point Tool (Угол) или «галочка» — инструмент для раздельной работы с направляющими


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


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


• Чтобы на время превратить обычное перо в Convert Point Tool (Угол) нужно зажать клавиши «Alt»


• Чтобы удалить опорную точку, разорвав в этом месте контур, нужно активировать эту опорную точку и один раз нажать на кнопку «Del»


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

Для самостоятельного изучения:
RuGraphics.ru «Векторный инструмент Photoshop. Произвольная Фигура»

21.4 Порядок операций для быстрого построения контура

• Процесс построения пути, повторяющего форму объекта, называют: «обтравить», «оконтурить», «обойти путем», «оттрассировать»


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


• Операция 1: ставим новую точку контура и сразу вытягиваем из нее усы так, чтобы предыдущая часть контура точно повторила границу объекта


• Операция 2: поправляем выходной ус так, чтобы можно было построить следующий участок контура


• Если в этом месте контур должен преломляться, развязываем усу, если нет — не развязываем


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


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


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


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


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


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


• Любой контур можно представить как последовательность больше или меньше деформированных четвертинок окружности


• Старайтесь мыслить на 2-3 точки вперед, это защитит от неприятных тупиков в поисках следующей позиции для опорной точки


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

Дополнительные материалы:
Андрей Журавлев. «Работа с путями (Path) в Photoshop»

21.5 Основные ошибки при построении контура

• При обтравке обычно используется масштаб отображения картинке на экране 200%-400%. Такой масштаб позволяет, с одной стороны, хорошо разглядеть все детали и нюансы границы объекта, а с другой стороны, уместить на экран участок между опорными точками и его окрестности, достаточные для растягивания усов


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


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


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


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


• Слишком малая длина усов может привести к мягкому надлому контура


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

21.6 Степень детализации при обтравке

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


• По степени сложности литеры (из представленных в примере) идут в порядка «П», «З», «О»


• Сложность формы литер в разных гарнитурах возрастает в порядке: прямой рубленый шрифт (Helvetica Regular), прямой засечный шрифт (Times New Roman Regular), курсивный засечный шрифт (Times New Roman Italic)


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


• Упрощение контура возможно при вырезании объекта, если сглаживание формы границ делает границу более аккуратной и приятной на вид


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

Тема 22. Применение путей.

Для самостоятельного изучения:
Liveclasses. Adobe Photoshop: работа с путями. Практика применения

22.1 Векторная маска

• Vector Mask (Векторная маска) — это маска слоя, сделанная на основе векторного контура


• Чтобы создать векторную маску нужно активировать слой, к которому она будет применяться, путь, из которого она будет создана, и отдать команду Layer > Vector Mask > Current Path (Слои > Векторная маска > Активный контур)


• Более быстрый способ создания векторной маски: произведя те же предварительные действия, кликнуть по кнопке быстрого создания маски в нижней части палитры Layers (Слои) с зажатой клавишей «Cmd»


• При активном слое его векторная маска появляется как временный путь в палитре Paths (Контуры)


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


• Основной плюс векторной маски — возможность быстро редактировать контур вырезания с сохранением плавности границ


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


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


• Растушёвку для векторной маски можно сделать через регулятор Feather (Растушевка) в палитре Properties (Свойства)


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

Для самостоятельного изучения:
RuGraphics.ru «Вырезаем фигуру человека из фотографии. Применение векторной маски»

22.2 Проверка качества обтравки и доработка маски

• Проверка качества обтравки сводится к поиску артефактов вдоль границы объекта и производится при помощи подстановки вырезанного объекта на фона разного цвета


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


• Наиболее заметны артефакты будут на фоне противоположного цвета тому, на котором происходила съемка


• Ни на одном новом фоне на границе объекта не должны просматриваться следы старого фона


• При наличии мелких следов старого фона, или микроблоков, на границах, проще всего незначительно сдвинуть в этом месте границу вырезания вовнутрь объекта


• Чтобы избежать эффекта вырезания ножницами границу маски слегка растушевывают при помощи настройки Feather (Растушевка) в палитре Properties (Свойства)


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


• Избежать такого эффекта можно сделав на основе контура растровую маску, предварительно завалив ее на один пиксел вовнутрь и размыв границы на тот же один пиксел


• Загружаем выделение по силуэту пути при помощи команды Make Selection (Выделить область) из выпадающего меню палитры Paths (Контуры), или кликнув по пиктограмме пути с зажатой клавишей «Cmd»


• Заваливаем границу выделения вовнутрь с помощью команды Select > Modify > Contract (Выделние > Модификация > Сжать) с настройкой 1px


• Рстушевываем границу выделения с помощью команды Select > Modify > Feather (Выделние > Модификация > Растушевка) с настройкой 1px


• Создаем маску слоя, которая автоматически формируется на основе активного выделения


• Перед быстрой загрузкой выделения по контуру пути хотя бы один раз загрузите ее с помощью команды Make Selection (Выделить область) из выпадающего меню палитры Paths (Контуры), чтобы проверить параметры при загрузке выделения


• Сдвиг границы маски и ее растушевка применимы только к четким резким границам. Применять такие команды к макам лохматых объектов категорически нельзя!


• Команда Make Work Papth (Образовать рабочий контур) автоматически создает путь на основе активного выделения. Такой путь является крайне неаккуратным, поэтому применять эту команды категорически не рекомендуется

22.3 Создание сложной растровой маски на основе контуров

• Контуры для границ объектов, имеющих разный вид, удобнее разнести на отдельные пути


• В данном примере для обтравки бомбардировщика сделано три пути: общий силуэт самолета без лопастей и переплета передней кабины; силуэт смазанных лопастей; силуэт для элементов переплета в передней кабине


• Сборка маски производится на слоях и начинается с создания корректирующего слоя-заливки черного цвета


• Перед созданием слоя-заливки деактивируйтесь все пути в палитре Paths (Контуры)


• Каждый следующий элемент маски создаем на отдельном растровом слое для удобства их последующей раздельной доработки

22.4 Взаимодействие контуров при создании выделений

• Алгоритм взаимодействия выделений, загружаемых по разным контурам одного и того же пути, зависит от настроек инструмента Pen Tool (Перо), которые он имел на момент построения контуров


• Чтобы узнать, по какому алгоритму будет взаимодействовать выделение конкретного контура, нужно активировать его и взяв в руки белую или черную стрелку проверить настойку Path Operations (Операции с контуром) в палитре Options (Параметры)


• Настройка Combine Shapes (Объединить фигуры) добавляет выделение по данному контуру к остальным выделениям


• Настройка Subtract Front Shapes (Вычесть переднюю фигуру) вычитает выделение по данному контуру из выделений, сделанных по нижележащим контурам


• Настройка Intersect Shape Areas (Область пересечения фигур) ставляет область пересечения выделения по данному контуру с остальными выделениями


• Настройка Exclude Overlapping Shapes (Исключить пересекающиеся фигуры) дает выделение участков, лежащих внутри нечетного количества контуров, и отсутствие выделения участков, попадающих вовнутрь четного количества контуров


• В настройках Path Operations (Операции с контуром) пера показываются настройки не активных контуров, а самого пера


• Чтобы гарантированно и стабильно переключить режим активных контуров на Exclude Overlapping Shapes (Исключить пересекающиеся фигуры) нужно в настройках пера переключиться на любой ненужный режим, а потом опять переключиться на Exclude Overlapping Shapes (Исключить пересекающиеся фигуры)


• Загрузив выделение по силуэту самолета, заливаем его на отдельном слое белым цветом, после этого снимаем выделение и немного размываем получившийся белый силуэт для смягчения его границ


• Аналогичным образом поступаем с силуэтом лопастей, только задаем растушёвку с большим радиусом

22.5 Маска для протяженных объектов постоянной ширины

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


• Для этого нужно подобрать диаметр кисти, построить контуры по осевым линиям данных объектов и отдать команду Stroke Path (Выполнить ободку контура)


• При достаточно маленьком диаметре кисти (несколько пикселей) жесткость ее границ можно не снижать, края мазка и так будут достаточно жесткими


• Перед тем как отдать команду Stroke Path (Выполнить ободку контура) нужно произвести все настройки инструмента, которым будет производиться обводка контура


• Ключ Simulate Pressure (Имитировать нажим) активировать не нужно, чтобы не менялась ширина мазка


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


• Чтобы загрузить в качестве выделения сформированный на слоях ч/б силуэт, нужно кликнуть по пиктограмме композитного канала в палитре Channels (Каналы)

Для самостоятельного изучения:
pskurs.ru «Обводка контура в Фотошоп»

22.6 Shape Layer (Слой Фигура)

• Shape Layer (Фигура) — это слой в котором форма объектов задается векторными контурами, а заливка и обводка присваивается им как атрибут


• Чтобы получить Shape Layer (Фигура) нужно применить векторную маску к любому слою-заливке


• Настройка параметров заливки и обводки Shape Layer (Фигура) производится через палитру Options (Параметры) инструментов Path Selection Tool (Выделение контура) или Direct Selection Tool (Выделение узла)


• Все эффекты и стили слоя применяются к Shape Layer (Фигура) так же, как и к обычным слоям


• Первый плюс Shape Layer (Фигура) — возможность быстро перекрашивать графические элементы


• Второй плюс Shape Layer (Фигура) — возможность сильно менять размер таких фигур с сохранением плавности границ

Для самостоятельного изучения:
RuGraphics.ru «Пунктирная рамка и линия в Photoshop CS6»

© Андрей Журавлев (aka zhur74), 2012 г.
Редакция третья (2019 г.) переработанная и дополненная.
Первая публикаци https://zhur74.livejournal.com/98092.html

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

Рубрика: Полезные уроки Photoshop Опубликовано 17.07.2012   ·   Комментарии: 37   ·   На чтение: 5 мин   ·   Просмотры:

1 491

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

Волшебная палочка и Перо.

1.Волшебная палочка

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

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

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

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

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

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

Допуска перед кликом.

Далее инвертируем выделение Выделение – Инверсия или сочетание клавиш Shift+Ctrl+I

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

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

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

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

 

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

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

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

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

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

Далее кликаем правой кнопкой мыши и выбираем вкладку Образовать выделенную область, устанавливаем следующие настройки

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

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

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

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

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

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

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

---

Понравилась статья? Поделитесь ссылкой с друзьями:

Как разорвать контур в фотошопе

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

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

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

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

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

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

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

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

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

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

.

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

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

Выбор путей

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

Инструмент выбора компонента контура

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

Инструмент находится под черным значком указателя мыши на палитре инструментов:

Чтобы выбрать компонент, просто щелкните в любом месте компонента или на нем:

Вы также можете Shift + щелкнуть более чем на одном компоненте или щелкнуть и перетащить рамку, чтобы выбрать несколько компонентов одновременно.

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

Инструмент прямого выбора

Инструмент «Прямое выделение» находится под всплывающим окном «Выбор компонента контура» на палитре «Инструменты» (см. Выше).

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

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

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

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

Несколько удобных ярлыков

• Инструмент «Выбор компонента контура» можно временно активировать при использовании инструмента «Прямое выделение», удерживая нажатой клавишу Control (Windows) или клавишу Command (Mac) при щелчке мышью.
• Вы также можете использовать инструмент «Прямое выделение» из всех других инструментов рисования, удерживая нажатой клавишу Control (Windows) или Command (Mac) при щелчке мышью.Это очень полезно для выбора и редактирования существующих компонентов контура при создании новых компонентов с помощью инструмента «Перо».
• Вы можете переключаться между инструментами Path Component и Direct Selection, нажимая Shift + A .

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

Изменение сегментов пути

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

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

Движущиеся прямые сегменты

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

Подвижные изогнутые сегменты

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

Выбрав обе опорные точки, щелкните кривую и перетащите ее, чтобы переместить:

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

Изменение формы криволинейных сегментов

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

Методика 1. Усадка и растяжение

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

Затем щелкните кривую и перетащите ее, чтобы сжать или растянуть ее по мере необходимости:

Метод 2. Изменение линий направления

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

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

Редактирование точек привязки

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

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

Быстрый совет

Инструмент «Преобразовать точку» также можно быстро выбрать, когда вы работаете с инструментом «Перо», удерживая клавишу Alt (Windows) или клавишу Option (Mac).

Преобразование угловой точки в гладкую

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

Преобразование гладкой точки в угловую

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

Создание угловой точки без направляющих линий

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

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

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

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

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

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

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

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

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

Быстрый совет

Вы можете быстро убрать линию направления «перед» точкой якоря (другими словами, на стороне с самым последним помещенным кривым) на Alt + щелкая (Windows) или Option + нажав (Mac) на сама точка привязки:

.

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

Что такое пути

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

Как работают пути?

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

Как использовать пути?

У

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

Вы можете создавать пути несколькими способами:

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

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

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

.

Создание текста по контуру в Photoshop

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

Шаг 1. Выберите инструмент Ellipse Tool

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

По умолчанию инструмент «Эллипс» находится за инструментом «Прямоугольник » на панели «Инструменты». Чтобы выбрать его, я нажимаю правой кнопкой мыши (Win) / Удерживая нажатой клавишу Control (Mac) на инструменте Rectangle Tool, затем выбираю инструмент Ellipse Tool из всплывающего меню:

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

Шаг 2: Измените режим инструмента на «Путь»

При выбранном инструменте Ellipse Tool панель параметров в верхней части экрана изменяется, показывая нам различные варианты работы с инструментом.В крайнем левом углу панели параметров находится опция Tool Mode . По умолчанию . Форма . Photoshop фактически дает нам три различных типа фигур, которые мы можем рисовать: векторных, фигур, контуров, и пикселей, фигур. Мы хотим нарисовать путь, поэтому я изменю параметр Tool Mode с Shape на Path :

Изменение режима для инструмента Эллипс на Путь.

Подробнее: Рисование векторных фигур и пиксельных фигур в Photoshop

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

Чтобы нарисовать путь, я нажимаю и удерживаю кнопку мыши в центре мяча для гольфа.Затем я нажимаю и удерживаю Shift + Alt (Win) / Shift + Option (Mac) на клавиатуре и начинаю перетаскивать наружу от центра. Удерживая нажатой клавишу Shift, когда я перетаскиваю с помощью инструмента Ellipse Tool, форма пути превращается в идеальный круг, в то время как клавиша Alt (Win) / Option (Mac) позволяет мне рисовать путь наружу из места, где я щелкнул.

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

Когда меня устраивает вид пути, я отпускаю клавишу Shift и клавишу Alt (Win) / Option (Mac), затем отпускаю кнопку мыши (важно сначала отпустить клавиши, затем кнопку мыши, иначе вы получите неожиданный результат). Здесь мы видим путь, который выглядит как тонкий контур вокруг шара:

Добавлена ​​дорожка вокруг мяча для гольфа.

Шаг 4. Выберите инструмент «Текст»

Когда наш путь нарисован, мы готовы добавить текст.Выберите Type Tool на панели инструментов:

Выбор инструмента «Текст».

Шаг 5. Выберите шрифт

Выберите настройки шрифта на панели параметров. Для своего изображения я буду использовать Futura Condensed Medium со значением 30 pt , но вы можете использовать все, что вам больше подходит:

Установка параметров шрифта на панели параметров.

У меня также параметр Text Alignment установлен на Left , а мой тип color установлен на white :

Параметры выравнивания текста и цвета.

Шаг 6: Переместите курсор по пути

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

Пунктирная волнистая линия сообщает нам, что мы добавляем текст в контур.

Шаг 7: Щелкните путь и добавьте свой тип

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

Текст обтекает форму круга.

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

Щелкните галочку.

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

.

Текст следует по пути, но его необходимо переместить.

Шаг 8: Выберите инструмент выбора пути

Чтобы переместить текст вдоль контура, выберите инструмент Path Selection Tool на панели инструментов:

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

Шаг 9: переместите текст

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

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

Однако посмотрите, что произойдет, если я перетащу текст слишком далеко. Кое-что обрезается в конце:

Слишком большое перетаскивание текста привело к обрезанию конца.

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

Найдите небольшой кружок на месте обрезки текста.

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

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

Переворот текста по пути

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

Перетаскивание по контуру переворачивает и переворачивает текст.

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

Скрытый путь

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

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

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

Окончательный результат.

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

.

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

Здравствуйте! Сегодня третий день марафона — создание детской фотокниги. И мы начинаем учиться создавать элементы для детских фотокниг.

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

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

Итак, приступим.

1. Создаем Новый файл в программе фотошоп, я выбрала такие параметры:
2. Создаем новый слой горячими клавишами Ctrl+Shift+N;
3. Открываем понравившийся нам рисунок. Горячими клавишами копируем рисунок Сtrl+A, вырезаем Сtrl+C, теперь открываем наш файл, и, прибегнув к горячим клавишам Ctrl+V, вставляем наш рисунок. Файл с рисунком можно закрыть, он нам больше не понадобится.

Как вы видите, рисунок у меня маленького разрешения, но это поправимо. Нажимаем горячие клавиши трансформации Ctrl+T и тянем рисунок за любой уголок, удерживая клавиши Shift+Alt (чтобы не потерять пропорции), до нужного нам размера. Растянем по-максимуму, чтобы качество нашей отрисовки было хорошее, а уменьшить мы всегда успеем. Затем Enter.

4. Создаем новый слой Ctrl+Shift+N или можно кликнуть по миниатюре на панели слоев;
5. Кисть. Настраиваем кисть : выбираем жесткую круглую кисть, цвет в палитре цветов  настраиваем черный, и выставляем параметры, как показаны ниже, можете попробовать выставить свои параметры.

Чтобы нам не настраивать постоянно данные параметры, можно сохранить эту кисть.

Сохраненная кисть отразится в конце списка кистей.

6. Контур. Приступаем к рисованию. Активируем инструмент «Перо» , выделяем контур.

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

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

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

Вот я обвела гриву львенку инструментом «Перо» .

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

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

7. 7. Заливка контура. Как вы видите, я уже переименовала свои слои и сгруппировала. В данной группе добавляем новый слой под слоем «контур». Пока мы рисуем только шаблон, все контуры обвожу черным цветом, а заливаю белым и при необходимости в любой момент могу поменять цветность в стилях слоя. Кликаю правой кнопкой мыши и в свойствах выбираю «Выполнить заливку контура».
   8. Далее удаляем контур. Кликаю правой кнопкой мыши — удалить контур
   9. Хочу показать еще один способ рисования контура не затронутый в уроках приведенных выше. Грива у меня нарисована сплошным контуром, а на исходном рисунке встречаются элементы, состоящие из отдельных сегментов, например лапка. На данный момент абсолютно  все равно, в каком порядке вы будете перерисовывать элементы. Ведь у нас каждый элемент (в данном случае части тела) будет в отдельной папочке, и в дальнейшем мы легко можем пересортировать все слои. Например, в моем случае: ведь глазки не могут быть под гривой, их просто не будет видно. Конечно, папочка с глазками идет сверху, далее маленькая грива, затем папка с мордочкой, ушки и только потом уже большая грива, и т.д.
   10. Контур. Приступим. Создаем новый слой. Если у вас мелкие элементы, не обязательно вглядываться в экран, можно при помощи инструмента «Лупа» увеличить масштаб, и также уменьшить до нужного вам размера . Выбираем инструмент «Перо» . Отрисовав один сегмент, (мне не нужно что бы он продолжался, я хочу, чтобы пальчики были отдельно), активирую инструмент «Стрелка»  и кликаю ЛКМ по полю. Если же мы не выберем инструмент «Стрелка», то кликнув по полю, мы просто добавим дополнительную опорную точку.Далее опять активирую инструмент «Перо»  и отрисовываю пальчики, также останавливая каждый фрагмент. Затем обводим контур, ПКМ вызываем свойства и выбираем «Выполнить обводку контура». В данном случае я хочу, чтобы у меня получились контуры с плавным переходом толщины, для этого ставлю галочку «Имитировать нажим».Вот какая лапка с пузиком получилась у моего львенка.
   11. Заливка. Придаем цвет лапке. С гривой, заливка цветом была проще, так как она замкнутая и теперь нам нужно также замкнуть наш контур лапки. Создаем новый слой. Активируем инструмент «Перо», кликаем на конечную нашу точку контура, контур стал активным, и далее кликаем еще пару точек, замыкая контур. Чтобы нам было легче выставлять точки, включим слой с исходным рисунком. Кликаем правой кнопкой мыши и в свойствах выбираем «Выполнить заливку контура». Для заливки контура выбираем основной цвет белый и ОК.Вот что у меня получилось.Так как контур был не круговой, у меня не все залилось. Но это не страшно. Можно выбрать инструмент «Заливка» и кликать ЛКМ по пустым, не закрашенным местам. Или выбираем инструмент «Кисть» , жесткость 100%, размер не имеет значения, и аккуратно подкрашиваем все неокрашенное. Аналогично удаляем активный контур.Так как пяточка моего львенка другого цвета в отличие от лапки, я залила ее на новом слое. И продолжаем в таком же духе рисовать контуры, заливать цветом, переименовывать слои и группировать в отдельные папочки. Глазки и более мелкие детали обводим той же кистью, которую мы создали, только уменьшаем размер.Результат моего творчестваВот так выглядит политра слоев
       Результат с подлинным исходником.
   12. Раскраска. Я предполагаю, что все в детстве любили разукрашивать, у всех были книжки-раскраски. И вот впадаем в детство. Теперь результату нашего творчества придаем цветность и объем.Отключаем все группы-папки, включаем исходник, открываем любую папочку, у меня будет первой группа «Лапка с пузиком». Определяем цвет. Если же вы хотите повторить цвета с исходного рисунка, то инструментом «Пипетка» кликаем по исходнику на тот участок, который будете разукрашивать. Либо можете разукрасить на свой вкус. Далее кликаем по пиктограмме «Добавить стиль слоя» и выбираем «Наложение цвета».В выпавшем окне кликаем по цветному прямоугольничку, всплывает второе окошко «Выбрать цвет перекрытия», выбираем цвет и ОК.К слою «Контур» также применяем Стиль слоя «цвет перекрытия», только оттенком более темнее.
   13. Затемнение. Чтобы объекты смотрелись более правдоподобными и «объемными» нужно оттенить местами, осветлить, либо затемнить, но на новых слоях. Создаем новый слой, удерживая кнопку Ctrl  кликаем по иконке с заливкой на панели слоев и по контуру заливки побежали муравьишки. Режим наложения выставляем «Умножение».В палитре цветов выбираем цвет, чуть-чуть темнее, чем наша заливка. Активируем инструмент «Кисть» , выбираем круглую кисть, жесткость 0% затем аккуратно затемняем.При необходимости, можно менять размер кисти, (горячие клавиши – квадратные скобки, буква Х и буква Ъ). Также можно менять непрозрачность кисти.
   14. Теперь немного размоем фильтром. 
   15. Осветление. Создаем новый документ. Выбираем цвет намного светлее, чем заливка, и мягкой кистью проходим, осветляя. Далее размоем фильтром. Если у вас что-то не получилось, можно горячими клавишами Ctrl+Alt+Z вернуться на несколько шагов назад, либо подтереть инструментом «Ластик» .Остальные лапки разукрашивала по тому же принципу. Не обязательно опять подбирать цвета для заливки и для контура одинаковых элементов, (у меня это лапки и пузико), можно просто скопировать стили слоя и вставить. Но для заливки свой стиль слоя, а для контура свой. Правой кнопкой мыши кликаем по слою со стилем и в выпавшем меню выбираем «Скопировать стиль слоя».А затем выделяем все слои, на которых будет одинаковый стиль слоя (удерживая клавишу Ctrl кликаем по всем слоям). Далее на одном из выделенных слоев кликаем опять же правую кнопку мыши и выбираем «Вклеить стиль слоя».
   16. Дальше все по тому же списку. Пробуйте, экспериментируйте. Работаем кропотливо, аккуратно. Чем аккуратнее будет рисунок, тем интереснее он будет выглядеть.

 

Вот результат!

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

Урок подготовлен командой сайта «Фотокниги для души». Исполнитель — Светлана.

Дополнение к уроку.

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

Чем же отличаются векторные изображения от растровых?

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

Векторная графика состоит из линий или кривых, которые описываются математическими объектами, называемыми векторами. Например, колесо автомобиля описывается формулой эллипса. При изменении размеров рисунка качество его не меняется (Изображение можно растянуть хоть на баннер). Векторные форматы: AI, CDR, EPS. Самая популярная программа для создания векторных изображений — illustrator.

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

Размеры разворотов фотокниги нельзя сравнить, к примеру,  с рекламным уличным баннером, поэтому  отрисовки для фотокниг легко можно делать в программе фотошоп ))). Но, как следствие, из всего вышесказанного при работе со слоями могут возникнуть всякие артифакты, вылезать непонятные «штуковины» и т.д. и т.п. Поэтому, после завершения всех операций по отрисовке, вам необходимо слить все слои Ctrl+Alt+Shift+E. Таким образом, вы объедините все слои (с которыми работали) в один общий слой (самый верхний в слоях).

После того, того как вы объединили все слои, вы можете преобразовать его в смарт-объект. В палитре инструментов нажимаем на слой с объектом, нажимаем правую клавишу мыши — Преобразовать в смарт-объект. Смарт-объекты — это слои, содержащие данные изображения из растровых или векторных изображений, таких как файлы Photoshop или Illustrator. Смарт-объекты сохраняют первоначальное содержимое изображения со всеми исходными характеристиками, позволяя производить обратимое редактирование слоя. В этом случае вы можете работать с объектом и трансформировать его до первоначального размера (без потери качества).
Девушки, только прежде чем сливать все в один слой, не забывайте отключать фоновый слой и слой с оригинальным рисунком, чтобы ваша отрисовка оказалась на прозрачном фоне )))
А теперь попытаюсь показать, все что сказано выше на примерах.

Вот так выглядит отрисовка в первоначальном виде (ее размеры 3000*3000 пикс. 300 dpi)

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

А вот результат после тех же «манипуляций», но с преобразованием в смарт-объект.

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

Если же вам потребуется увеличить объект во много раз (например, для баннера), то преобразование в смарт-объект вам к сожалению не поможет. Я увеличила первоначальную картинку всего в три раза, и вот что получилось.Хоть и незначительно, но качество все же ухудшилось.

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

Задание!

1. Каждая из участниц марафона должна будет сделать как минимум три отрисовки героев (из мультфильмов, сказок, своих рисунков и т.д. Только выбирайте героев из одного сюжета/одной сказки/одного мультфильм и т.д) и 3 объекта (цветочки, листочки, облачка, солнышко и т.д., которые ваших героев окружают).Выслать мне нужно задание в формате Tif. Каждый объект в отдельном документе (со слоями). И один файл со всеми отрисовками в формате jpg. (500*500 пикс. 300 dpi).
2. Также, вам нужно будет найти в интернете 3 разворота шаблонов/макетов (просто картинки, не psd, не tif, просто примеры), с использованием любых отрисовок (не обязательно с героями, которых вы делали). И выслать их мне вместе с вашими работами. Вам просто должны очень нравится эти развороты.
3. Работы вы должны сделать до 25 января включительно. Высылать пока не нужно! 26 числа выйдет пост, в котором я скажу когда мне нужно будет выслать задания день№1 и день №3!

 

Участницы марафона и читатели сайта, не забывайте комментировать статьи. Нам интересно ваше мнение!

Photoshop: изоляция объекта с помощью инструмента «Перо».

09:14 pm — Photoshop: изоляция объекта с помощью инструмента «Перо».
Для тех, кто уже давно пользуется пером, тут врятли найдется что-то интересно, это заметки чайника для чайников.

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

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

В любом месте отрезка можно добавить новую точку: когда рядом с курсором появляется значек плюсика, то это значит что левое нажатие вставит новую точку. Точно так же при наводе на уже существующую точку появляется значек минус, означая что левое нажатие на точке удалит ее. Я предпочитаю убирать галку «auto add\delete» и использовать меню для добавлния\удаления точек (см. пункт 2).

Когда начинаете обводить внутренние области (в данном примере — пространство внутри дужки замка), то нужно поставить режим Exclude overlapping path areas на панеле опций инструмента pen (это самая крайняя справа кнопка).

Клавиши модификаторы работают с этим инструментом так:

Ctrl — когда зажат, то при нажатии на точку происходит ее выделение. При зажатом ctrl захват и перетаскивание точки будет ее двигать.

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

Все картинки кликабельны — при щелчке откроется страница где можно посмотреть фотку в полный размер и добавить\прочитать комментарии (в том числе и на изображение)
PSD файл с результатом работы можно скачать здесь.

Работать будем с этой картинкой:

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

1. Грубо наносим контуры замка, помещая точки там, где начинается изменение контура (т.е. если мы видим изгиб, то ставим точки по его бокам):

2. В месте, где контур изгибается дугой добавляем на отрезок новую точку (она сразу будет с «усами»). Делаем правый щелчок на нужном месте и выбираем из меню Add Anchor Point.

3. Зажимаем Ctrl и двигаем точку на подходящее место на контуре.

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

5. Меняя длинну и положение узлов подгоняем линию к контуру.

6. Повторяем операцию по всему контуру.

7. Теперь сохраняем готовый путь. Нажимаем на нем «make selection» и получаем выделение которое точно повторяет контур объекта. Инвертируем его.

8. Создаем дубликат фонового слоя и щелчком на нопке add layer mask; превращаем выделение в маску слоя.

9. Теперь выделяем новый слой, нажимаем shift-F5 и закрашиваем весь слой (за исключением маски) белым цветом.

10. Для того чтобы несколько осветлить картинку я добавил корректирующий слой Exposition и вставил изображение объекта в его маску (чтобы сгладить освещение).

Готово!

Было:

Стало:

Таким способом можно проводить изоляцию и более сложны картинок:

P.S. Это второй, дополненный, вариант текста. Спасибо всем, кто помог дополнить статью. От первоначального варианта отличается добавкой о добавлении\удалнии точек по умолчанию, указанием на то что для внутренних областей нужно поставить режим отсечения и ссылкой на PSD файл с примером.

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

Создание векторной графики и работа с ней в Adobe Photoshop

Adobe Illustrator – это стандартное приложение для графического дизайна. Это лучший инструмент для работы с векторными файлами.

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

Что такое векторное изображение?

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

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

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

К каждому объекту можно применить два типа цвета:

• Обводка – это линия, которая следует по пути.
• Заливка добавляет сплошной цвет или узор в пространство, окруженное траекторией.

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

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

Рисование векторных фигур и линий

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

• Инструмент Прямоугольник
• Инструмент прямоугольника со скругленными углами
• Инструмент Эллипс
• Инструмент многоугольника
• Инструмент линии
• Инструмент Custom Shape

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

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

Рисование основных векторных фигур

Выберите инструмент для фигуры, которую хотите нарисовать, затем добавьте цвета Заливки и Обводки .

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

Чтобы нарисовать треугольник, выберите инструмент «Многоугольник» . Щелкните один раз на холсте, чтобы открыть окно настроек « Создать многоугольник» . Установите количество сторон на 3 .

Изменение и редактирование векторных фигур

При создании векторной графики в Photoshop вы не ограничены базовыми формами. Их можно очень быстро изменить.

Сначала выберите форму. Это выделит фигуру и покажет точки привязки на ее пути. Это точки, где форма имеет углы или кривые.

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

Для более сложного редактирования перемещайте две или более точки привязки одновременно.

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

Слияние и объединение векторных фигур

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

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

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

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

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

Используйте инструмент «Выбор контура», чтобы выбрать вторую нарисованную вами фигуру. Теперь в Path Operations выберите Subtract Front Shape . Фигура будет удалена вместе с областью, где она перекрывается с первой фигурой.

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

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

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

Рисовать векторные линии

Есть два других инструмента, связанных с фигурой, о которых следует знать. Во-первых, это инструмент «Линия» .

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

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

Рисование нестандартных векторных фигур

Наконец, инструмент Custom Shape Tool . Задайте цвета заливки и обводки, затем щелкните параметр « Форма» на панели параметров. Здесь вы можете выбрать одну из бесчисленных предустановленных пользовательских форм, которые предоставляет Photoshop.

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

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

Если у вас есть опыт работы с Illustrator, вы знаете, что используете Paintbrush Tool для рисования от руки. В Photoshop есть инструмент «Кисть», который выполняет аналогичную работу. Но в Photoshop этот инструмент не является векторным, поэтому его не стоит использовать для рисования. Вместо этого вам следует использовать Pen Tool .

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

Начало работы с инструментом «Перо»

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

Вот краткое руководство для начала:

1. Выберите Pen Tool (P) . Щелкните холст изображения, чтобы поставить точку привязки.
2. Переместите курсор на несколько дюймов и щелкните еще раз, чтобы опустить еще одну точку привязки. Будет создан путь для их соединения. Установите обводку на 5 пикселей, черный цвет, чтобы лучше было видно.
3. Щелкните еще несколько раз, чтобы развернуть путь. Щелкните и перетащите, чтобы создать изогнутый путь. Это также добавит руль к точке привязки. Перетащите их, чтобы контролировать угол и глубину кривой.
4. Нажмите Enter, чтобы создать открытый контур (линию), или щелкните первую точку привязки, чтобы создать замкнутый контур (форму).

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

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

Три инструмента пера

Photoshop предлагает три разных пера для рисования:

• Инструмент « Перо» используется по умолчанию и является наиболее гибким вариантом. Новичкам мы рекомендуем использовать это в первую очередь для рисования прямых линий. По мере того, как вы станете более продвинутыми, вы можете использовать его для всего.
• Инструмент Freeform Pen Tool позволяет рисовать от руки, аналогично Brush Tool. Он по-прежнему создает путь, который вы можете настроить и отредактировать позже. Точки привязки создаются автоматически по мере рисования. Это отличный инструмент, если вы используете графический планшет .
• Инструмент Curvature Pen Tool позволяет легко рисовать кривые без необходимости играть с рулем, как вы это делаете с основным инструментом Pen Tool.

Трассировка изображения как вектора в Photoshop

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

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

Если объект, который вы отслеживаете, находится на простом фоне, попробуйте инструмент Freeform Pen Tool с включенным параметром Magnetic на панели параметров. Это привяжет ваш путь к краю объекта.

Работа с векторным текстом в Photoshop

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

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

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

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

Управление векторными объектами

Чтобы создать произведение искусства, вам необходимо, чтобы все эти объекты были в правильном положении и в нужном размере. Вот как это сделать:

• Перемещайте объекты , выделяя их инструментом Path Selection Tool (A) и перетаскивая на место.
• Измените размер объектов , выбрав их с помощью инструмента «Выбор контура», затем нажав Ctrl + T в Windows или Cmd + T в Mac. Это показывает рамку вокруг объекта. Возьмите руль за край и потяните внутрь или наружу, чтобы изменить размер. Удерживайте клавишу Shift, чтобы сохранить исходное соотношение сторон.
• Поверните объект , удерживая указатель мыши рядом с одним из рулей, пока курсор не превратится в значок поворота. Теперь щелкните и перетащите.
• Чтобы изменить порядок объектов , щелкните слой и перетащите его над или под другим слоем.
• Выровняйте объекты , выделив их все с помощью инструмента «Перемещение» (V) (или удерживая Shift и щелкнув несколько слоев), а затем используя элементы управления выравниванием на панели параметров.

Векторная графика в Photoshop: соединяем все вместе

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

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

Связанный

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

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

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

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

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

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

Как получить доступ к инструменту «Перо»

Доступ к инструменту «Перо» можно получить через панель инструментов.Значок инструмента «Перо» похож на старинную чернильную ручку. Вы можете быстро получить доступ к инструменту «Перо», нажав P на клавиатуре (то же самое для Mac и ПК).

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

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

Типы инструментов пера в Photoshop

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

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

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

Стандартный инструмент «Перо»

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

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

Инструмент «Магнитное перо»: Этот инструмент можно найти на панели инструментов только при использовании инструмента Freeform Pen Tool . Чтобы активировать его, просто отметьте поле магнитный . Инструмент «Магнитное перо» работает, автоматически привязывая путь к краям желаемого выделения. Photoshop делает все возможное, чтобы угадать, что вы пытаетесь сделать. Он намного точнее, чем инструмент Freeform Pen Tool, но все же может потребовать некоторых доработок.

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

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

Инструмент Curvature Pen

Обычно я использую инструмент «Стандартное перо» для создания всех выделений. Я лично считаю, что это самый универсальный инструмент, который может удовлетворить все ваши потребности в перьевых инструментах.Дополнительные инструменты для редактирования существующих контуров можно обойти, используя простые ярлыки, описанные в разделе Pen Tool Basics этой статьи.

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

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

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

Путь пером, созданный с помощью инструмента «Стандартное перо» на сложном фоне.

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

Выбор, сделанный с помощью инструмента Standard Pen Tool

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

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

Настройки панели инструментов — Параметры контура и формы

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

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

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

Создание точек привязки

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

Создание изогнутого контура пера в Photoshop

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

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

Регулировка рычагов управления анкером пера

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

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

Горячие клавиши для запоминания:

Mac: Command или ПК: Control + Щелкните на точке привязки — перемещение всей точки привязки

Mac: Option или PC: Alt + Нажмите на Рычаг или точки привязки — Отрегулировать Pen Path Curve

Добавление и удаление точек привязки вдоль пути пера

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

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

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

Превращение контура пера в выделение

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

Шаг 1:

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

Метод № 1

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

Метод № 2

Шаг 2:

Затем появится диалоговое окно « Make Selection» с просьбой установить радиус растушевки.Я всегда устанавливаю радиус растушевки 0,5 пикселя , если хочу, чтобы края выглядели реалистично резкими. Если вы хотите, чтобы у выделения было больше размытых краев, увеличьте радиус размытия до большего числа (например, 10 пикселей и выше) для более заметного размытия.

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

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

Эти черные и белые линии представляют собой выделение

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

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

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

Заливка: Определяет, какого цвета будет ваша форма.

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

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

Прозрачный штрих. Синяя заливка

Белая обводка размером 10 пикселей.Синяя заливка.

Белая обводка размером 40 пикселей. Синяя заливка

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

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

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

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

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

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

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

Мой курс Photoshop Essentials — лучший способ быстро улучшить свои навыки фотошопа (и инструмента пера!) И начать редактировать фотографии как настоящий профессионал. Вы можете получить к нему доступ ЗДЕСЬ, чтобы узнать больше о том, что он может вам предложить.

Счастливого редактирования,

-Брендан

Связанные

Лучшая ручка и планшет для Photoshop

Вы редактируете пером и планшетом?

Мое первое знакомство с пером и планшетом для Photoshop было в 2008 году с планшетом Wacom Bamboo Fun Tablet.Я до сих пор помню, как получил его. Было приятно использовать его, но к нему было очень трудно привыкнуть. Сначала я использовал его для всего, потому что, ну, я мог! Через некоторое время я понял, что перо и планшет — всего лишь инструменты для пост-обработки, и их не нужно использовать для всего. Во время редактирования я использую перо для двух основных задач.

Прежде чем я расскажу, для чего я их использую, давайте посмотрим, ПОЧЕМУ я их использую.

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

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

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

Как я уже сказал выше, я в основном использую перо и планшет для двух задач в Photoshop: Маскирование и Осветление и Запись.

Возможно, вы слышали о ручке и планшете раньше. Термин Wacom почти синоним ручки и планшета. Однако я был разочарован продуктами Wacom и с тех пор начал использовать ZP-Pen Star G640. В этом уроке я покажу вам, как использовать перо и планшет и почему я предпочитаю XP-Pen.

f.64 Academy и f.64 Elite — детище Блейка Рудиса. Хотя он пейзажный фотограф, он очень увлечен постобработкой изображений в Photoshop и наставничеством других.

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

Руководство для начинающих по освоению инструмента «Перо» в Photoshop

Автомобильный фотограф из Лос-Анджелеса Дэйв Кокс (он же @ShootingDave) составил полезное руководство для новичков, которое поможет вам освоить то, что он называет «самым сексуальным инструментом» в Photoshop: Pen Tool.«Сексуальный» может показаться натяжкой, но Дэйв прав. Инструмент «Перо» может легко сделать детальную маскировку… если вы знаете, как им пользоваться.

«Я раскрашиваю машины ночью, что требует многократной экспозиции. Это может быть немного проблематично, если вы пытаетесь сохранить настройки маскировки аккуратными и логичными », — говорит Дэйв PetaPixel . «Использование Pen Tool позволяет мне создавать изысканные маски, которые я могу использовать для управления освещением в машине отдельно от фона. Я знаю, что для многих это может показаться пугающим, поэтому, надеюсь, я сделал его как можно более простым, чтобы люди могли следить за ним.”

Используя только самые основные функции, встроенные в Pen Tool, он смог создать сложные маски и фотографии, которые вы видите ниже:

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

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

На самом деле, если верить Дэйву, это самый сексуальный инструмент в Photoshop.

---

Изображение предоставлено : Все фотографии Дэйва Кокса / Стрельба Дэйва и использованы с разрешения.

Как использовать инструмент «Перо» в Photoshop. Часть 5 (Трассировка)

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

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

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

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

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

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

Смотрите выбор на экране. Переключитесь на фоновый слой. Затем перейдите к filter — stylize — solarise , чтобы создать интересный эффект.

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

Если вы хотите узнать больше, ознакомьтесь с нашим учебным курсом для начинающих по Photoshop CC или нашим учебным курсом для начинающих по Illustrator CC

Другие видео из этой серии:

Использование и функции инструмента «Перо» в Photoshop из раздела «Освоение инструмента« Перо »и слоев формы с Джейсоном Хоппе

Информация об уроке

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

Поехали, ребята.Инструмент «Перо». И мне нравится перо. Если кто-то и есть в Cafe Press, много лет назад мы разместили это в Cafe Press и превратили их в футболки, потому что мне нравится перо. И вам может быть интересно, хорошо, я использую инструмент «Перо», и я никогда не видел, чтобы он подходил рядом с инструментом «Перо». Это потому, что вы недостаточно использовали его. Но самое забавное, что ко мне на самом деле кто-то подходил, и они такие: да, я не совсем понимаю. Они смотрят на рубашку. Это типа: хорошо, либо ты это понимаешь, либо не понимаешь.Это инструмент «Перо». Нравится вам это или нет. Ничего не поделаешь. Скольким людям нравится перо? Ура! Сколько людей ненавидят перо? Ура! Я использую его недостаточно, чтобы достаточно хорошо с ним познакомиться. Инструмент «Перо» связан с отношениями «любовь-ненависть», но, знаете, некоторые люди управляют инструментом «Перо» так, как будто никогда раньше не водили ничего. И я должен вам сказать, что управление пером похоже на вождение автомобиля, но у людей, кажется, есть этот разрыв между ок …

г.Вы поворачиваете направо, и это должно быть направо, вы поворачиваете налево, он идет налево. Вы, наверное, спрашиваете, какое отношение это имеет к инструменту «Перо»? Позволь мне показать тебе! Вот так. Я на самом деле сижу здесь в своем кресле и готовлюсь к гонке, потому что раньше люди просто смотрели, как я все время использую перо. И вот, вы можете посмотреть, как я использую перо. Для чего используется перо? Инструмент «Перо» используется, чтобы расстраивать и раздражать людей по всему миру. Но у него есть и некоторые полезные функции.Одна из вещей, для которой мы в основном используем инструмент «Перо», — это в основном выделять объекты и выделять их. Инструмент «Перо» создает контур, и с его помощью мы затем превращаем этот контур в выделение. Так что по сути это означает конец. Когда мы входим и сворачиваем вокруг нашего объекта здесь, мы действительно можем видеть, позвольте мне войти, и я отключу свой обзор здесь, поэтому я не хочу входить и не хочу видеть мой пиксель первого класса это. Итак, мы идем. Здесь мы видим, что у меня есть путь вокруг моего объекта.Это очень часто бывает, когда мы покупаем стоковые фотографии на сплошном белом фоне. Я бы не хотел тратить время на выделение белого фона, потому что я не знал своего крутого трюка, чтобы выбить белый фон, но также, это очень простой способ выделить изображение вокруг изображения. . Итак, я использовал свой инструмент «Перо», превращаю его в выделение, и теперь у меня есть кое-что, что остается с файлом. Вот и мой путь вокруг моего объекта. Я прокладываю путь вокруг своего объекта и могу превратить его в выделение, войдя внутрь, и у меня есть свое выделение.Могу ли я сделать это с помощью инструмента лассо? Конечно. Потратьте немного больше времени, особенно на более сложный объект. На самом деле, я считаю, что с пером он работает быстрее, потому что я могу использовать его намного быстрее. К тому же это более снисходительно, чем использовать инструменты выбора. Есть много отличных инструментов выделения, но это один из тех, которые мы используем пером, но если вам не нравится инструмент «Перо», вы собираетесь изучить его именно здесь. Инструмент «Перо» используется именно для этого. Я хочу войти и проложить путь вокруг объекта.Но прежде чем мы это сделаем, мы должны показать вам, как работает инструмент «Перо». Я собираюсь создать здесь пустой документ, и я сделал курсор очень большим, потому что что происходит, когда вы едете в другую страну, и люди вас не понимают? Ты громко говоришь. Вы не понимаете инструмент «Перо», поэтому мы сделаем его большим, чтобы вы могли его слышать. Хорошо? Много простых слов. Поэтому я увеличиваю размер инструмента «Перо», потому что, используя инструмент «Перо», мы увидим множество различных режимов, которые вступают в силу с инструментом «Перо», когда мы имеем дело с сегментами линии, точками и типами точек, будут, и ручки Безье, и сбои, которые вы вызовете, управляя пером.Вот очень простой этикет с использованием пера. Инструмент «Перо», мы можем щелкнуть и удерживать инструмент «Перо». У нас есть инструмент «Перо», инструмент «Перо произвольной формы», добавление точки привязки, удаление точки привязки и преобразование точки привязки. Кстати, инструмент «Перо» никак не соотносится с инструментом «Карандаш». Даже не беспокойтесь. Итак, вот наши пять инструментов, к которым мы можем получить доступ очень быстро. А затем, когда мы рисуем здесь путь с помощью нашего инструмента «Перо», мы можем перейти к нашему инструменту выделения, нашему контуру или нашему инструменту прямого выбора, чтобы войти и отредактировать эти точки или эти линейные сегменты на пути.Что я собираюсь сделать, так это начать, у меня будет здесь всегда под рукой панель путей, и я покажу вам, как мы собираемся начать управлять инструментом «Перо». Как только мы освоим перо, я покажу вам, как это можно сделать вокруг объекта. Но пока пристегните ремень безопасности, потому что мы начнем очень медленно. У всех пристегнуты ремни безопасности? Включите сигнал? О, мы забыли заправить машину. Просто шучу. Итак, инструмент «Перо». Я не собираюсь переключаться между всеми этими различными инструментами в инструменте «Перо» через мою панель инструментов.Мы сделаем все это с помощью ярлыков. Мы начнем и будем вводить эти ярлыки по мере необходимости. Инструмент «Перо», я начну с основных вещей. Я собираюсь щелкнуть, и когда я начну здесь, вы увидите первый щелчок, который у меня есть. У меня есть звездочка рядом с моим пером. Это означает, что я начну свой путь. Я собираюсь щелкнуть, и когда я начну щелкать, эта маленькая звездочка исчезнет, ​​потому что я уже начал свой путь, и когда я начинаю щелкать, каждую точку, которую я щелкаю, я создаю точку, которая будет соединены отрезком прямой.Вы знаете, что это точка за точкой, верно? Один, два, три, четыре, пять, да. Итак, каждое место, на которое я нажимаю, у меня будет прямая линия между ними. Когда я закончу, я хочу завершить свой путь. И когда я дохожу до своей исходной точки, я нахожу курсор на эту точку, у меня появляется кружок, это показывает мне, что я закрою свой путь. Выполнено. Мой путь будет отображаться на моей панели путей прямо здесь. Я собираюсь сделать это по-настоящему большим, чтобы мы могли это увидеть. Потому что все будет хорошо и громко. Вот мой путь. С этого момента я мог пойти своим путем и превратить его в выбор.Но мне сейчас нечего выбирать. Я просто хочу опустить перо. Я нарисовал здесь свой путь, и все в порядке. Если я хочу изменить свой путь прямо здесь, я могу. С помощью инструмента «Перо» я могу войти и добавить точки привязки к любому существующему сегменту линии. Я могу удалить любые существующие опорные точки, а также могу преобразовать опорные точки во что? Во что я могу их преобразовать? Деньги? Золото, сказочные вещи? Или надоедливые маленькие ручки Безье. Ммм хм, вы выбираете и выбираете. Я хочу войти, и я хотел бы добавить здесь несколько точек к своим линиям, чтобы затем я мог дальше редактировать эти точки.Мне не нужно вводить здесь какой-либо другой инструмент «Перо». Я мог бы просто сказать здесь: добавить или удалить точки привязки. Даже не нужно. По умолчанию, каждый раз, когда я наведен на существующий путь здесь, если я наведусь на путь или сегмент линии здесь, я получаю плюс, и он скажет мне, что если я щелкну здесь, я получу точку. Если я наведу курсор на существующую точку, я получаю минус, и я действительно плохо разбираюсь в математике, поэтому я думаю, что это уберет ее. Несомненно. Я могу нажимать на эти точки, и это позволяет мне добавлять или снимать очки.Каждый раз, когда я добавляю точку, это позволяет мне затем войти и переместить эту точку и изменить форму моего пути. Я собираюсь войти и в основном отредактировать свой путь, используя свой инструмент выбора пути. У меня есть инструмент выбора пути, и здесь есть два разных. Инструмент выбора пути, который, если я его использую, выберет весь мой путь как единое целое. Он выбирает путь, и я могу его перемещать. И я мог бы, если бы я хотел это преобразовать, выполнить команду + t, я мог бы повернуть свой путь. Вот оно. Мой инструмент прямого выбора позволяет мне напрямую выбирать каждую отдельную точку или отрезок линии по отдельности.И когда я перехожу к своему прямому выбору и нажимаю на эти точки, все по-прежнему движется. Огромный источник разочарования. Люди такие: да, он тоже. Правильно, потому что вы неправильно его используете. Теперь, когда я нарисовал свою форму или свой путь, я отключу это здесь. Он находится на панели моего пути прямо здесь, и я это вижу, и у меня есть два разных метода смотреть на это. Если на панели моего пути он выделен синим цветом, мой путь виден. Но он не активен, потому что я не вижу всех точек на пути.Если я щелкну прямо здесь с панели своего пути, он все еще там. Теперь его больше не видно. Поэтому, если я хочу использовать свой путь, мне нужно будет сделать его видимым, щелкнув по нему на панели пути, и мне нужно будет сделать его активным, щелкнув инструмент выбора пути. И я выбираю этот путь, поехали. Две разные вещи. Не видно, не активно. Он виден, но не активен. Если бы я хотел использовать свой инструмент «Перо» и сделать что-нибудь с ним, вы увидите, что я наведен на него, и он не показывает мне никакого добавления или вычитания.Он показывает мне звездочку, говорящую о том, что это откроет новый путь. Потому что, хотя он и виден, он не активен. Итак, я возьму свой инструмент прямого выбора, я собираюсь щелкнуть путь, и теперь он станет активным. Вы увидите, когда я использую свой инструмент прямого выбора, все точки пусты. Это означает, что даже если путь выбран, ни одна из моих отдельных точек на самом деле не выбрана. Итак, я беру свой инструмент прямого выбора и могу щелкнуть отрезок линии и переместить его.Если я хочу переместить точку, я нажимаю на точку, точка станет черной. Теперь он выбран. Все остальные белые или полые. Те не выбраны. Я не могу переместить то, что не выбрано. Инструмент прямого выбора позволяет мне напрямую выбирать одну точку, несколько точек или отрезок линии и редактировать только те, которые я выбрал. Если он черный, он выбран. Если он белый или полый, он не выбран, и я не могу повлиять на них с помощью инструмента прямого выбора. Я могу переместить эту точку куда захочу.Если я хочу выбрать несколько точек, я могу щелкнуть и перетащить с помощью инструмента прямого выбора эти несколько точек, и я могу изменить эти точки. Что происходит, когда люди входят, используют свой инструмент прямого выбора и обнаруживают, что перемещают все вместе. Вот что происходит. Я собираюсь полностью сбиться с пути. Я перехожу на свой рабочий путь и нажимаю на него. Затем я перехожу к инструменту выбора пути и выбираю свой путь. Выбрана каждая точка. Они все черные. Теперь я перехожу к своему инструменту прямого выбора, чтобы напрямую редактировать любую из этих точек, и все они все еще черные.Они все еще выбраны. Я предполагаю, что я делаю что-то не так, потому что теперь у меня есть инструмент прямого выбора, который не позволяет мне напрямую выбирать. Возьмите за привычку брать инструмент прямого выбора, снимать выделение и щелкать мышью, чтобы он больше не был активен. Видно, не активно. Теперь я собираюсь снова щелкнуть здесь, и теперь у меня есть все открытые точки. Ни один из них не закрашен черным, ни один из них не выбран, поэтому я могу выбрать те, которые мне нужны, и перемещать только их. Если я использую свой инструмент выбора пути, он выбирает весь путь.Он не знает, когда я возвращаюсь к своему инструменту прямого выбора, какие из них не выбирать. Так что просто возьмите за привычку щелкать по нему, а потом возвращаться с помощью инструмента прямого выбора. А теперь я могу войти и отредактировать свой путь. Огромный источник разочарования. Вот почему я проясняю это. Таким образом, у нас может быть видимый путь, активный путь, а затем у нас может быть выбран весь путь. Очень немного отличается терминология, но очень важна, когда вы ее изучаете, чтобы сэкономить годы разочарований и хлопот.Потому что с этого момента вам понадобятся годы, чтобы разочароваться и возиться с пером. (аудитория смеется) Мне всегда нравится использовать ярлыки, поэтому я собираюсь показать вам один отличный ярлык. И я буду постоянно использовать инструмент «Перо» и переключаться на инструмент прямого выделения, чтобы иметь возможность редактировать эти точки и пути по мере продвижения. Я переключаюсь на свой инструмент прямого выбора, а затем перехожу к своему инструменту «Перо». Я хочу активировать свой путь. Он виден, но не активен.Я собираюсь удерживать свою командную клавишу, и командная клавиша переключится на инструмент прямого выбора, если это был последний инструмент контура, который я использовал, поэтому я сказал, что сначала нажал на свой инструмент прямого выбора, а затем мой инструмент перо. Если я в последний раз использовал свой инструмент выделения пути для выделения, а затем перейду к своему инструменту «Перо», он этого не сделает, я думаю, они его исправили, и это здорово. Обычно происходит то, что вы используете последний инструмент, который вы получаете последним. И, надеюсь, они это исправили, потому что это всегда раздражало.Я выработал свои привычки много лет назад. Инструмент «Перо», я могу войти, и мой путь активен. Я вижу эти точки, и теперь мой инструмент «Перо» будет делать именно то, что я хочу. Добавьте точки на моих линейных сегментах, уберите точки там. Не могу этого сделать, если путь не активен. Ничего не произошло. Путь должен быть активным. Удерживайте нажатой командную клавишу, командный щелчок, есть мой инструмент прямого выбора. Теперь я могу убирать или добавлять точки с помощью инструмента «Перо». Затем я могу удерживать свою командную клавишу, и тогда я могу перемещать свой путь, просто перемещаясь между инструментами «Перо».Так что мне не нужно прекращать то, что я делаю. Я собираюсь использовать командную клавишу, чтобы двигаться дальше и перемещаться туда-сюда. Довольно просто. Когда мы нарисовали путь, он превращается в рабочий путь. Если я щелкну по этому пути, и мой путь больше не будет активен на панели путей здесь, и я решу, что хочу нарисовать здесь другой путь, он исчезнет. Итак, я начал рисовать, и внезапно этот ушел. Куда оно делось? Я подумал, если я нарисую это, я никогда не удаляю то, что здесь происходит? Это безумие! Вот что происходит.Вы сходите с ума. (аудитория смеется) Вы просто сходите с ума. Но это не значит, что Photoshop не работает так, как работает. Вот как это работает. Когда я рисую здесь путь, и мой путь фактически выделен и выбран здесь, не имеет значения, активен ли у меня этот путь. Он выбран прямо здесь, но не активен. Если я выбрал это и нарисую здесь несколько путей, я могу получить несколько путей на этом конкретном пути. Когда он больше не активен или не выбран здесь, и я начинаю перерисовывать, его больше нет.Это просто рабочий путь. И это предполагает, что, когда вы нажмете на них, все готово, а все остальное, что вы рисуете, начнется сначала. Это вызывает много душевных страданий у людей, которые часами исправляют это. Они выключаются, они возвращаются и забывают снова щелкнуть по нему и начать все сначала. Он ушел, как будто ушел в путь, ушел. Обидно, как все вылезают наружу. Каждый путь, по которому вы хотите пройти и продолжить работу здесь, либо никогда не уходите от него и не нажимайте на него, либо продолжайте и сохраняйте этот путь.Это не значит, что вы идете в файл, сохраняете и сохраняете здесь путь. Что странно, мы собираемся сохранить путь, дважды щелкнув по нему. В большинстве других случаев мы думали бы, что, дважды щелкнув по этому имени, мы на самом деле даем ему имя. Ну вот что мы делаем. Как только я перейду и назову путь, теперь у него есть имя, и поэтому он сохраняется. Странно, правда? Мой путь, как только я его назову, и он больше не рабочий путь, пока я его назову, он сохраняется. Я щелкаю по нему, и если я начинаю рисовать здесь другой путь, он сохраняет этот путь там.Вот как вы держите свой путь. Если вам это нравится, назовите это. Если вам это не нравится, не называйте это и потеряйте все. И поэтому каждый раз, когда я хочу сохранить путь, я дважды щелкаю по нему, как если бы я делал слой здесь, и я просто вхожу и называю его, что сохраняет путь. И дорожки стоит экономить. Это все, что есть. Я войду и назову эти пути, и они сохранены. Большой. Теперь, если я отключу их, они не исчезнут. Я могу щелкнуть по ним и нарисовать другой путь. Или, если я нажимаю на них, я просто добавляю еще один путь к этому конкретному сохраненному пути прямо здесь.Никогда не нажимайте на них, не называя их, если вы действительно не хотите его потерять. Вопрос здесь? Этот второй путь, который вы только что нарисовали, сохранен на этой первой панели или вам нужно вернуться и переименовать его? Итак, вот что самое безумное. Видите, когда я это нарисовал, он автоматически сделал это здесь? Нет необходимости делать какие-либо сбережения в будущем. Поскольку я назвал его, он сохраняется и сохраняется навсегда, пока я его не удалю. Я могу добавить к нему все, что захочу, и оно было сохранено. Звучит как религиозный опыт, не так ли? Как только вы были спасены, вы были спасены навсегда.Пока ты путь. Итак, у нас есть еще один вопрос. Я знаю, начиная с Beats 435, как долго вы должны удерживать командную клавишу нажатой, когда вы переключаетесь с пера на инструмент прямого выбора? Пока вам нужен инструмент прямого выбора, удерживайте эту командную клавишу. Если хочешь продолжать, держи ногу на акселераторе. Как только вы отпускаете, все останавливается. Есть ли ярлык для переключения между инструментом прямого выделения и обычным инструментом выделения? Почему да, есть. И вы увидите, что с любым из них прямо здесь, это буква А.Если вы нажимаете A и продолжаете нажимать A, ничего не происходит. Когда вы обнаружите, что здесь, внизу, это точно такой же ярлык, вы удерживаете нажатой клавишу Shift. Поскольку A — ваш инструмент выделения и инструмент прямого выделения, удерживайте нажатой клавишу Shift и shift + A. Вот и все. Теперь мы знаем, как на самом деле сохранять и давать имена нашим путям. После того, как мы дадим имя пути, если он у нас выбран, все пути, которые мы добавим, будут его частью. Не нужно его снова сохранять. Он уже сохранен.Аллилуйя. Что ж, теперь мои пути выглядят ужасно. Но, знаешь, я только учусь пользоваться пером. Последние пять, 10 минут, абсолютно огромны, когда вы пытаетесь использовать и сохранить все, что вы делаете. Это огромный источник разочарования для многих людей. Я на самом деле намеренно удалю эти пути. А теперь я хочу начать показывать вам, как этот инструмент «Перо» на самом деле работает как с прямыми, так и с изогнутыми линиями. Когда я беру перо, щелкаю, щелкаю, щелкаю, щелкаю прямо здесь.Каждый раз, когда я щелкаю, я иду вперед и получаю прямую линию. Если я войду внутрь, щелкну и потяну, я получу свои маленькие ручки Безье, и я получу изогнутые линии, и именно там я собираюсь получить все мои кривые, и я могу создать красивый округлый квадрат. Вот что смущает людей. Вся эта кривая, и как вы на самом деле получаете ручки, и в какую сторону они идут, и я не могу управлять этой штукой, и это ужасно, и у меня всегда получается какая-то ужасная форма. Водители, ребята, это драйверы для пера.Как только вы пройдете это, мы даже создадим для вас небольшую лицензию на драйверы для пера. (аудитория смеется)

Вырезание инструментом «Перо» в Adobe Photoshop

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

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

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

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

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

С помощью инструмента «Перо» Photoshop у вас есть два варианта: 1 — Создать новый рабочий контур или 2 — Создать новый слой-фигуру.
Мы будем использовать параметр «Создать новый рабочий путь» как наиболее часто используемый.Вы можете найти эти параметры в верхнем левом углу строки меню Photoshop .

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

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

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

Затем вам нужно щелкнуть правой кнопкой мыши, чтобы открыть параметры меню для инструмента «Перо», выбрать , сделать выделение и установить значение растушевки примерно на 1 или 2 пикселя, в зависимости от того, что вы вырезаете. Это превратит вашу замкнутую линию пера в серию марширующих муравьев вокруг вырезанного изображения. Отсюда вы можете нажать ctrl J и поместить вырезанное изображение на отдельный слой, или вы можете стереть в выделении марширующих муравьев, если хотите стереть его. И это почти все, что касается этого урока по работе с пером!

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

Надеемся, вам понравился этот урок по вырезанию с помощью инструмента «Перо» в Adobe Photoshop!

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

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

Stroke Path

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

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

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

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

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

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

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

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

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

Ссылки

Ресурсы

Подсказки

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

  No related posts.