Pen tool в фотошопе: Учимся работать с Pen Tool | Уроки Фотошопа (Photoshop)

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

На этой странице, вы сможете найти описание возможностей, почти всех инструментов Фотошопа.

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

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

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

Давайте теперь рассмотрим каждую группу инструментов более подробно.
[sc name=»728 text» ]

Инструменты фотошопа для Выделения

Они необходимы для выделения форм и областей изображения.

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

«Перемещение» (Move Tool). Перемещение чего либо (слоёв, эффектов и.т.п.).
«Лассо» (Lasso Tool). Выделение областей, за счёт обведение мышкой, многоугольные выделения, если есть ровные края и выделение с привязкой к границе области.
«Волшебная палочка» (Magic Wand Tool). Выделение областей, которые имеют одинаковый цвет.

Инструменты для Кадрирования

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

«Рамка» (Crop Tool). Этот инструмент обрезает изображения, но это общее название, потому что возможностей у Crop Tool очень много. Более подробное описание этого инструмента, вы можете найти в интернете.
«Раскройка» (Slice Tool). Создание фрагментов из изображения/фотографии. Инструмент востребован у веб-дизайнеров, он нужен для нарезки макет сайта, на разное кол-во изображений, для дальнейшей вёрстки сайта.
«Выделение фрагмента» (Slice Select Tool). Служит для выделения и работы с фрагментами, которые были созданы с помощью Slice Tool.

К сведению, если вам нужен электромагнитный замок, то оформить свой заказ вы сможете на интернет-ресурсе https://klik-rostov.ru/catalog/kontrol_dostupa/elektro_zamki/. Уверен, вы останетесь довольны соотношением цена-качество!

Инструменты для Ретуширования

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

«Точечная восстанавливающая кисть» (Spot Healing Brush Tool). С помощью этой кисти, можно удалять пятна и восстанавливать мелкие элементы на изображении.
«Восстанавливающая кисть» (Healing Brush Tool). Кисть закрашивает участки изображения выбранным паттерном (pattern).
«Заплатка» (Patch Tool). Работает наподобие инструмента Healing Brush Tool, только редактируемую область, можно выделять как инструментом «лассо».
«Красные глаза» (Red Eye Tool). Быстрое удаление красных глаз на фотографиях.
«Штамп» (Clone Stamp Tool). С помощью «Штапма» можно рисовать по определённому образцу, которое взято с изображения.
«Узорный штамп» (Pattern Stamp Tool). То же самое что и «Штамп», только закрашиваемая часть будет Pattern на основе выбранного образца. Надеюсь что вы поняли мою мысль, если нет, то поищите уроки по использованию узорного штампа в интернете.
«Ластик» (Eraser Tool). Стирает изображение или восстанавливает его до последней сохраненной копии.
«Фоновый ластик» (Background Eraser Tool). Благодаря перетаскиванию, стирает фон изображения. Если зажать кнопку Alt, то появится пипетка, с помощью которой можно задать цвет, который не будет стираться ластиком.
«Волшебный ластик» (Magic Eraser Tool). Этот инструмент стирает одноцветные части изображения.
«Резкость» (Sharpen Tool). Противоположность Blur Tool, делает область более чёткую, увеличивая резкость.
«Размытие» (Blur Tool). Размывает крайние части объекта и он становится менее чётким.
«Палец» (Smudge Tool). Размывает всё, почём вы проводите этим инструментом.

«Затемнитель» (Burn Tool). Обратное Dodge Tool — затемняет.
«Осветлитель» (Dodge Tool). Осветляет выбранную область на изображении.
«Губка» (Sponge Tool) Этот инструмент изменяет насыщенность цветов у участка, по которому вы им проводите. Sponge Tool имеет два свойства: Desaturate — насыщает цвета; Saturate — наоборот обедняет цвета у изображения.

Инструменты для «Раскрашивания»

Работа с цветовым балансом изображения, стилизацией и тому подобное.

«Кисть» (Brush Tool). Самый старый инструмент Фотошопа, кисть была с самых первых версий, с помощью неё, вы можете рисовать линии попиксельно (и более) на изображении.

«Карандаш» (Pencil Tool). В отличие от кисти, «карандаш» рисует линии с более выраженными краями.

«Замена цвета» (Color Replacement Tool). Данный инструмент поможет вам заменять выбранный цвет, каким-нибудь другим.

«Архивная кисть» (History Brush Tool). Данная кисть рисует выбранную копию.

«Архивная художественная кисть» (Art History brush Tool). С помощью выбранной кисти, рисует и стилизует изображение как History Brush Tool.

«Градиент» (Gradient Tool). Добавляет градиент, есть кто не знает, то это плавный переход между цветами. Градиент может быть радиальным, прямым, зеркальным, конусообразным, ромбовидным.

«Заливка» (Paint Bucket Tool). «Заливает» выбранную область выбранным цветом или узором (Pattern).

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

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

«Текст» (Type Tool). Добавляет текст на изображение, в подменю этого инструмента, можно выбрать какой тип текста будет добавляются: горизонтальный или вертикальный.

«Текст-маска» (Type mask Tool). Маска текста на изображении, можно выделить область в виде текста, для дальнейшей обработки.

«Выделение контура» (Path selection Tool). Инструмент выделяет области на основе контурных точек, которые вы выставляете.

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

«Фигура» (Shape Tool). Добавляет фигуры из списка или чертит линии (line tool).

«Произвольная фигура» (Custom Shape Tool) Не стандартные фигуры из списка фигур Фотошопа, плюс те, которые вы добавили сами в программу.
[sc name=»728 text» ]

Спираль в фотошопе

Сделать такую завораживающую спираль очень просто в фотошопе. Мы сделаем такую спирать всего за 6 шагов. такая спираль ассоциируется с вдохновением поэта.

Шаг 1

Начните с создания нового документа с размерами 600 × 600 пикселей. Заполните слой цветом #0593a4.

Шаг 2

Выберите инструмент Custom Shape Tool (Произвольная фигура) и выберите одну из стандартных фигур Photoshop, который вы видите на картинке ниже. Установите цвет переднего плана  #02a0b3 и создайте круглую форму, показанную на скриншоте ниже. Эта фигура лежит в группе Symbols (Символы) стандартных фигур.

Выберите новый слой и растрируйте фигуру, перейдя в меню Layer> Rasterize> Shape (Слои –> Растрировать –> Фигуру)

Шаг 3

Примените фильтр Filter> Distort> Twirl (Фильтр –> Искажение –> Скручивание).

Шаг 4

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

Теперь вам нужно набрать текст по кривой линии. Цвет переднего плана – белый (#FFFFFF). Выберите инструмент Horizontal Type Tool, переместить курсор перпендикулярно линии круга, и введите ваш текст.

После ввода текста, перейдите в меню Layer> Rasterize> Type, чтобы растрировать слой. Добавьте несколько строк текста повторяя все шаги, чтобы получить нечто похожее на водоворот текста по спирали.

Шаг 5

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

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

Установите цвет переднего плана #a0d6dc. Выберите инструмент Pen Tool (вы должны убедиться, что вы создаете контур, а не фигуру) и создайте контур нового завитка.

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

Выберите кисть на следующем диалоговом окне. Убедитесь, что галочка установлена напротив пункта Simulate Pressure (имитировать нажим).

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

Шаг 6

Нам просто нужно добавить одно темное пятно в фокусе внимания. Создайте новый слой над слоем фона. Выберите инструмент Elliptical Marquee Tool, чтобы создать выделение в центре холста и заливаем выделенную область цветом # 005964.

Снимаем выделение, нажав Ctrl + D и примените Filter> Blur> Gaussian Blur (Фильтр –> Размытие –> Размытие по Гауссу).

Окончательное изображение

Глава 2. Интерфейс Photoshop: панель инструментов. Часть 1.

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

Напомню, Панель инструментов мы будем изучать в неразрывной связке с Панелью опций (она же – Панель свойств), которая является неотъемлемой частью любого из выбранных нами инструметов. В ней показываются дополнительные возможности и параметры активного инструмента. Там, например, мы можем задать размер, непрозрачность и/или нажим Кисти, установить растушевку для выделения, а также управлять множеством других параметров.

Рис. 1. Панель инструментов (увеличение по клику).

Теперь рассмотрим инструменты Photoshop в порядке их следования на Панели инструментов сверху вниз (рис. 1).

Инструмент Перемещение

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

Рис. 2. Свойства (опции) инструмента Перемещение (увеличение по клику).

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

Он помогает нам выделять разные слои/объекты одним кликом.

А вот неактивный пока чеккер «Показать управляющие элементы»:

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

Идем дальше и видим первую группу пиктограмм:

Это опции выравнивания объектов. Для чего они нужны? Посмотрите, как ровно по левому краю выстроены на рис. 1 строки с названиями инструментов ФШ. Это я выделил их (как слои на Панели слоев) и просто кликнул по четвертой слева пиктограмме – «Выравнивание по левому краю». Все строки выровнялись по одной линии, а точнее, по левому краю первого выделенного слоя. Аналогичгно работают остальные пиктограммки: выравнивание по верхнему/нижнему краях, по вертикальным/горизонтальным центрам – все интуитивно понятно.

Следующая группа пиктограмм – инструменты распределения объектов.

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

– Автоматическое выравниевание слоев. Это последняя пиктограма на Панели опций инструмента Перемещение. Ее функция – «причесать» под одну «гребенку» геометрию выделенных слоев. А именно, выровнять различные геометрические и размерно-пространственные различия между слоями. Эта опция никак не исправит перспективу или дисторсии нашего снимка. Отнюдь. Она лишь может, например, выровнять бочкообразную форму одного слоя с трапециевидной другого, приведя оба к виду нормального прямоугольника единого размера/формата. Не более. Все полностью автоматически. Нам, фотографам, вряд ли пригодится сие «волшебство» (не путать с фильтром Искажения/Distorshions, который реально полезен фотографам).

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

Инструмент Прямоугольная область

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

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

Сначала разберемся, для чего нужен этот инструмент. Его основная задача – выделение части изображения. А уже с выделенным участком можно проделывать множество фокусов. Например, залить выделенный участок каким-либо цветом, скопировать этот участок, кадрировать фото, т.е. обрезать его по границам выделения, или наоборот, удалить выделенную область, или даже использовать ее как безопасную зону. Последнее – это когда нужно что-то сделать (рисовать, удалять ластиком и т.п.) на ограниченном пространстве, не задевая другие, соседние участки изображения. В этом случае рисовальные функции возможны только внутри выделения.

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

1. Кадрирование фотографий.

2. Удаление больших участков изображения перед обтравкой объекта (обтравка – это «вырезание» объекта из картинки).

3. Перетаскивание объектов. Например, букв или фрагментов текста. Выделяю и затем «тяну» с нажатым Ctrl.

4. Копи-паст объектов, фонов, текста и т.п. Из слоя в слой, внутри слоя (вставка генерирует новый слой), из файла в файл.

5. «Рисование» рамки для фотографии.

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

Если в Панели инструментов кликнуть на пиктограмме инструмента Прямоугольная область и удерживать ее какое-то время нажатой, то появится вот такое выпадающее меню (рис. 3):

Рис. 3. Выпадающее меню.

В этом меню можно выбрать либо прямоугольную область выделения, либо овальную, либо горизонтальную/вертикальную линию толщиной в 1 пиксел. Другими словами, здесь мы выбираем форму выделения: прямоугольник, круг/овал либо однопикельную линию. Обратите внимание, что буква «М» в меню показана только для первых двух строчек – для прямоугольного и овального выделений. Это означает, что клацая по клавише М с нажатым Shift, инструмент будет переключаться с прмоугольного на овальное выделение и обратно, не включая выделения линиями.

Переходим к самому интересному. Вот так выглядит Панель опций инструмента Прямоугольная область (рис. 4):

Рис. 4. Опции (свойства) инструмента Прямоугольная область (увеличение по клику).

Пройдемся по Панели опций слева-направо. Первую пиктограмму – параметры инструмента, мы пропустим. Нет в ней ничего.

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

Рис. 5. Исходное фото на рабочей области программы (клик для увеличения).

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

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

Рис. 6. Пересечение выделений (клик для увеличения).

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

Если мы сделаем копи-паст полученного выделения (выделили, скопировали, вставили в новый файл), то картинка будет выглядеть примерно так:

Рис. 7. Результат работы режима «Пересечение выделений».

Для снятия выделения нажмите Ctrl-D.

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

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

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

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

Рис. 8. Результат работы режима «Вычитание из выделенной области».

Для снятия выделения нажмите Ctrl-D.

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

Рис. 9. Результат работы режима «Пересечение с выделенной областью».

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

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

Следующий блок в Панели опций – блок растушевки. Выглядит он так: .

Что такое растушевка? Это размытие края на какое-то количество пикселов. Тогда край выделения, скажем, после копи-паста, будет выглядеть плавно
размытым, а не жестко очерченным, как при обычном «вырезании». Чем больше пикселов вы укажете в окошке «Растушевка», тем дальше (глубже) будет размытие края.

Растушевка как параметр используется не только в опциях данного инструмента. Ее вы также встретите в свойствах (опциях) такого часто затребованного интсрумента как Лассо (L) во всех ипостасях (обычное, прямолинейное и магнитное). А при работе с инструментом Перо (P – от Pen), при попытке его преобразования в выделение, снова-таки нужно указать глубину растушевки. Для этого выскочит специальное окошко.

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

В каких случаях нужна растушевка? Самый типичеый, это кагда нам необходимо вырезать некий объект из одного фото и вставить его в другой файл. Если при вырезании объекта, когда выделяем объект инструментами Прямоугольное Лассо, Магнитное Лассо или Перо, мы укажем несколько пикселей в окошке растушевки, то край объекта сольется с фоновым изображением и не будет выглядеть грубо вырезанным/вставленным а-ля «примитивный фотошоп».

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

Когда-нибудь сделаю материал с картинками на эту тему – сами все увидите.

Движемся далее, рассмотрим следующий блок – блок Стиля: 

.

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

Рис. 10. Выпадающее меню «Стиль».

Выбираем стиль:

«Нормальный» – выделение может принимать любую форму/размер прямоугольника (овала).

«Заданные пропорции» и вписываем некие значения в окошках справа, например, «7» по ширине и «5» по высоте – получим выделение с соотношением сторон, удобным для последующей подготовки к печати под типоразмеры 15х10 см, 21х15 см, 30х20 см и т.д. Такое выделение может изменять свои размеры, но будет сохранять пропорции сторон. Это нужно при кадрировании полноразмерного изображения во время постобработки фото. Напомню, что матрицы цифрозеркальных камер Nikon и Canon имеют соотношение сторон 3х2.

«Заданный размер» – в окошках «Ширина» и «Высота» вписываем размер стороны в пикселах. Выделение при этом приобретает неизменяемый размер. Все, что вы сможете с ним делать – это двигать в разные стороны, но без изменения размеров. Бывает полезным для подготовки 100%-х кропов фотографий для пикселоедства на фотофорумах. :). И не только, конечно.

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

Инструмент Лассо

Еще один выделяющий инструмент. Вызывается «горячей» клавишей L. Состоит из трех вариантов, а именно:

1) Лассо – по умолчанию;
2) Прямолинейное Лассо;

3) Магнитное Лассо.

Переключение между вариантами инструмента – как обычно, через Shift, т. е. нажатием Shift-L.

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

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

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

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

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

Рис. 11. Панель опций инструментов Лассо и Прямолинейное Лассо. 

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

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

Еще правее расположен чекер Сглаживание. Обычно он включен по умолчанию и подразумевается, что его отключают лишь в одном случае – если процедура сглаживания тормозит работу компьютера. Вот здесь любознательный читатель может задать закономерный вопрос: «Зачем на слабые машины ставить Photoshop CS5, если последний тормозит на древнем железе?» Ответ очевиден, а отсюда и вывод: «галочку» Сглаживание оставляем включенной и не трогаем.

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

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

Рис. 11. Опции управления инструментом Магнитное Лассо. 

Рассмотрим органы управления «прилипайкой».

Ширина – в окошке справа устанавливаем диапазон рыскания «умной» линии в поисках контрастного края. Устанавливается в пикселах. Чем больше цифра, тем дальше будет «прыгать» «голова» линии, в попытках к чему-либо приклеиться. При малых значениях четче держит край объекта, далеко не рыская, но требует точности от пользователя. Если у вас «дрогнет рука», то «прилипайка» вполне может «потерять» край. Придется возвращаться на несколько «узлов» назад, нажатиями Backspace. Оптимальное значение при необходимости подбирается «методом тыка».

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

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

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

На всякий случай напомню: для снятия выделения нажимаем Ctrl-D.

Инструменты Быстрое выделение и Волшебная палочка

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

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

Рис. 12. Выбор инструментов Быстрое выделение и Волшебная палочка.

Как видно из рис. 12, оба инструмента можно также вызвать «горячей» клавишей W (от англ. Wizard – волшебник). Переключение между инструментами как обычно – через Shift, т.е. нажатием Shift—W.

Зачем нужны эти инструменты? Как это ни забавно, но они тоже помогают нам создать выделения. Разница в том, что эти инструменты создают выделения полностью автоматически с минимальным участием человека. И выделения, создаваемые ими, более сложные, они явно не под силу ни Лассо, ни тем более Прямоугольному выделению. Давайте рассмотрим подробнее принципы их работы.

Мы знаем, что изображение состоит из цветных точек, каждая из которых описывается значением трех смешанных цветов: красного (Red), зеленого (Green) и синего (Blue) – это и есть цветовое пространство RGB. Принцип работы Волшебной палочки самый понятный. Кликаем мышкой в какую-либо точку изображения и инструмент начинает искать и «захватывать» расположенные рядом точки такого же или близкого значения цветов. Таким образом все точки такого же или почти такого же цвета (степень «похожести» задается настройками), примыкающие друг к другу, превращаются в одну выделенную область. Так, например, потанцевав с бубном и кликнув мышей не менее полусотни раз, можно выделить черную футболку на фото с девушкой-моделью:

Рис. 13. Сложное выделение с помощью инструмента Волшебная палочка.

Удобен ли этот инструмент в работе фотографа? Сказать сложно. Например, я им не пользуюсь, но новички его любят – одно название чего стоит! Я же подобные выделения делаю более легким и корректным способом – инструментом «Уровни» в одном из цветовых каналов. Понимаю, что для новичков сказанное мною пока что звучит абракадаброй, но поверьте, большинство из вас вскорости сами будут им пользоваться. А пока что не грех поиграться Волшебной палочкой (для краткости – ВП). Тем более, что ниже мы изучим ее опции.

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

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

Теперь рассмотрим Панель опций инструмента:

Рис 14. Панель опций инструмента Быстрое выделение.

Слева видим пиктограмму самого инструмента с треугольным значком выпадающего меню. Там находятся всякие шаблоны, которые нам, поверьте, вряд ли понадобятся. Следующий блок – три кнопки – нарисованы стилусы с выделением, из которых второй со знаком «плюс», а третий с «минусом». Здесь выбирается режим работы инструмента. Первая кнопка называется «Новая выделенная область» – она просто создает выделение «с нуля». Однако, как только вы отпустите кнопку мыши и затем заходите еще дорисовать часть области, то следующую кнопку «Добавление к выделенной области» нажимать уже не придется, она включается автоматически, когда вы заканчиваете первое выделение. Возле курсора появится знак «плюс», что свидетельствует об изменении режима на «Добавление…». А теперь представьте, что вы хватили лишку и выделенная область оказалась больше, чем нужно. В этом случае нажимаем третью кнопку – «Вычитание из выделенной области» – и слово ластиком убираем лишнее выделение. Кстати, возле курсора теперь появится «минус». Я же в таких случаях делаю проще: рисую с нажатым Alt. Это быстрее, чем кликать по кнопкам. Как только закончу «стирать» ненужное выделение, так сразу режим работы снова восстанавливается на «Добавление…».

Следующий блок – Параметры кисти. Черный кружочек с циферкой внизу и треугольничком выпадающего меню. Кликаем на на этом блоке и видим меню установки Параметров кисти:

Рис. 15. Меню Параметры кисти.

Замечу, что данное меню нам интересно само по себе, а не только в рамках изучения инструмента Быстрое выделение, ибо сам инструмент у фотографа, по моему мнению, мало востребован. Нам важны параметры Её Величества Кисточки, поскольку понадобятся еще не раз – вот их-то знать и понимать нужно. А потому не спеша ознакомимся с вопросом.

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

Жесткость – изменяет плотность кисти от центра к краю. То есть, 100% – это означает, что кисть имеет одинаковую плотность от центра и до края. С уменьшением этого значения край начинает размываться (делаться более прозрачным) и чем меньше цифра, тем ближе к центру растягивается размытие от края кисти.

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

____________________________________________________________________

Связь с автором / узнать о фотошколе: ICQ 111773834, Написать письмо

Отправить бесплатный SMS на тел.: +38 063 7484641

Вернуться в «Фотошколу Turian’а»

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

Где мне найти инструмент «Перо»?

Прежде чем мы начнем говорить о том, что такое Pen Tool и как его использовать, мы должны сначала посмотреть, где его найти в Photoshop. Вы найдете инструмент «Перо» в палитре «Инструменты», сгруппированный с инструментами «Форма», «Текст», «Выбор контура» (белая стрелка) и «Прямое выделение» (черная стрелка) (см. Изображение слева).

Инструмент «Перо» в Photoshop

Конечно, это может вызвать вопрос, почему, если мы можем делать выделения с помощью Pen Tool, они не сгруппированы с другими инструментами выделения (Rectangular Marquee Tool, Elliptical Marquee Tool, Lasso Tool и т. Д.) в верхней части палитры Инструменты? Почему он там с другими инструментами, которые явно не являются инструментами выделения?

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

Почему он называется инструментом «Перо»?

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

Пьер Безье

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

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

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

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

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

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

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

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

Это может немного сбивать с толку, так что давайте посмотрим, что я имею в виду. Откройте новый документ в Photoshop. Неважно, какого он размера. Я выберу размер 640×480 из списка предустановок, но, как я уже сказал, не имеет значения, какой размер вы выберете. Выберите инструмент «Перо» на палитре «Инструменты». Вы также можете выбрать Pen Tool, просто нажав букву P на клавиатуре.

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

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

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

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

Учебные пособия по Photoshop. Щелкните значок «Контуры» на панели параметров, чтобы работать с контурами с помощью инструмента «Перо».

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

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

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

Добавим еще один момент.Щелкните в другом месте документа. Куда угодно годится. Я собираюсь щелкнуть где-нибудь справа от начальной точки:

Учебники Photoshop: добавьте вторую точку привязки, щелкнув где-нибудь в другом месте документа.

Я добавил вторую точку привязки и посмотрите, что произошло. Теперь у меня есть прямая линия, соединяющая две точки вместе! Эта прямая линия — мой путь. Как я упоминал ранее, нам нужно минимум две точки для создания пути, поскольку нам нужно знать, где путь начинается и где он заканчивается, и теперь, когда у нас есть как начальная, так и конечная точки, Photoshop смог подключить две точки вместе, создавая наш путь.

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

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

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

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

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

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

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

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

Превращая путь в выбор

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

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

Палитра контуров Photoshop.

На первый взгляд палитра «Контуры» очень похожа на палитру «Слои» в Photoshop, и Adobe специально сделала ее такой, чтобы вам было удобнее ее использовать. Мы можем видеть предварительный просмотр эскиза формы только что созданного пути, и по умолчанию Photoshop называет путь «Рабочий путь», что в основном является причудливым способом сказать «временный», как если бы вы создавали другой путь. path теперь, не переименовывая сначала этот путь во что-то другое, этот путь будет заменен новым путем.У вас может быть только один «Рабочий путь», поэтому, если вы хотите его сохранить, вам нужно дважды щелкнуть его имя в палитре «Контуры» и присвоить ему другое имя перед созданием нового пути.

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

Вы можете сохранить временный «Рабочий путь», просто переименовав его.

Я нажму OK, когда закончу, и теперь, если я снова посмотрю в свою палитру Paths, я точно вижу, что мой «Рабочий путь» был переименован в «Crown»:

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

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

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

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

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

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

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

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

Это так просто! На самом деле это даже проще, потому что есть сочетание клавиш для превращения пути в выделение без необходимости вообще переключаться на палитру Paths. Когда вы нарисовали свой путь и готовы превратить его в выделение, просто нажмите Ctrl + Enter (Win) / Command + Return (Mac), чтобы Photoshop преобразовал путь в выделение.

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

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

Фотография знака остановки.

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

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

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

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

Теперь на изображении вокруг знака остановки появляется путь.

Если я сейчас посмотрю в палитру «Пути», то очень ясно вижу, что у меня есть путь в форме знака «Стоп»:

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

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

Чтобы преобразовать свой путь в выделение, я нажимаю на Загрузить путь в виде значка выделения в нижней части палитры слоев или просто могу нажать Ctrl + Enter (Win) / Command + Return (Mac):

Щелкните значок «Загрузить путь как выделение» на палитре «Пути» или нажмите «Ctrl + Enter» (Win) / «Command + Delete» (Mac), чтобы преобразовать путь в выделенный фрагмент.

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

Знак остановки теперь выбран после преобразования пути в выделение.

Я вернусь к палитре слоев и скопирую знак остановки на отдельный слой, я воспользуюсь сочетанием клавиш Ctrl + J (Win) / Command + J (Mac), которое помещает знак на его собственный слой. собственный слой над фоновым слоем:

Знак «Стоп» теперь скопирован на отдельный слой.

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

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

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

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

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

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

Получение ручки на рукоятки направления

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

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

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

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

«Ах, ручки направления!» ты говоришь.»Теперь я понимаю!»

… … …………….

«Подожди, нет, я не знаю. Что за ручки направления?»

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

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

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

Одна из приятных вещей, которые вы довольно быстро узнаете о Pen Tool, — это то, что он чрезвычайно снисходителен к . Нет никаких причин беспокоиться о том, чтобы все было правильно с первого раза при рисовании путей с его помощью, потому что мы можем вернуться и легко исправить ситуацию, когда мы закончим! Вы разместили опорную точку не в том месте? Нет проблем! Просто переместите его туда, где вам нужно! Мы скоро увидим, как это сделать. Вы потянули ручку направления в неправильном направлении? Не проблема. Возьмитесь за ручку и поверните ее в нужном вам направлении. Опять же, посмотрим, как это сделать. Одна из ваших ручек направления слишком длинная или слишком короткая? Совершенно никаких проблем.Просто нажмите на нее, а затем перетащите ее длиннее или короче по мере необходимости (да, мы тоже увидим, как это сделать). Пути всегда полностью редактируются, поэтому нет абсолютно никаких причин беспокоиться о том, чтобы сделать ошибку или сделать все правильно с первого раза. Разве от этого тебе уже не стало немного лучше?

Ручки направления вращения и изменения размера

Как я уже упоминал, они называются «ручками» направления, потому что вы можете брать их, как ручки, и перемещать. Посмотрим, как это сделать.Сначала мы посмотрим, как вращать обе ручки одновременно. Используя точку привязки и две ручки направления, которые мы уже создали, удерживайте нажатой клавишу Ctrl (Win) / Command (Mac). Вы увидите, что ваш значок Pen Tool временно превратился в значок Direct Selection Tool (белая стрелка), и это потому, что с выбранным Pen Tool удерживание «Ctrl / Command» становится быстрым ярлыком для временного доступа к инструменту Direct Selection Tool, который что мы используем для выбора разных частей нашего пути. Затем просто нажмите прямо на маленькую ромбовидную фигуру на конце любого из указателей направления (нажатие на саму «линию» не сработает, поэтому вам всегда нужно нажимать на ромбовидную форму на конце ручки, чтобы что-то сделать. вместе с ним) и перетащите его вокруг точки привязки, чтобы повернуть.Когда вы поворачиваете одну из ручек, другая ручка вращается вместе с ней в противоположном направлении, как качели. Вы также можете заметить, что как только вы начнете перетаскивать ручку, значок курсора мыши снова изменится, на этот раз на значок инструмента «Перемещение», поскольку мы перемещаем что-то из одного места в другое:

Удерживайте «Ctrl» (Win) / «Command» (Mac) и щелкните конец любого из маркеров направления, затем перетащите маркер, чтобы повернуть его вокруг точки привязки. Когда вы перетаскиваете одну ручку, другая вращается в противоположном направлении.

Вы можете отпустить клавишу «Ctrl / Command», когда начнете перетаскивать ручку. Нет необходимости держать это все время.

Чтобы изменить размер маркера направления при его повороте, просто перетащите конец маркера в направлении точки привязки, чтобы сделать его короче, или перетащите его от точки привязки, чтобы сделать его длиннее. Как я упоминал выше, более короткая ручка сделает кривую короче, а более длинная ручка — длиннее. Однако вы не можете изменить размер обоих маркеров одновременно, поэтому, если вам нужно изменить размер обоих, вам нужно перетащить каждый из них длиннее или короче отдельно.Единственное, что вы можете сделать с ними обоими одновременно, — это повернуть их. Если вы уже отпустили кнопку мыши после поворота ручек и курсор снова превратился в значок Pen Tool, и вам нужно изменить размер одного из ручек, вам нужно еще раз удерживать «Ctrl / Command», чтобы временно вернитесь к инструменту Direct Selection Tool, затем щелкните и перетащите конец маркера, чтобы изменить его размер:

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

Теперь давайте посмотрим, как вращать ручки независимо друг от друга. Чтобы повернуть одну ручку, не затрагивая другую, сначала отпустите кнопку мыши, если вы вращали ручки или изменяли их размер, чтобы курсор снова превратился в значок Pen Tool. Затем вместо удерживания клавиши «Ctrl / Command», которая перемещает обе ручки одновременно, удерживайте клавишу Alt (Win) / Option (Mac) и щелкните конец любого из маркеров направления. Вы увидите, что ваш курсор изменится на значок Convert Point Tool, который выглядит как упрощенная стрелка, состоящая всего из двух линий, почти как перевернутая буква «v» (за исключением того, что она не совсем перевернута).Затем просто перетащите ручку вокруг точки привязки, чтобы повернуть ее, как вы делали раньше, и на этот раз ручка будет вращаться независимо от другой, разорвав связь между ними:

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

Опять же, вы можете отпустить клавишу «Alt / Option» после начала перетаскивания. Необязательно держать его все время.

Вы также можете изменить размер маркеров направления с помощью клавиши «Alt / Option» точно так же, как вы можете с помощью клавиши «Ctrl / Command». Если вы вращаете ручку, просто перетащите ее к точке привязки, чтобы сделать ее короче, или от точки привязки, чтобы сделать ее длиннее. Если вы уже отпустили кнопку мыши и ваш курсор снова показывает значок инструмента «Перо», вам нужно еще раз удерживать нажатой клавишу «Alt / Option», затем щелкнуть конец ручки и перетащить ее, чтобы изменить ее размер.

Есть ли разница между изменением размера ручек с помощью «Ctrl / Command» и «Alt / Option» для этого? Да, есть. Если вы еще не «разорвали соединение» между маркерами, перетаскивая один независимо от другого, изменение размера маркера с помощью «Ctrl / Command» сохранит маркеры соединенными вместе. Он не изменит размер обеих ручек одновременно, но и не разорвет связь между ними, поэтому вы все равно сможете вращать их вместе, если вам нужно. Если вы измените размер ручки с помощью «Alt / Option», вы разорвете соединение между ручками.Даже если вы не поворачиваете ручку при изменении ее размера, соединение все равно будет прервано.

Что делать, если вы разорвали соединение между ручками, повернув их с помощью «Alt / Option», а затем снова захотите повернуть их вместе? Можете ли вы, так сказать, «восстановить соединение», выбрав один из них, удерживая нажатой клавишу «Ctrl / Command», как раньше? Хороший вопрос, и на него нет ответа. После того, как вы разорвали соединение между ручками, клавиша «Ctrl / Command» сама по себе не вернет его.Вам нужно будет выбрать одну из ручек, удерживая Ctrl + Alt (Win) / Command + Option (Mac) в этот момент, чтобы снова сдвинуть ручки вместе.

Краткое описание на данный момент …

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

• Чтобы добавить точку привязки, просто щелкните инструментом «Перо».
• Чтобы добавить точку привязки с маркерами направления, выходящими из нее, щелкните с помощью инструмента «Перо», затем перетащите от точки привязки, прежде чем отпустить кнопку мыши.Чем дальше вы перетаскиваете, тем длиннее будут маркеры направления.
• Чтобы повернуть ручки направления вместе, удерживайте Ctrl (Win) / Command (Mac), что временно переключит вас на инструмент прямого выбора, затем щелкните конец любого маркера и перетащите его вокруг точки привязки. Другая ручка будет вращаться в противоположном направлении.
• Для независимого поворота маркеров направления удерживайте нажатой клавишу «Alt» (Win) / «Option» (Mac), что временно переключит вас на инструмент «Преобразовать точку», затем щелкните конец любого маркера и перетащите его вокруг точки привязки.Другая ручка не вращается.
• Чтобы изменить размер маркеров, не прерывая связи между ними, нажмите и удерживайте Ctrl (Win) / Command (Mac), чтобы переключиться на Инструмент прямого выбора, затем щелкните конец любого маркера. Перетащите его к точке привязки, чтобы сделать ее короче, или перетащите ее от точки привязки, чтобы сделать ее длиннее.
• Чтобы изменить размер маркеров и разорвать связь между ними, удерживайте нажатой клавишу «Alt» (Win) / «Option» (Mac), чтобы переключиться на инструмент «Преобразование точки», затем щелкните конец любого маркера.Перетащите его к точке привязки, чтобы сделать ее короче, или перетащите ее от точки привязки, чтобы сделать ее длиннее.
• Чтобы повернуть маркеры направления вместе после разрыва соединения, удерживайте Ctrl + Alt (Win) / Command + Option (Mac), затем щелкните конец любого маркера и перетащите его вокруг точки привязки. Другая ручка снова будет вращаться вместе с ней.

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

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

Мы знаем, как превратить путь в выделение, щелкнув значок «Загрузить путь как выделение» в нижней части палитры «Пути» или просто нажав «Ctrl + Enter» (Win) / «Command + Return» (Mac) на клавиатуре.Одна вещь, о которой я еще не упомянул, заключается в том, что независимо от того, состоит ли наш путь из прямых линий,
кривых или из комбинации прямых и кривых, преобразование его в выделение выполняется точно так же, и мы уже узнали как это сделать, а это значит, что мы на правильном пути к освоению выделения с помощью пера! Все, что нам нужно сделать, это немного попрактиковаться в рисовании кривых, что мы и собираемся делать!

Все еще просматриваете? Загрузите это руководство в формате PDF!

Рисование кривой

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

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

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

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

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

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

Одна вещь, которую вы могли заметить, и вы можете увидеть это на скриншоте выше, заключается в том, что когда вы добавили третью точку привязки, маркер направления, выходящий за левую сторону второй точки привязки, исчез. Он все еще там, Фотошоп просто спрятал его от глаз. Чтобы увидеть это снова, используйте сочетание клавиш, которое мы уже узнали, чтобы временно переключиться на инструмент прямого выбора, то есть, удерживая клавишу Ctrl (Win) / Command (Mac), а затем щелкните вторую точку привязки, чтобы выбрать Это.Как только вы это сделаете, недостающий указатель направления снова появится, как если бы он был там все время (что было):

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

Удерживая нажатой клавишу «Ctrl / Command», чтобы у вас по-прежнему был доступ к инструменту «Прямое выделение», попробуйте изменить размер каждого маркера направления, щелкнув конец каждого из них, чтобы выбрать его, а затем перетащив его к точке привязки и от нее. .Опять же, удерживая «Shift» при перетаскивании, чтобы ограничить ваше движение по горизонтали, и наблюдайте, что происходит. По мере увеличения длины ручки вы получаете больше изгиба, а при уменьшении ее длины — меньше изгиба. Также обратите внимание, что каждая ручка управляет своей стороной кривой. Маркер слева управляет кривой, входящей в точку привязки слева, а маркер справа управляет кривой, исходящей из точки привязки справа.

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

Измените форму кривых, изменив размер маркеров направления. Левая ручка управляет левой кривой, а правая ручка управляет правой кривой.

Я собираюсь отменить свои изменения, нажав несколько раз Ctrl + Alt + Z (Win) / Command + Option + Z (Mac), чтобы вернуть мои указатели направления к их исходным размерам, чтобы они снова стали равной длины .Теперь попробуем повернуть ручки. Удерживая нажатой клавишу «Ctrl / Command» еще раз, чтобы получить доступ к инструменту прямого выбора, щелкните конец любого маркера, чтобы выбрать его, и попробуйте повернуть его вокруг точки привязки. Поскольку мы выбрали ручку с помощью «Ctrl / Command», обе ручки вращаются вместе. Здесь я перетащил левую ручку вниз и вправо, и угол кривой слева изменился вместе с ней, теперь он выглядит как более наклонный по мере того, как поднимается к точке привязки. Перетаскивая левую ручку вниз и вправо, я заставил правую ручку поворачиваться вверх и влево, и снова угол кривой справа изменился вместе с ней, теперь ненадолго поднимаясь над точкой привязки, прежде чем сделать крутой спуск до точки привязки справа.Опять же, слабая кривая — оригинал для сравнения:

Поверните ручки направления, чтобы изменить угол изгибов. Выберите ручку, удерживая «Ctrl» (Win) / «Command» (Mac), чтобы повернуть обе ручки вместе.

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

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

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

Я собираюсь нажать Ctrl + Alt + Z (Win) / Command + Option + Z (Mac) несколько раз еще раз, чтобы отменить мои изменения и вернуть свой путь к красивой плавной дуге, с которой я начал.А как насчет вращения маркеров направления независимо друг от друга? Как мы узнали на предыдущей странице, чтобы вращать ручки по отдельности, вместо того, чтобы выбирать их с помощью «Ctrl / Command», мы просто выбираем их, удерживая Alt (Win) / Option (Mac), что дает нам временный доступ к Convert Инструмент «Точка». Щелкните конец ручки, чтобы выбрать ее, затем перетащите ее мышью, чтобы повернуть, и на этот раз другая ручка останется на месте, разорвав связь между ними.

Здесь я выбрал ручку справа, удерживая Alt / Option, а затем повернул ее вниз и влево.Обратите внимание, как еще раз угол сегмента пути справа изменяется, чтобы соответствовать новому направлению ручки, и на этот раз ручка слева вместе с сегментом пути слева остаются на месте. Мой путь теперь немного похож на плавник акулы:

Удерживайте нажатой клавишу «Alt» (Win) / «Option» (Mac) для временного доступа к инструменту «Преобразование точки», затем щелкните конец ручки направления, чтобы выбрать ее и повернуть независимо от другой ручки.

Перемещение точки привязки

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

Чтобы переместить точку привязки, удерживайте Ctrl (Win) / Command (Mac) для временного доступа к инструменту Direct Selection Tool, как мы уже делали, затем просто щелкните точку привязки, чтобы выбрать ее, и перетащите на новое место с помощью мыши. Любые связанные с ним сегменты пути переместятся вместе с ним в новое место. Здесь я перетащил среднюю точку привязки немного вниз от ее исходного положения (опять же, слабый путь отмечает исходное местоположение для сравнения). Обратите внимание, как сам контур изменил форму, чтобы приспособиться к новому местоположению точки привязки:

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

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

Объединение прямых путей с кривыми

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

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

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

Чтобы удалить ручку, оставив только ручку слева от точки привязки, все, что мне нужно сделать, это удерживать Alt (Win) / Option (Mac), что снова временно переключит меня на инструмент Convert Point Tool, а затем Я просто нажимаю прямо на точку привязки.Когда я это сделаю, указатель направления справа исчезнет, ​​останется только один слева:

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

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

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

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

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

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

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

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

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

И поехали! Теперь у меня есть сегмент прямого пути слева, за которым следует изогнутый сегмент справа.Конечно, большинство контуров, которые вы рисуете, будут состоять из более чем трех узловых точек. Допустим, я хотел продолжить этот путь, двигаясь в том же общем направлении вправо, и я хочу, чтобы мой следующий сегмент пути также был изогнутым. Как и минуту назад, я оставлял кнопку мыши нажатой после нажатия, чтобы добавить третью точку. Я бы удерживал Alt (Win) / Option (Mac) и перетаскивал другой маркер направления. До сих пор мы только перетаскивали ручки вправо, но на самом деле вам нужно перетащить ручки в том общем направлении, в котором должна следовать кривая.Я хочу создать кривую, которая идет вверх и вправо, поэтому я собираюсь растянуть небольшую ручку в том же общем направлении:

Перетащите маркеры направления в общем направлении кривой.

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

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

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

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

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

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

Изменение направления и / или длины любой ручки изменяет общую форму кривой. После поворота и удлинения обеих рукояток кривая теперь принимает S-образную форму.

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

Я собираюсь нажать Ctrl + Alt + Z (Win) / Command + Option + Z (Mac) пару раз, чтобы отменить внесенные мной изменения, так что кривая снова имеет форму простой дуги, как это было момент назад, и я думаю, что закончу этот путь еще одним прямым сегментом, что означает, что мне нужно удалить этот указатель направления, выходящий с правой стороны четвертой точки привязки. Мы уже узнали, как это сделать, удерживая Alt (Win) / Option (Mac) и нажимая непосредственно на точку привязки:

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

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

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

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

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

Здесь у нас есть фотография пары дельфинов, выпрыгивающих из воды. Определенно пара очень пышных существ:

Фотография двух дельфинов, выпрыгивающих из воды.

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

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

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

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

Добавление первой точки привязки.

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

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