Блог о дизайне и интерфейсах

Эта статья открывает цикл об основных инструментах Иллюстратора. Написать эти статьи я обещался перед Новым Годом и намерен свое обещание исполнить =)

Если вы пользуетесь Adobe Illustrator, то я почти уверен, что вы создаете линии при помощи Pen Tool. Это руководство имеет своей целью познакомить вас или напомнить вам о возможностях, фишках и методах работы с тем, что, возможно является наиболее важным инструментом Adobe.

Функции группы Pen Tool

• Pen tool: кликните на свободном поле нового документа, чтобы создать прямые линии. Для создания кривых Безье щелкните и перетащите мышку.

• Add anchor point tool: кликните по линии, чтобы добавить узловые точки (анкоры).

• Delete anchor point tool: кликните по анкору чтобы удалить его.

• Convert anchor point: нажмите и потащите за узловую точку. В результате чего у вас получится кривая Безье. Кликните на анкоре с направляющими, чтобы удалить направляющие

• Scissors: Не входит в группу Pen Tool, но определенно связан с ней. При нажатии на сегмент линии она поделится надвое.

Горячие клавиши для работы с Пером

• Выбрать Pen Tool (P)
• Выбрать Add anchor point tool (+)
• Выбрать Delete anchor point tool (-)
• Выбрать Convert anchor point (Shift + C)
• Выбрать Scissors Tool ©

Курсоры

Pen Tool принимает различные формы в зависимости от того, что и когда вы делаете. Это дает возможность понять, какие действия следует ожидать от программы.

(Caps Lock для переключения указателей)

• Начало новой кривой
• В процессе создания и редактирования кривой
• При нажатии мыши
• При наведении на участок кривой; добавить точки к кривой
• При наведении на анкор; удалить точку с кривой
• При наведении на начальную точку кривой; замыкание кривой
• При наведении на конечную точку кривой; для продолжения пути
• При наведении на существующую точку.

Работа с выделенной кривой.

1. При наведении Pen Tool на анкор: инструмент изменит вид на Delete anchor point tool
2. При наведении Pen Tool на прямую: инструмент изменит вид на Add anchor point tool
3. При наведении Pen Tool на конечную точку: инструмент изменит вид на Convert anchor point tool

Клавиши управления Пером

1. Держите Shift для ограничения движения на 45 °, 90 °, 135 °, 180 ° во время создания или редактирования анкора или направляющих.
2. Выберите точку при помощи Direct selection tool и нажмите кнопку «Delete». Точка удалится с прилегающими сегментами, оставляя два пути (path).
3. Pen tool + Alt: измененит инструмент на Convert anchor point tool.
4. Наведите Pen tool с зажатым Ctrl на направляющую: это позволит редактировать кривую Безье.
5. Pen tool + Alt в то время как создания кривой: разбивает кривую.
6. Наведите курсор мыши на направляющую и зажмите Alt: разделяет кривую.
7. Scissors tool + Alt: изменит инструмент на Add anchor point tool.
8. Add anchor point tool + Alt: измененит в инструмент на Delete anchor point .
9. Delete anchor point + Alt: измененит в инструмент на Add anchor point tool.

Настройка работы с кривыми

(Illustrator > Preferences > Selection & anchor display)

1. Tolerance: Радиус выбранной опорной точки. Может быть от 1 до 8 пикселей. 1px — если вы очень аккуратны при обращении с мышью или у вас много анкоров на близком расстоянии друг от друга, 8px — если вы менее точны =). 3px это значение по умолчанию.
2. Object Selection by Path Only: При выборе этого параметра объекты будут выбираться только при нажатии на их кривые (path). Сопоставимо с работой в режиме Outline (View> Outline).
3. Snap to Point (привязка к точке): Также меняется через View > Snap to Point, хотя и с помощью Selection & Anchor Display диалога может быть определена точность (tolerance) от 1 до 8 пикселей. Это значение опять оперирует с радиусом опорных точек. Когда выстраиваются два объекта, их опорные точки должны быть расположены в пределах указанного диапазона.
4. Anchor Point and Handle Display: определяет способ отображения анкоров и направляющих.
5. Anchor Point and Handle Display: подсветка анкоров при наведении курсора.
6. Show Handles When Multiple Anchors are Selected: При выборе этой опции отображаются направляющие всех точек при выборе нескольких точек.

Фишки Pen Tool:

• Выберите Direct Selection tool перед выбором Pen tool. Нажмите и удерживайте Ctrl, чтобы получить доступ к последнему выбранному инструменту (в данном случае Direct Selection tool) для редактирования путей и направляющих, не снимая выделения с кривой.
• При выбранной кривой, используйте пробел, чтобы чтобы перемещаться по экрану не снимая выделения.
• При создании или редактировании анкора, нажмите и удерживайте нажатой клавишу мыши + Пробел, чтобы изменить позицию анкора с которым вы работаете.
• С помощью Direct Selection tool выберите начальную и конечную точки кривой. Нажмите Ctrl + J, чтобы соединить их.
• С помощью Direct Selection tool выберите начальную и конечную точки кривой.  Ctrl + Alt + Shift + J, для соединения их в новой срединной точке.
• Для сглаживания кривой и сокращения числа опорных точек можно воспользоваться диалогом Simplify (Object > Path > Simplify) и настроить в соответствии с вашими потребностями.
• И наоборот, если вы хотите больше узловых точек используйте Object> Path> Add Anchor Points.
• Чтобы предотвратить изменение функций Pen tool при взаимодействии с другими точками, откройте диалог общих настроек Illustrator > Preferences > General) и проверьте поставлена ли галочка Disable Auto Add/Delete.

Практические советы

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

• Для изменения кривой перетаскивайте крайние точки, а не серединные.

• Чем меньше анкоров, тем аккуратнее смотрится кривая.

Упражнения для практики работы Pen Tool

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

Что-то большее

На днях познакомился с очень интересным плагином для Иллюстратора под названием Xtream Path.

Очень удобный инструмент для работы с кривыми.

Картинка ниже наглядно объясняет чем он лучше стандартных инструментов:

Похожее:

1. Инструменты Adobe Illustrator. Gradient Mesh Tool
2. Инструменты Adobe Illustrator. Type Tool
3. Инструменты Adobe Illustrator. Blend Tool
4. Инструменты Adobe Illustrator. Эффекты
5. 3D планировка помещений средствами Illustrator

Также очень интересно:

Метки: illustrator, Pen Tool, инструменты adobe illustrator, урок