Контуры Photoshop (стр. 2 из 5)

Рис.8. На этот раз выделенная область создана вокруг иллюстрации на левой странице книги. При преобразовании области в контур Photoshop будет использовать величину допуска в 1 пиксель, установленную ранее

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

В ряде случаев создать выделенную область бывает слишком сложно или же это требует слишком много работы над изображением. В этом случае вспомните об инструменте Перо (Pen) и нарисуйте контур вручную. Если вы имеете опыт работы с программами векторной графики, наподобие Adobe Illustrator или Macromedia FreeHand, то наверняка знаете об инструментах рисования кривых Безье, подобных инструменту Перо (Pen). Если же вам не приходилось до сих пор работать с такого рода инструментами, то следует знать, что их применение требует определенных практических навыков, хотя результаты окупают все усилия.

ЗАМЕЧАНИЕ Форма кривой Безье определяется наборами из трех точек: одна из них лежит на самой кривой и носит название узловой точки, или просто узла, а две других - вне кривой, на концах отрезков, исходящих из узла (эти точки называются управляющими). Перемещение управляющих точек задает форму и направление фрагментов кривой, примыкающих к узлу. Если сказанное напоминает вам китайскую грамоту, не расстраивайтесь - мы разберем это на примерах.

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

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

2. На всякий случай я поместила файл документа, предназначенного для выполнения данного упражнения, на сопроводительный компакт-диск. Этот файл имеет имя pen.psd.

3. Выберите инструмент Перо (Pen), показанный на рис..9. Кроме того, убедитесь, что палитра Контуры (Paths) видна на экране.

Рис.9. Значок инструмента Перо (Pen)

4. Щелкните на холсте нового документа неподалеку от левого края. Эта точка станет началом контура. Обратите внимание, что Photoshop немедленно создает в палитре Контуры (Paths) строку с именем Рабочий контур (Work Path). В дальнейшем необходимо переименовать контур аналогично тому, как это делалось в предыдущем разделе.

5. Чтобы нарисовать отрезок прямой линии, переместите указатель и щелкните в какой-то другой точке окна документа. Итак, вы только что создали узел типа "угловая точка", которым заканчиваются в программе Photoshop прямолинейные отрезки, как показано на рис.10.

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

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

Рис.11. Действие типа "щелчок и перетаскивание" ведет к созданию сглаженного узла и криволинейного фрагмента контура

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

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

Взгляните на узел, созданный на шаге 5. На экране появилась красивая плавная кривая, соединяющая только что созданный фрагмент контура и отрезок, начерченный на шаге 4. Именно в этом и состоит предназначение сглаженных узлов. Как вы, наверное, уже заметили, создание сглаженных узлов сопровождается появлением пары управляющих отрезков, снабженных маркерами на концах. Последние можно использовать для изменения кривизны и направления фрагмента контура после его создания. Подробнее об этом вы узнаете в разделе "Редактирование контуров". Ну вот мы и узнали основы строения контуров: прямолинейные отрезки проходят через угловые узлы, а криволинейные - через сглаженные узлы. Однако для того, чтобы корректно использовать оба типа узлов, о них нужно знать еще кое-что.

Угловые узлы

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

Рис.13. Угловые узлы окружают сглаженный узел

Между прочим, если вы хотите зафиксировать положение углового узла, заставив его располагаться по отношению к предыдущему узлу строго под углами в 0°, 45° или 90°, удерживайте клавишу Shift в момент щелчка кнопкой мыши, которым создается очередной узел.

Сглаженные узлы

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

Рис.14. Сглаженные узлы обеспечивают максимальную гладкость стыка двух кривых в любых ситуациях

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

1. В окне нового документа начните рисование контура, установив начальную точку.

2. Создайте обычным способом сглаженный узел.

3. Переместите указатель так, чтобы он оказался точно над только что созданным сглаженным узлом. Нажав и удерживая клавишу Option (в системе Mac OS) или Alt (в системе Windows), щелкните кнопкой мыши и перетащите ее в направлении, в котором должен исходить из узла очередной криволинейный фрагмент контура. Отпустите клавишу и кнопку мыши. Изображение на экране вашего монитора должно напоминать картину, показанную на рис.15.

Рис.15. Создание узла - точки перегиба. Правый отрезок кривой был только что создан при удержании клавиши Alt (Option)

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

Рис.16. Итоговый вид кривой с узлом - точкой перегиба

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

Имеется возможность предварительного просмотра линий контура, которая может оказаться очень полезной в процессе создания всех рассмотренных выше типов узлов и фрагментов. Щелкните дважды на кнопке инструмента Перо (Pen), чтобы вызвать палитру Перо (Pen Tool Options). Единственный параметр здесь - это флажок Предварительный просмотр (Rubber Band). Его установка позволяет видеть как прямолинейные, так и криволинейные фрагменты будущего контура еще до того, как будет выполнен щелчок кнопкой мыши, устанавливающий точку очередного узла. Поэкспериментируйте с данным режимом, чтобы разобраться в том, как он действует.

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

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

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