Выделение кривыми безье фотошоп
Инструменты векторной графики в Photoshop более эффективны, чем многие думают. Они не только расширяют ваши творческие возможности, но и экономят время. Хотя Photoshop — растровый графический редактор, компания Adobe позаботилась о том, чтобы расширить его возможности, сделав программу универсальной.
Конечно, векторный инструментарий Photoshop скромнее, чем средства специализированных программ типа Illustrator и FreeHabd, но он вполне достаточен, чтобы облегчить жизнь дизайнеру-графику, избавляя его от необходимости переключаться на другие программы.
Дизайнерам, предпочитающим не создавать векторные иллюстрации в Photoshop, предоставляется возможность вставлять их в документ и обрабатывать средствами Photoshop.
Пользователю, привыкшему к пиксельным изображениям, поначалу будет довольно сложно понять, как работают кривые Безье. Мы постараемся объяснить это.
1 Упрощенный взгляд на векторную графику
Для начала можно нарисовать картинку традиционным способом. Этот набросок был сделан обычным фломастером.
1 Откройте в Photoshop какой-нибудь сканированный штриховой рисунок. Он послужит основой для векторной иллюстрации. Мы взяли рисунок робота. Перенесем руку робота на новый слой: Layer => New => Layer Via Cut (Слой => Новый => Слой вырезанием).
2 Щелчком на пиктограмме «Глаз» на палитре Layers (Слои) спрячьте исходный слой. Клавишей D установите стандартные черный и белый цвета. Чтобы создать выделение на основе черных областей руки, выбираем команду Select => Color Range (Выделение => Цветовой диапазон). По умолчанию значение Fuziness (Разброс) составляет 40, этого может быть достаточно, но лучше еще поэкспериментировать.
3 После того как появилась «муравьиная дорожка», откройте палитру Paths (Контуры) и нажмите кнопку «Выделение в контур» в нижней части палитры. На основе вашего выделения программа создает векторный контур.
4 Результат отображается на палитре Path как рабочий контур. Являясь временным элементом, контур не сохраняется при закрытии файла. Если дважды щелкнуть на строке рабочего контура, открывается окно, позволяющее назвать контур и сохранить его как часть файла.
5 Кнопка «Контур в выделение» в нижней части палитры Path позволяет преобразовать контур в обычное выделение. Это удобно, когда вы хотите многократно использовать одно и то же выделение.
6 Преимущество векторного контура перед альфа-каналом состоит в том, что контур можно редактировать не хуже, чем в программах Illustrator и FreeHand, используя инструмент «частичное выделение».
7 Контуры проще всего рисовать инструментом «свободное перо», которым вы просто обводите объект, а Photoshop уже сам заботится о сложности контура, автоматически расставляя опорные точки. Рисовать и чертить гораздо удобнее не мышью, а специальным пером на графическом планшете.
8 Результат ваших действий отображается миниатюрой на палитре Path как рабочий контур. Чтобы сохранить контур, вы должны назвать его. В нижней части палитры есть кнопка «Залить контур основным цветом», которая позволяет заполнять выделенный контур текущим цветом переднего плана.
9 В отличие от векторных программ, Photoshop заливает не внутреннее пространство контуров, а заполняет сглаженным растровым цветом выделенные на слое области. Еще одна кнопка в нижней части палитры Path служит для обводки контуров основным цветом. При этом ширина штриха и сглаживание определяются параметрами выбранного вами рисовального инструмента.
2 Кривые Безье и вставка контуров
Контур строится из так называемых кривых Безье. Правильно созданный контур имеет плавные линии и выглядит как профессиональная иллюстрация. Photoshop позволяет вставлять в документ контуры из векторных программ, таких как Illustrator.
1 Если вы хотите использовать контуры, то должны научиться управляться с кривыми Безье. Основным инструментом для построения этих кривых является «перо».
2 Формы, состоящие из прямых линий, строятся просто щелчками «пером» по углам. Чтобы замкнуть контур, последний щелчок должен приходиться на начальную точку.
3 С построением кривых все гораздо сложнее: процесс требует опыта и предварительного просчитывания. Кривая образуется щелчком и протягиванием «пером». Чем дальше вы протягиваете «перо», тем больше будет дуга, которая уходит в противоположном направлении.
4 Обведя контуром руку робота, даем рабочему контуру название. Это не только сохраняет работу, но и позволяет различать контуры, когда их набирается много.
5 Залейте контур (можете предварительно преобразовать его в выделение) золотисто-коричневым цветом по команде Edit => Fill (Редактор => Залить). Поэкспериментируйте с режимами наложения слоев и их размещением, пока не добьетесь желаемого эффекта.
6 Перетащив строку контура на кнопку «Новый контур», дублируйте свой контур. Перемещая точки инструментом «частичное выделение», вы можете видоизменить его. Задав другую заливку и другой режим наложения, вы за считанные секунды создадите новый элемент.
7 Давайте вставим в Photoshop векторную иллюстрацию, например, из программы Illustrator, чтобы потом поработать над ней. Мы вставили векторного робота.
8 При вставке контуров из Illustrator или FreeHand в документ Photoshop вы можете указать, как программа должна представить PostScript-данные: в виде пикселов, контуров или форм.
9 При вставке в виде пикселов PostScript-контуры вместе с заливкой, обводкой, текстовыми эффектами и прозрачностью будут растеризованы. Перед превращением контуров в пиксельную картинку Photoshop 6 предлагает возможность их масштабирования, поворота и деформации.
3 Создание композиции
Еще несколько векторных вставок — и можно приступать к созданию иллюстрации. Следует также определиться со стилем.
1 Поскольку мы раскрашиваем робота с помощью слоев цвета, выберите подходящий режим для наложения нового элемента.
2 Команда Paste As Paths (Вставить как контуры) предлагает другой набор параметров. Контуры частично теряют PostScript-информацию, такую как заливка и обводка, и образуют рабочий контур на палитре Paths.
3 Если вы хотите сохранить вставленный контур, дайте ему название. Контур можно редактировать, добавляя и убирая точки и перемещая опорные точки инструментами «перо+», «перо-« и «частичное выделение».
4 Команда Paste As Shape (Вставить как форму) предлагает еще один способ вставки контуров. Формы сочетают в себе удобства пиксельных слоев и редактируемых контуров. Вы можете использовать эффекты слоя, режимы наложения, заливку, обводку и даже функции слияния и вычитания форм. Формы в Photoshop можно редактировать, как обычные контуры.
5 Вставленная форма размещается на слое, который содержит векторную информацию, связанную с цветовой информацией. Поскольку формы являются независящими от разрешения объектами, то при печати на PostScript-принтере из Photoshop или при сохранении как PDF они сохраняют плавность и четкость краев.
6 В отличие от контуров на палитре Paths, формы можно глобально деформировать и масштабировать с помощью команды Edit => Free Transform (Редактор => Свободная трансформация). Видоизмененные формы можно сохранять для последующего использования даже с другими изображениями по команде Edit => Define Custom Shape (Редактор => Определить новую форму).
7 Прежде чем приступить к созданию иллюстрации, отметим, что для нашей картинки были использованы формы из библиотеки изображений Pixelsurgeon Private Library. Вы можете создать формы сами или взять из какой-нибудь готовой библиотеки на диске.
8 Мы решили не связываться с многослойным файлом Photoshop, а быть попроще и обратились к стилю комиксов. Попробуйте воспроизвести на экране то, что было на исходном рисунке. Возможно, он у вас выглядел как творение «хай-тек» — постарайтесь воссоздать то же и в конечном изображении.
9 Но сначала определитесь с цветами: в данном случае их число не должно быть больше шести-семи. Если вам захочется сделать линии такими же неровными, как здесь, просканируйте рваную бумагу, понизьте насыщенность и сильно повысьте контраст. Качество иллюстрации зависит от количества затраченного на ее создание времени.
УРОК ЧЕТВЁРТЫЙ
КРИВЫЕ БЕЗЬЕ В ФОТОШОПЕ
Назначение.
Кривые Безье (КБ) в Фотошопе служат для рисования замкнутых или незакмкнутых областей, которые можно использовать для выделения пикселей, для заливки или обводки кисточкой.
Создание.
Выберите инструмент Pen Tool (рис. 1) и убедитесь, что вы собираетесь создать просто КБ (Path, рис. 2). Если Вы будете просто тыкать в экран этим инструментом, то будете создавать угловые управляющие точки кривой Безье (угловые УТКБ). Если будете нажимать и проводить по экрану, то будете создавать гладкие УТКБ (рис. 3).
Если Вы подведете курсор к первой УТКБ, то крестик сменится на перо с ноликом. Это значит, что Вы собираетесь замкнуть кривую. Кривую можно замкнуть в процессе создания или потом.
Дорисовка или укорочение.
Чтобы дорисовать КБ, возьмите инструмент Перо и сначала ткните или ткните-потяните в крайнюю УТКБ. Продоолжайте построение КБ.
Чтобы удалить крайнюю точку КБ возьмите инструмент Direct Selection Tool (выбор УТКБ, рис. 4) и нажмите Delete.
Замыкание и размыкание КБ.
Замкнуть КБ Вы можете двумя способами:
1. Дорисовать КБ (См. выше).
2. Нарисовать рядом открытую КБ, инструментом Указатель всей КБ (Path selection Tool, рис. 5) выделить обе (рис. 6) и через логическую операцию сварки (рис. 7) сварить их в одну (рис. 8).
Размыкание КБ.
1. Инструментом Pen Tool добавить к кривой (рис. 9) две точки: одну там, где предполагаете разомкнуть и две по бокам (рис. 10).
2. Инструментом Direct Selection Tool удалите среднюю точку (рис. 11).
Рис. 12
Перемещение, добавление и удаление УТКБ. УТКБ перемещаются инструментом Direct Selection Tool, добавляются инструментом Pen Tool и удаляются инструментом Delete Anchor Point Tool (делит энкер пойнт тул, удаление УТКБ, рис. 12).
Изменение типа УТКБ.
Пользуйтесь инструментом Convert Point Tool (рис. 13). Этим инструментом Вы можете по кругу переключать тип точки:
1. Без ручек.
2. Гладкая точка.
3. Угловая точка с ручками.
Кривую Безье можно залить краской, обвести кисточкой или, если в параметирах кисточки стоит симулировать нажим, обвести красиво (рис. 14) Также по кривой можно создать область выделения (рис. 15, 16).
В корректировке «Кривые» настраиваются точки во всем тональном диапазоне изображения. Первоначально, тональность изображения представлена как прямая диагональная линия на графике. При коррекции изображения в режиме RGB в верхнем правом углу графика представлены света, а в нижнем левом — тени. Горизонтальная ось графика представляет входные значения (исходные значения изображения), а вертикальная ось представляет выходные значения (новые скорректированные значения). По мере того, как на линии добавляются и перемещаются направляющие точки, меняется форма кривой, отражая корректировки изображения. Более крутые части кривой представляют области высокого контраста, а плоские части кривой представляют области низкого контраста.
Настройки диалогового окна «Кривые» можно сохранять в виде наборов. См. Сохранение настроек и Применение настроек.
Корректировку «Кривые» также можно применять к изображениям в режиме CMYK, LAB или в градациях серого. Для изображений в режиме CMYK на графике отображаются проценты краски/пигмента. Для изображений в режиме LAB и в градациях серого на графике отображаются значения освещенности.
A. Инструмент прямой коррекции изображения B. Проба на изображении для определения точки черного. C. Проба на изображении для определения точки серого. D. Проба на изображении для определения точки белого. E. Редактирование точек с целью изменения кривой. F. Рисование с целью изменения кривой. G. Меню наборов корректировки «Кривые» H. Установка точки черного. I. Установка точки серого. J. Установка точки белого. K. Показывать отсечение.
Перемещение точки в верхней части кривой позволяет скорректировать светлые участки; перемещая точку в центре кривой, вы корректируете средние тона; а перемещая точку внизу кривой, вы настраиваете тени. Чтобы сделать светлые участки более темными, перетащите точку наверху кривой ниже. При перетаскивании точки вниз или вправо входное значение привязывается к более низкому выходному значению, и изображение становится темнее. Для того чтобы осветлить тени, перетащите точку внизу кривой вверх. При перетаскивании точки вверх или влево более низкое входное значение привязывается к более высокому выходному значению, и изображение становится светлее.
Чтобы применить коррекцию кривых, выполните одно из следующих действий.
- Щелкните значок «Кривые» на панели «Коррекция».
- Выберите команду меню «Слой» > «Новый корректирующий слой» > «Кривые». В диалоговом окне «Новый слой» нажмите кнопку «ОК».
Для непосредственной корректировки слоя изображения и сброса информации об изображении выберите «Изображение» > «Коррекция» > «Кривые».
(Необязательно) Чтобы настроить цветовой баланс, на панели «Свойства» выберите канал, который требуется скорректировать, в меню слева от кнопки «Авто».
На панели «Свойства» выполните одно из следующих действий.
- Щелкните непосредственно кривую и перетащите направляющую точку, чтобы скорректировать тональную область.
- Выберите инструмент прямой коррекции изображения и затем перетащите его в область изображения, которую требуется скорректировать.
- Выберите инструмент прямой коррекции изображения и щелкните в изображении тональные области, которые нужно скорректировать. При этом вдоль кривой добавляются направляющие точки.
- Выберите набор в меню «Набор».
Перемещение направляющей точки вверх или вниз делает корректируемую тональную область светлее или темнее. Перетаскивание направляющей точки влево или вправо увеличивает или уменьшает контрастность. На кривую можно добавить до 14 контрольных точек. Чтобы удалить направляющую точку, перетащите ее за пределы графика. В процессе коррекции тональности на графике по-прежнему отображается исходная диагональная линия и гистограмма изображения для ссылки. Эти параметры можно выключить. См. раздел «Настройка параметров отображения корректировки "Кривые"».
(Необязательно) Выполните любое из следующих действий, чтобы изменить корректировку.
Точки кривой остаются на одном месте до тех пор, пока вы не переместите их. Можно выполнить коррекцию одной тональной области, не затрагивая остальных.
При выборе инструмента прямой коррекции изображения добавляются направляющие точки вдоль кривой изображения. При перемещении направляющих точек корректируется тональность изображения.
Удаление направляющих точек с кривой
Чтобы удалить направляющую точку, выполните любое из следующих действий.
- Перетащите направляющую точку за пределы графика.
- Выберите направляющую точку и нажмите клавишу «Delete».
- Щелкните направляющую точку, удерживая клавишу «Ctrl» (Windows) или «Command» (Mac OS).
Настройка параметров отображения кривой
При помощи параметров отображения кривой можно настраивать внешний вид сетки кривой.
Примените корректировку «Кривые».
В меню панели «Свойства» выберите «Параметры отображения кривой».
При выборе команды «Изображение» > «Коррекция» > «Кривые» разверните параметры отображения кривой в диалоговом окне «Кривые».
В диалоговом окне «Параметры отображения кривых» выберите любой из следующих параметров.
Свет (0-255): на кривых значения интенсивности для изображений в режиме RGB отображаются в диапазоне от 0 до 255, причем черный цвет (0) находится в нижнем левом углу.
% пигмента/чернил: процентные значения для изображений в режиме CMYK отображаются в диапазоне от 0 до 100, причем светлые тона (0 %) находятся в нижнем левом углу.
Простая сетка: линии сетки отображаются с шагом 25 %.
Детальная сетка: линии сетки отображаются с шагом 10 %.
Показать наложения каналов: кривые цветовых каналов накладываются на совмещенную кривую.
Гистограмма: отображается гистограмма исходных тональных значений изображения позади графика.
По базовой линии: исходный цвет и тональность изображения отображаются как ссылочная линия под углом 45 градусов.
Линия пересечения: отображаются горизонтальные и вертикальные линии, упрощающие выравнивание направляющих точек при их перетаскивании относительно гистограммы или сетки.
Чтобы изменить шаг линий сетки, щелкните сетку, удерживая клавишу «Alt» (Windows) или «Option» (Mac OS).
Контур состоит из одного или более прямых или криволинейных сегментов. Узловые точки помечают конечные точки сегментов контура. В криволинейных сегментах каждая выбранная узловая точка отображает один или два вектора, заканчивающихся точками направления. Позиции векторов и тяг определяют размер и форму криволинейного сегмента. Перемещение этих элементов меняет форму кривых в контуре.
A. Криволинейный сегмент B. Управляющая точка C. Вектор D. Выделенная узловая точка E. Невыделенная узловая точка
Контур может быть замкнутым, не имеющим ни начала, ни конца, (например, круг) или открытым, имеющим отдельные конечные точки (например, волнообразная линия).
Гладкие кривые соединяются узловыми точками, называемыми точками сглаживания. Контуры с резкими кривыми соединяются точками преломления.
При перемещении вектора гладкой узловой точки криволинейные сегменты по обе стороны точки настраиваются одновременно. В отличие от этого, при перемещении вектора точки преломления настраивается только кривая с той стороны точки, где расположен вектор.
Контур необязательно состоит из одной связной последовательности сегментов. Он может содержать несколько отдельных компонентов контура. Каждая фигура в слое-фигуре представляет собой компонент контура, что задается обтравочным контуром слоя.
При выборе компонента или сегмента контура отображаются все узловые точки выделенной части, в том числе все векторы и управляющие точки, если выделенный сегмент является криволинейным. Управляющие точки отображаются в виде залитых кружков, выделенные опорные точки — в виде залитых квадратиков, а невыделенные опорные точки — в виде пустых квадратиков.
Чтобы выделить компонент контура (включая фигуру в слое-фигуре), выберите инструмент «Выделение контура» и щелкните в любом месте внутри компонента контура. Если контур состоит из нескольких компонентов, будет выделен только компонент, находящийся под курсором.
Чтобы выделить сегмент контура, выберите инструмент «Стрелка» и щелкните одну из узловых точек сегмента или выделите прямоугольную область, захватывающую часть сегмента.
Чтобы выделить дополнительные компоненты или сегменты контура, выберите инструмент «Выделение контура» или «Стрелка» и выделяйте дополнительные контуры или сегменты, удерживая клавишу «Shift».
Если выбран инструмент «Стрелка», контур или компонент контура можно выбрать целиком, щелкнув мышью в пределах контура при нажатой клавише «Alt» (Windows) или «Option» (Mac OS). Активизировать инструмент «Стрелка» можно, когда выбран любой другой инструмент, установив указатель над узловой точкой и нажав клавишу «Ctrl» (Windows) или «Command» (Mac OS).
Выбор нескольких контуров | Photoshop
Можно выбрать несколько контуров на одном или нескольких слоях.
На панели Контуры выполните любое из следующих действий, чтобы сделать контуры видимыми.
- Для выбора нескольких смежных контуров щелкайте их, удерживая клавишу «Shift».
- Щелкните мышью, нажав клавишу «Ctrl» (Windows) или «Command» (Mac OS), чтобы выбрать контуры, не следующие подряд друг за другом.
Выберите инструмент Выделение контура или Стрелка и выполните одно из следующих действий.
- Перетащите курсор над сегментами.
- Щелкайте контуры, удерживая клавишу «Shift».
Чтобы выделить дополнительные компоненты или сегменты контура, выберите инструмент Выделение контура или Стрелка и выделяйте дополнительные контуры или сегменты, удерживая клавишу «Shift».
При желании с контурами можно работать в режиме изоляции. Чтобы изолировать только слой, содержащий контур, и сделать контур активным, дважды щелкните его, предварительно выбрав инструмент выделения. Также можно изолировать один или несколько слоев, используя элемент меню Выбрать/изолировать слои или установив для параметра Фильтрация слоев значение Выбрано .
Выйти из режима изоляции можно несколькими способами, такими как:
- Отключение фильтрации слоев
- Выбор для параметра Фильтрация слоев другого значения вместо Выбрано
- Двойной щелчок вне контура, когда выбран инструмент выделения
Можно изменить порядок сохраненных контуров, которые не относятся к типу «Фигура», «Текст» или «Векторная маска», на панели Контуры .
На панели Контуры перетащите контур в нужное место. В Photoshop можно выбирать и перетаскивать несколько контуров одновременно.
На панели Контуры выберите контур, дубликат которого необходимо создать. В Photoshop можно выбирать несколько контуров одновременно.
Выполните одно из следующих действий.
- Удерживая клавишу «Alt» (Windows) или «Option», перетащите контуры.
- Выберите команду Создать дубликат контура в меню панели.
Можно задать цвет и толщину линий контура по своему вкусу и для упрощения видимости. При создании контура — например, с помощью инструмент «Перо» — щелкните значок шестеренки ( ) на панели параметров. Теперь укажите цвет и толщину линий контура. Кроме того, укажите, следует ли выполнить предварительный просмотр сегментов контура по мере перемещения указателя мыши между щелчками (эффект Просмотр ).
Отредактировать сегмент контура можно в любой момент, но редактирование существующих сегментов несколько отличается от их создания. При редактировании сегментов следует помнить приведенные ниже советы.
Если опорная точка соединяет два сегмента, то при ее перемещении изменяются оба эти сегмента.
При рисовании с помощью инструмента «Перо» можно временно активировать инструмент «Стрелка» для корректировки уже нарисованных сегментов. Для этого при рисовании нажмите клавишу «Ctrl» (Windows) или «Command» (Mac OS).
При создании точки сглаживания с помощью инструмента «Перо» перетаскивание управляющей точки изменяет длину управляющей линии по обе стороны точки. Однако при редактировании существующей точки сглаживания с помощью инструмента «Стрелка» длина управляющей линии изменяется только с той стороны, в которую направлено перетаскивание.
Перемещение прямых сегментов
С помощью инструмента «Частичное выделение» выберите сегмент, который нужно скорректировать.
Корректировка длины и угла сегментов прямой
С помощью инструмента «Стрелка» выберите опорную точку сегмента для изменения.
Перетащите опорную точку в нужное место. Удерживайте клавишу «Shift», чтобы ограничить корректировку углом, кратным 45°.
Корректировка положения и формы сегментов кривой
С помощью инструмента «Частичное выделение» выберите сегмент кривой или опорную точку на любом конце сегмента. Отобразятся управляющие линии, если они есть (в некоторых сегментах кривой всего одна управляющая линия).
Чтобы скорректировать положение сегмента, перетащите сегмент. Удерживайте клавишу «Shift», чтобы ограничить корректировку углом, кратным 45°.
Для того чтобы скорректировать форму сегмента с любой стороны от выделенной опорной точки, перетащите опорную точку или управляющую точку. Удерживайте клавишу «Shift», чтобы ограничить движение углом, кратным 45°.
Корректировка сегмента контура также обеспечивает корректировку связанных сегментов, позволяя интуитивно трансформировать очертания контуров. Чтобы только отредактировать сегменты между выбранными точками привязки аналогично более ранним версиям Photoshop, на панели параметров выберите «Ограничения перемещения контуров».
Кроме того, к сегменту или опорной точке можно применить трансформирование, например, масштабирование или поворот.
Удаление сегмента
(Необязательно) Если создается разрыв в замкнутом контуре, выберите инструмент «Добавить опорную точку» и добавьте две точки в требуемом месте разрыва.
Выберите инструмент «Частичное выделение» , затем выделите сегмент, который нужно удалить.
Нажмите клавишу «Backspace» (Windows) или «Delete» (Mac OS), чтобы удалить выделенный сегмент. При повторном нажатии клавиши «Backspace» или «Delete» будет удалена остальная часть контура.
Удаление линии направления опорной точки
- Выберите инструмент «Преобразовать опорную точку» и щелкните опорную точку на линии направления.
Точка сглаживания становится точкой преломления. Дополнительные сведения см. в разделе Преобразование между гладкими узловыми точками и точками преломления.
Расширение открытого контура
Выберите инструмент «Перо» и наведите указатель на конечную точку открытого контура, который нужно расширить. Когда указатель окажется точно над конечной точкой, его значок изменится.
Для того чтобы создать угловую точку, поместите инструмент «Перо» в то место, где должен заканчиваться новый сегмент, затем щелкните мышью. Если расширяется контур, который заканчивается точкой сглаживания, то новый сегмент будет изогнут существующей управляющей линией.
Для того чтобы создать точку сглаживания, поместите инструмент «Перо» в то место, где должен заканчиваться новый сегмент, затем перетащите инструмент.
Соединение двух открытых контуров
Выберите инструмент «Перо» и поместите указатель на конечную точку открытого контура, который нужно соединить с другим контуром. Когда указатель окажется точно над конечной точкой, его значок изменится.
Для того чтобы соединить один открытый контур с другим, щелкните конечную точку второго контура. Когда инструмент «Перо» будет наведен точно на конечную точку другого контура, рядом с указателем появится значок объединения .
Для соединения нового контура с существующим нарисуйте новый контур рядом с существующим, затем переместите инструмент «Перо» к невыбранной конечной точке существующего контура. Щелкните конечную точку, когда рядом с указателем появится значок объединения.
Перемещение или пошаговое смещение опорных точек или сегментов с помощью клавиатуры
Щелкните или удерживайте любую из клавиш со стрелками для перемещения на 1 пиксель за один раз в направлении нажатой стрелки.
Удерживайте клавишу «Shift» в дополнение к клавише со стрелкой для перемещения на 10 пикселов за один раз.
Добавление опорных точек позволяет более эффективно управлять контуром, а также расширять открытый контур. Однако старайтесь не добавлять больше точек, чем требуется. Контур с меньшим числом точек легче редактировать, он быстрее отображается и выводится на печать. Можно уменьшить сложность контура путем удаления ненужных точек.
Палитра инструментов содержит три инструмента для добавления или удаления точек: инструмент «Перо» , инструмент «Добавить опорную точку» и инструмент «Удалить опорную точку» .
По умолчанию инструмент «Перо» заменяется на инструмент «Добавить опорную точку», когда указатель наведен на выделенный контур, и на инструмент «Удалить опорную точку», когда указатель наведен на опорную точку Чтобы инструмент «Перо» автоматически заменялся на инструмент «Добавить опорную точку» или «Удалить опорную точку», на панели параметров должен быть выбран параметр «Оптимизация».
Можно выделить и отредактировать несколько контуров одновременно. Можно также перерисовать контур при добавлении опорных точек щелчком и перетаскиванием по мере добавления.
Чтобы удалить опорные точки, не используйте клавиши «Delete» или «Backspace», а также команды «Редактирование» > «Вырезать» или «Редактирование» > «Удалить». Эти клавиши и команды удаляют как саму точку, так и присоединенные к ней сегменты.
Базовые векторные инструменты в Adobe Photoshop идентичны Illustrator-у. Но, отмечу, для рисования в чистом виде они не созданы. Почему? Во первых, для рисования в векторе есть отличные программы Illustrator или Corel Draw. Вот там присутствует весь необходимый для рисования функционал. Во вторых, скупость настроек в фотошопе для вектора. В Фотошопе имеются только инструменты рисования и некоторые примитивы. Что с одной стороны правильно. Вот отличная программа для растровой графики, а вот отличная программа для векторной. Да, в векторной бывает необходимо поработать с растром, а в растровой бывает нужен вектор. Так лучше связать их и продавать пакетом.
Из картинки видно — все контуры, из которых состоит фигура, остаются внутри слоя. Таким образом фигуру можно быстро и легко изменить. Хотя векторный Adobe Photoshop способен на куда большее. Например, данные эскизы для одного старого сайта я исполнял в векторе. Изображение я кистью с твердыми краями. Затем выделял слой и переводил выделение в контуры. Из контуров делал залитые слои с векторной маской. Таким образом я достигал отсутствующего в фотошопе сглаживания контура.
Инструмент Pen Tool
Первым у нас идет инструмент Pen Tool и его разновидности. Тот же самый набор можно найти в Illustrator-е. Это удобно при переходе из одной программы в другую, не надо переучиваться. Тем более что все векторные инструменты перекочевали в Photoshop прямо из Illustrator-а.
Pen Tool — перо Безье, модулировать им векторный контур проще простого, но для новичков может оказаться весьма сложным занятием. Подробные описания всех приемов управления с направляющими заняли бы отдельную статью или главу. Фактически это самый основной и головной инструмент модулирования фигур и контуров в векторе. И, что удобно, одинаковый во всех векторных программах.
Попробуем изобразить пару контуров. Выберите инструмент Pen Tool, и следите чтобы в настройках инструмента у вас стояла опция Path. Не то чтобы это было особенно важно, но если вместо Path там будет Shape Layer, то вы будете рисовать заливками с векторной маской, а не просто контурами. Подробнее об этих режимах я написал в статье Shape Layers, Path и Fill Pixel в Фотошопе.
Теперь кликните в любом месте. Когда вы кликнули, у вас появилась ключевая точка (якорь, ключик, штучка, название не имеет значения). Протяните мышь в любую сторону, продолжая зажимать кнопку. Если все правильно, вы увидите направляющие.
Кликните в любом другом месте. Вы увидите как от первой точки к второй протянулась линия. Начинайте отводить мышку, не отпуская клавишу. Ваш контур формируется в зависимости от того, как вы выставите направляющие ко второй ключевой точке.
Понять в какой зависимости от чего строятся линии в зависимости от направляющих пожалуй самое базовое понимание векторной графики. На панельке настроек векторных инструментов у Pen Tool есть одна интересная настройка — Auto Add/Delete. Это фактически автоматизированные Add и Delete Anchor Point Tools о которых речь пойдет дальше. Кликните по этой галочке и ваша кисть сможет прямо во время рисования добавлять точки на уже отрисованные контуры и удалять ненужные точки. Вы сможете делать это прямо во время рисования контура, а не после. И для этого не придется переключаться на бесполезные Add и Delete Anchor Point Tools
Freeform Pen Tool
Если для работы с Pen Tool необходимо понять принципы построения векторных кривых, то Freeform Pen Tool — инструмент, свободный от всяких правил и принципов. Просто кликайте по нему и рисуйте контур, так как вы рисовали бы обычной кистью. Идеальный круг или праздник геометрических форм им конечно не изобразить, а вот кляксу вполне. Этот инструмент подойдет для создания коллекций фигур в индустриальном стиле. Рисовать кляксы им самое то. Ну а если мастерство рисования доведено до совершенства, то… думаю лучше использовать программу Illustrator, если конечно вы не из тех, кто для развлечения ваяет шедевры в MS Paint (:
У инструмента Freeform Pen Tool пожалуй есть ещё одна интересная настройка. В панели настроек Freeform Pen Tool есть галочка Magnetic. Это спрятанный аналог инструмента Magnetic Lasso Tool. Работает точно так же. Просто включите эту галочку. Подведите курсор к какому-то четко выраженному объекту, с высококонтрастной кромкой и начинайте обводить. Конечно, идеальной геометрии ждать от этого инструмента не нужно.
Add Anchor Point Tool и Delete Anchor Point Tool
Add Anchor Point Tool — тот инструмент добавляет на уже отрисованный контур дополнительные точки, для изменения или коррекции формы контура. Просто нарисуйте контур, затем переключитесь на этот инструмент и поставьте не хватающие узелки в нужных вам местах. Для чего это нужно? Ну может вам необходимо поставить побольше точек, что бы контур был больше похож на то что вам нужно.
Delete Anchor Point Tool — соответственно данный инструмент удаляет лишние точки векторной кривой. Область применения этого инструмента та же что и у Add Anchor Point Tool, только в случае уменьшения точек линия контура становится по понятным причинам более ровной и мягкой.
Convert Point Tool
Этот инструмент помогает в редактировании направляющих точки кривой. При нажатии на точку инструмент сбрасывает направляющие. Удерживая кнопку мыши, отводим мышку в сторону. Так мы изменяем формы и направление направляющих, против их первоначального значения. А если зацепить инструментом Convert Point Tool одну из направляющих, можно придать ей независимое направление.
И ещё раз. Вы захватываетесь инструментом Convert Point Tool, за точку. От такой близости у точки сбрасываются направляющие. Не отпуская кнопку мыши, отводите мышь в сторону, выстраивая новые направляющие. А при желании, можете захватить за одну из направляющих и настроить её в индивидуальном порядке. А теперь обсудим детали.
Выпадающее меню векторных инструментов
Выпадающее меню векторных инструментов раскрывает нам разные интересные фичи, многие из которых завязаны на других темах, так что я не буду расписывать их слишком глубоко. Логично, не разбираться же нам в том что такое маска, в статье про инструменты рисования. Выбираем любой из инструментов, рисуем подобие круга, как у меня, и щелкаем правой кнопкой мыши. Нарисовать цельный круг важно, иначе не все опции меню будут доступны. Обратите внимание, сейчас кликать надо по контуру.
Delete Anchor Point
Все очень просто. Кликаете по непонравившейся точке и удаляете её. Мне так даже проще чем инструментом Delete Anchor Point Tool. Тем более если такая точка всего одна. Эта опция меню сменная. Сейчас там Delete Anchor Point, потому что я подвел мышку ровно к точке. Если кликнуть мышкой по любому месту контура Delete сменится на Add Anchor Point, то есть речь идет о добавлении новой точки на контур.
Create Vector Mask
Является шорткатом на опцию Layer > Vector Mask > Current Path Что делает эта опция? Создает векторную маску конечно. Сейчас я покажу как это делается. Поместите на палитру какое-нибудь фото. Я например выбрал фотографию своего попугая Чучи. Контур должен быть виден. Сбрасывать его нельзя. Поместите фото прямо под контур или контур под фото. Или нарисуйте новый контур именно так, как вам хочется. Теперь нажимаем на Create Vector Mask и получаем результат! Векторный контур превратился в векторную маску. А попугай Чуча в кружок!
Delete Vector Mask
Название говорит само за себя. Попугай Чуча превращается в прямоугольную фотографию. Маска уходит в небытие. Контур становится обычным контуром.
Define Custom Shape
Контур превращается в векторную фигуру-заготовку. То есть, данная опция сохраняет контур, помещает его в специальную библиотеку, откуда его далее можно всегда достать и не хитро воспользоваться. Просто впишите название вашего контура.
И найдите его по адресу инструмента Custom Shape Tool в меню настроек инструмента среди других зверюшек и стрелочек.
Make Selection — Эта опция из вектора создает выделение. Разберем поподробнее что предлагает нам меню.
Feather Radius — радиус размытия. Если вы свое выделение далее зальете, края будут рызмытыми. Чем больше значение тем больше размытие. Внимание на экран:
Anti-aliased — смягчает края. Без функции Anti-aliased заливка будет залита попиксельно. Функция Anti-aliased создает на краях заливки полутона.
Fill Path
Дальний родственник опции Edit > Fill. Но в отличии от последней имеет пару апгрейдов. У него есть идентичная графа Content, что в целом значит, чем заливать то будем? Есть графа Blending, отвечающая за режимы наложения. А так же важная галочка Preserve transparency. При выставлении этой галочки заливка учитывает прозрачные места и не заливает их.
Stroke Path
Подчеркивает выделение. Причем подчеркивает чем угодно. В меню Stroke Path можно выбрать любой инструмент, хоть резинку, хоть блендер, хоть кисть. Чаще всего конечно нужна кисть. Stroke Path пользуется настройками инструмента, которые выставленны в данный момент. Например если последний раз вы рисовали твердой кистью 10 px, то подчеркиваться контур будет именно ею. Опция Simulate Pressure симулирует давление.
Clipping Path
Разновидность маскирования в фотошопе и не только. Наиболее часто Clipping Path применяют при отделении заднего фона от объекта. Не поверите, но на западе существуют целые студии занимающиеся этой работой, а работники маскировщики называются — специалисты по маскированию. Вот уж специалисты так специалисты! По сути, Clippping Path крепит контур к растровому изображению. Нарисуйте, например, контур на семейной фотографии, или выделите контуром объект. Сохраните в формате PDF и откройте в Illustratore. Ваше изображение помещено внутрь контура, точно так же как при векторной маске. По правде говоря этот Clipping Path является для меня черным пятном. Загадочность Clipping Path заставила меня подробным образом изучить эту опцию, о чем я и написал в своей статье Что такое Clipping Path
Free Transform Path
Изменяет форму контура или отдельной группы точек. Изменение формы объекта в представлении не нуждается. И без того интуитивно ясно как это делается. Квадратик крутится во все стороны, зажимая уголки меняется размер. А при зажатии клавиши Ctrl меняется перспектива фигуры.
Читайте также: