Чтение онлайн

Рис. 14.10. Строение векторной кривой

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

Для работы с точками используется инструмент Direct Selection (Выделение напрямую), о котором мы уже упоминали при работе с группами объектов. В отличие от обычного инструмента Selection (Выделение),

который выделяет кривые целиком, инструмент Direct Selection (Выделение напрямую) выделяет отдельные точки, сегменты и векторы – и, соответственно, работает с ними.

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

Рис. 14.11. Изменение формы контура перетаскиванием точки с помощью инструмента Direct Selection (Выделение напрямую)

Примечание

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

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

Рис. 14.12. Редактирование формы сегментов кривой инструментом Direct Selection (Выделение напрямую): выделение сегмента (слева), изменение длины вектора (в центре), изменение длины и направления вектора (справа)

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

С другой стороны, такая точка не позволит нам создать угол – для него требуется, чтобы векторы одной точки были направлены в разные стороны. Такая точка будет называться перегибом (cusp), и создать ее можно, если разорвать связь между двумя векторами (рис. 14.13). Для этого мы можем удерживать клавиши Ctrl и Alt при перетаскивании вектора или воспользоваться специальным инструментом Convert Direction Point (Смена типа точки).

Рис. 14.13. Редактирование формы кривой с сохранением (в центре) и с разрывом (справа) связи между векторами

Однажды уничтоженную

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

Рис. 14.14. Превращение прямых сегментов в изогнутые инструментом Convert Direction Point (Смена типа точки)

Созданием новых точек и новых векторных контуров занимается инструмент Pen (Перо). Щелкая инструментом на свободном месте страницы, мы можем создавать точку за точкой, а если удержать клавишу мыши нажатой и провести инструментом в сторону – мы создадим векторы для новой точки (рис. 14.15).

Рис. 14.15. Процесс создания нового векторного пути инструментом Pen (Перо)

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

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

Рис. 14.16. Незамкнутые векторные контуры с назначенными заливкой и абрисом

Редактировать созданные векторные кривые мы можем не только инструментом Direct Selection (Выделение напрямую). В тех случаях, когда требуется добавить точки в векторный путь или удалить из него, мы обращаемся к инструментам Add Anchor Point (Добавить точку) и Delete Anchor Point (Удалить точку) (рис. 14.17).

Рис. 14.17. Добавление и удаление точек векторного пути

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

Видеокурс

О работе с инструментом Pen (Перо) и о применении контуров и точек вы узнаете также из видеоурока «Работа с векторными контурами».

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