Категории: Иллюстратор

Инструменты Adobe Illustrator. Pen tool (перо)

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

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

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

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

Поделиться

Посмотреть комментарии

  • Практически тоже самое, что и в Photoshop. Даже не сразу поняла. Нужно будет переключится и попробовать.

  • В кореле направляющие можно править симметрично, как это сделать в иллюстраторе?

    • Есть специальные плагины, которые могут настроить перо как угодно.

Последние посты

Дайджест ABOUT FACE #5: дизайн-принципы хороших продуктов, Sketch + AE, правильная иконка шаринга

Хорошей среды! Пришло время нового выпуска дайджеста. (далее…)

% дней назад

Дайджест ABOUT FACE #4: агенство или продукт, After Effects в код, 100 книг для дизайнера

Хорошего понедельника! Давно не было свежего выпуска дайждеста, а материала накопилось порядочно 😍 (далее…)

% дней назад

5 современных альтернатив WordPress

Это рекламная статья. Многие считают, что WordPress — одна из наиболее популярных open-source систем для…

% дней назад

Дайджест ABOUT FACE #3: новая книга Бюро, CSS в Скетче, дизайн для нескольких языков

Хорошего понедельника! Надеюсь все отлично отдохнули, потому как я собрал для вас новую порцию интересных…

% дней назад

Дайджест ABOUT FACE #2: книги по типографике, одновременная работа с макетом, дизайнер-cатана

Хорошего понедельника! Приветствуем второй выпуск дайджеста. Для тех, кто не в теме, дайджест просеивает тонны…

% дней назад

Дайджест ABOUT FACE #1: редизайн Хрома, сколько зарабатывают дизайнеры, каким должен быть VR интерфейс

Хорошего понедельника! Как я писал в паблике, я решил немного изменить формат выхода новостей. Поэтому всё…

% дней назад