Инструмент перо в иллюстраторе

В 99% работ в Adobe Illustrator используется инструмент «Перо» (Pen tool). Вот почему так важно хорошо им владеть. Ведь это даёт не только более качественный результат, но и ускоряет работу.

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

Функции

• Инструмент Pen tool (P): Просто кликаем на рабочую поверхность для создания прямых линий (у нас получается угловая опорная точка), кликаем и тянем для создания кривых (получается гладкая опорная точка).
  
• Инструмент Add anchor point tool (+): Кликаем на кривой для добавления опорной точки.
  
• Инструмент Delete anchor point tool (-): Кликаем на опорной точке и она удалится.
  
• Инструмент Convert anchor point tool (Shift + C): Кликаем на опорную точку, и тянем, чтобы получились кривые. Если кликнуть на точку с ползунками, ползунки исчезнут.
  
• Инструмент Scissors (С): Хоть и не относится к группе инструментов Pen tool, но связан непосредственно с ней. Кликните на кривую, и она разрежется, словно нить.
  

Курсоры

Pen tool может принимать различные формы в зависимости от того, на какое действие он сейчас настроен (автоматически или вручную). Для смены вида между ручкой и крестиком нажмите Caps Lock.

	Готов приступить
	Промежуточное состояние во время создания или редактирования кривой
	При нажатой мышке
	При выделенном сегменте кривой — добавление опорной точки
	То же, но удаление
	Подсвечивается только на начальной точке кривой и означает «замкнуть кривую»
	Подсвечивается на конечной точке не выделенной кривой. Означает продолжить
	У активной опорной точки означает регулировку ползунков

Контроль мышкой (кривая выбрана)

• Наведение Pen tool на опорную точку: удаление точки
• Наведение Pen tool на сегмент: добавление точки
• Наведение Pen tool на конечную опорную точку: отрегулировать ползунки

Контроль клавиатурой

• Если зажать Shift, то движения во время создания или редактирования точек будут производится под углами 45°, 90°, 135° или 180°
• Выберите опорную точку инструментом Direct selection tool и нажмите Delete. Удалится сама точка и прилегающие к ней сегменты.
• Pen tool + Option (Alt): смена режима на Convert anchor point tool.
• Если навести Pen tool на кривую и нажать Cmd (Ctrl) — кривая выделится и станет доступна для редактирования.
• Pen tool + Option (Alt) во время создания кривой — появляется возможность изменить состояние ползунков (независимо друг от друга).
• Навести Pen tool на ползунок и Option (Alt): то же, что и в п.5
• Scissors tool + Option (Alt): режим инструмента Add anchor point tool.
• Add anchor point tool + Option (Alt): режим инструмента Delete anchor point tool.
• Delete anchor point tool + Option (Alt): режим инструмента Add anchor point tool.

Другие полезные приёмы

• Простой приём: Перед началом использования Pen tool нажмите A (выберется Direct Selection), а потом сразу же P (это уже наш Pen). Теперь во время использования Pen tool зажимайте Cmd (Ctrl) — инструмент будет переключаться на Direct Selection, что очень удобно, когда нужно поработать с точкой, не снимая выделения с кривой.
• Пользуйтесь пробелом — если его нажать, активируется инструмент Hand tool, и можно будет спокойно перемещаться в по рабочей площади, очень просто и без лишних кликов.
• Во время создания опорной точки нажмите пробел + клик — положение точки можно будет поправить в сразу, на месте.

• Cmd (Ctrl) + Shift + A — скинуть выделение. Удобно, когда нужно нарисовать новый независимый объект.
• Cmd (Ctrl) + J — при выделенной кривой (либо хотя бы начальной и конечной точках) соединяет начальную и конечную точки
• Чтобы упростить кривую (уменьшить количество точек), и сгладить её, воспользуйтесь Simplify (Object > Path > Simplify).



• Можно, наоборот, добавить новые опорные точки, по 1й между каждой парой. Используйте Object > Path > Add Anchor Points.
Читайте также:  Информация о флешках в реестре

Улучшаем технику

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



Для изменения кривой лучше перетаскивать крайние точки, а не промежуточные.



• Помните: чем меньше точек, тем плавнее линия.

Упражнения

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

Упражнение от Vectortuts





Упражнения от Veerle Pieters



Для Illustrator CS5
Для Illustrator CS3 и CS4

Видео

И напоследок несколько видео-уроков использования Pen tool в Illustrator

Все эти приёмы помогут улучшить качество и скорость работы инструментом Перо. Будьте профессиональны!

11 Янв 2010, 6:17, написал Максим Шайхалов в разделе «Иллюстратор»

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

Если вы пользуетесь 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.

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

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

Pen Tool (Перо). Клавиша быстрого вызова ‹P›.

Инструмент Pen Tool предназначен для рисования прямых линий и кривых.

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

Если продолжить «щелкать» в том же духе, то получится ломаная кривая линия, состоящая из прямолинейных отрезков.

Для того, чтобы рисовать отрезки строго по вертикали, горизонтали или под углом 45° удерживайте нажатой клавишу Shift на клавиатуре.

Рисование отрезков прямой только одна из функций инструмента Pen Tool, и не основная. Чаще всего вы будете обращаться к нему, чтобы рисовать плавные кривые или, как их называют, кривые Безье. Для того, чтобы создать первую точку сглаженной кривой щелкните левой кнопкой мыши в любом месте рабочей области и, не отпуская кнопку мыши, потяните курсор в любом направлении — появятся направляющие.

Теперь щелкните в другой точке рабочей области — чуть правее первой точки, например, или чуть левее, и снова потяните курсор в любую сторону.

В зависимости от направления этого движения у вас получится либо дуга:

либо что-то напоминающее синусоиду:

Попробуйте создать еще несколько точек подобным образом:

Сначала может показаться, что кривая создается непредсказуемо, но это не так. Для того, чтобы предсказать поведение кривой в случае сглаженной точки, нужно помнить, что направляющие всегда располагаются по касательной к кривой и «кривизна» сегментов, на которые влияют эти направляющие зависит от длины направляющих: чем длиннее направляющие, тем более плоской будет кривая в этой точке и тем «круче» будут сегменты около нее.

Если кривая выглядит не так, как вы задумали, ничего страшного, после того, как вы нарисуете ее, форму можно будет подправить инструментом Direct Selection Tool. Так же после создания кривой, можно добавлять новые или удалять лишние точки точки. Добавление происходит инструментом Add Anchor Point Tool, а удаление Delete Anchor Point Tool.

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

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

и щелкните на эту точку левой кнопкой мыши, контур замкнется.

Если вы хотите оставить кривую незамкнутой, то просто в процессе рисования после последней опорной точки нажмите клавишу Ctrl и щелкните в любом месте рабочей области — контур при этом останется незамкнутым, а после того как вы отпустите Ctrl, сможете начать рисовать новую кривую. Дело в том, что при любом активном инструменте, не только Pen Tool нажатие клавиши Ctrl на клавиатуре приводит к вызову последнего использовавшегося перед этим инструментов выделения на время нажатия кнопки — Selection Tool (черная стрелочка) или Direct Selection Tool (белая стрелка).

Если вы рисовали контур и оставили его открытым, а потом решили его продолжить, то просто возьмите инструмент Pen Tool и наведите на любую из точек на концах кривой, дождитесь пока возле курсора появится значок слэша (наклонная полоска):

Щелкните левой кнопкой мыши — тем самым вы присоединитесь к контуру и сможете продолжить его рисование. Кривая перед этим может быть как выделена, так и нет — на результат это не повлияет.

Если в процессе рисования кривой вы вдруг решите, что создали лишнюю точку в середине кривой, просто просто наведите курсор на эту точку, при этом символ рядом с курсором изменится на «-»

Щелкните левой кнопкой мыши по этой точке, и она исчезнет. После этого вы сможете продолжить рисование кривой.

Это не сработает с первой и последней точкой кривой. Если вы таким образом щелкните на первую точку, вы замкнете контур; если на последнюю, то удалите направляющую с одной стороны. Так что удалить таким образом можно только промежуточные точки.

Если вы хотите удалить последнюю точку, то нажмите клавишу Delete или Backspace. При этом удалится последняя точка и кривая при этом останется выделенной. Для того, чтобы продолжить продолжить ее рисовать, щелкните в крайнюю точку кривой и продолжайте рисование. Если клавишу Delete или Backspace нажать еще раз, то удалится вся кривая.

Примерно таким же способом можно добавить опорную точку на кривую. Наведите курсор на сермент кривой, на котором хотите добавить точку:

Щелкните левой кнопкой мыши — на сегменте появится еще одна точка, вид кривой при этом не изменится:

После этого вы можете продолжить рисование.

Если вы рисовали кривую и в тот момент, когда ставили точку поняли, что точка стоит не в том месте, то вы можете перенести точку в любое другое место просто зажав пробел не отпуская кнопки мыши.

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

Затем отпустите Alt и снова кликните левой кнопкой мыши в эту же точку и вытяните новую направляющую в нужном вам направлении:

Если вы продолжите рисовать кривую, вы увидите, что в этой точке образовался угол.