Adobe InDesign CS3 - Владимир Завгородний

Рис. 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.

Рис. 14.18. Создание заготовки с помощью логических операций

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

Вторым шагом мы создадим новые точки на векторном пути и с помощью инструмента Direct Selection (Выделение напрямую) переместим их так, чтобы получить требуемую форму (рис. 14.19).

Рис. 14.19. Добавление точек к векторному пути и усложнение формы контура

Придать немного больше реализма (и немного меньше геометричности) можно, воспользовавшись инструментом Convert Direction Point (Смена типа точки) и искривив прямые сегменты кривой. Слабое искривление линий и сглаживание острых углов придаст большую убедительность нашему рисунку (рис. 14.20).

Рис. 14.20. Усложнение формы контура искривлением прямых сегментов

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

Рис. 14.21. Использование логических операций для создания отверстия в фигуре

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

Текст на кривой

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

Векторные кривые в данной задаче имеют ключевое значение: мы используем кривую как направляющую линию для текста. Для создания текста на векторной кривой используется инструмент Type on a Path (Текст на кривой), сгруппированный вместе с инструментом Type (Текст) на панели инструментов. К сожалению, ограничения, которые есть у текста на кривой, делают невозможным «привязывание» уже существующего текста к кривой.