Back to Course

Design software

0% Complete
0/0 Steps
  1. Figma
    20 Topics
    |
    20 Quizzes
  2. Illustrator
    19 Topics
    |
    14 Quizzes
  3. Photoshop
    22 Topics
    |
    22 Quizzes
Lesson 2, Topic 13
In Progress

2.13.Перо

14.04.2022
Lesson Progress
0% Complete

Что такое инструмент перо.

Pen (Перо) — это самый главный инструмент работы с контурами, и в его состав входят еще три инструмента: 

Add Anchor Point — (Перо+), 

Delete Anchor Point (Перо–) и 

Convert Anchor Point (Угол). 

Первый отвечает за добавление новых опорных точек, второй — за их удаление, а третий осуществляет преобразование опорных точек из одного типа в другой.

При создании и редактировании кривой необходимо быстро переключаться с одного перьевого инструмента на другой, для чего служат клавиатурные комбинации. В целом инструмент Pen выбирается при нажатии клавиши P, а далее: Add Anchor Point — нажатием клавиши «+», Delete Anchor Point — клавиши «-», а Convert Anchor Point — клавиши Alt.

  • Точка привязки. Точки привязки можно использовать для управления формой объекта или пути. Они производятся автоматически при использовании инструментов формы. С помощью инструмента «Перо» вы можете создавать точки привязки вручную, щелкая от точки к точке.
  • Направляющая линия: эти линии могут называться ручками или усиками, которые вы используете в точках, которые изогнуты, чтобы регулировать угол и глубину изогнутых траекторий.
  • Закрытая форма: когда вы создаете траекторию, она превращается в замкнутую форму, когда начальная точка соединяется с конечной точкой.
  • Простой путь. Путь состоит из одного или нескольких изогнутых или прямых участков. Конечные точки отрезков пути отмечены опорными точками.
  • Кривая Безье: Пьер Безье первоначально создал кривую Безье в 1970-х годах для операций CAM / CAD. Вы можете управлять размером и глубиной кривой Безье, используя линии направления.

1.2. Инструмент Pen Tool

Инструмент Pen Tool. Траектории, которые вы создаете с помощью инструмента «Перо», будут содержать точки маркера, которые вы можете использовать для изменения формы векторов, и точки привязки, которые остаются в фиксированном положении, когда форма пути балансируется.

1.3. Инструмент Add Anchor Point Tool

Add Anchor Point Tool: Этот инструмент может быть использован, чтобы добавить новую опорную точку на пути. Дополнительные опорные точки позволяют вам изменять форму отрезков пути между опорными точками. Вы можете расположить инструмент в том месте, где вы хотите добавить точку, затем нажать на путь.

1.4. Инструмент Delete Anchor Point Tool

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

1.5. Инструмент Anchor Point Tool

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

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

  1. Контроль и горячие клавиши при использовании Pen Tool

2.1. Состояния курсора при использовании Pen Tool

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

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

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

2.3. Контроль клавиатурой (горячие клавиши)

  • Если зажать 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.

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

  • Простой приём: Перед началом использования 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.
  1. Что можно делать с помощью инструмента перо.

3.1. Рисуем прямые линии

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

  • Выберите инструмент «Перо».
  • Поместите инструмент «Перо» в то место, откуда должен начинаться прямой отрезок, затем нажмите, чтобы создать первую опорную точку (не перетаскивайте указатель).

Примечания

  • Первый отрезок отобразится только тогда, когда вы нажмите вторую опорную точку. 
  • Кроме того, если отображаются управляющие линии, это означает, что вы случайно перетащили инструмент «Перо». В этом случае выберите Редактирование > Отменить и нажмите еще раз.
  • Нажмите еще раз то место, где должен находиться конец отрезка (нажмите, удерживая клавишу Shift, чтобы ограничить наклон отрезка углом, кратным 45°).
  • Нажмите необходимое число раз, чтобы создать опорные точки для дополнительных прямых отрезков. 

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

  • Завершите создание контура. Для этого выполните одно из следующих действий:

Чтобы замкнуть контур, поместите инструмент «Перо» на первую (пустую) опорную точку. При правильном размещении рядом с указателем инструмента «Перо»  появится кружок. Чтобы замкнуть контур, нажмите или перетащите указатель.

Чтобы оставить контур незамкнутым, нажмите, удерживая клавишу Ctrl (Windows) или Command (macOS), в любом месте на достаточном расстоянии от объектов.

Чтобы оставить контур незамкнутым, можно также выбрать другой инструмент или меню Выделение > Отменить выделение. Также можно просто нажать клавишу Enter или Return.

3.2. Рисуем кривые инструментом «Перо»

Кривая создается путем добавления опорной точки в том месте, где изменяется направление кривой, с последующим перетаскиванием направляющих линий, формирующих кривую. Форма кривой определяется длиной и наклоном управляющих линий.

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

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

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

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

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

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

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

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

3.3. Завершаем контур

  • Чтобы замкнуть контур, поместите инструмент «Перо» на первую (пустую) опорную точку. При правильном размещении рядом с указателем инструмента «Перо»  появится кружок. Чтобы замкнуть контур, нажмите или перетащите указатель.
  • Чтобы оставить контур незамкнутым, нажмите, удерживая клавишу Ctrl (Windows) или Command (macOS), в любом месте на достаточном расстоянии от объектов.
  • Чтобы оставить контур незамкнутым, можно также выбрать другой инструмент или меню Выделение > Отменить выделение.

3.4. Перемещение опорных точек при рисовании

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

3.5. Рисование прямых линий, за которыми следуют кривые

  • Для того чтобы создать отрезок прямой, нажмите инструментом «Перо» угловые точки в двух местах.
  • Поместите инструмент «Перо» над выбранной конечной точкой. В Illustrator при правильном размещении указателя появляется значок преобразования точки рядом с инструментом «Перо». Для того чтобы задать наклон отрезка кривой, который будет создан далее, нажмите опорную точку и перетащите появившуюся управляющую линию.
  • Поместите перо в том месте, где должна быть следующая опорная точка, затем, чтобы завершить кривую, нажмите (и при необходимости перетащите) новую опорную точку.

3.5. Рисование кривых, за которыми следую прямые линии

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

3.6. Рисование двух отрезков кривой, соединенных углом

  • Перетащите инструмент «Перо», чтобы создать первую точку сглаживания в отрезке кривой.
  • Переместите инструмент «Перо» и перетащите указатель для создания кривой со второй точкой сглаживания. Затем для настройки наклона следующей кривой перетащите управляющую линию в сторону ее противоположного конца, удерживая клавишу Alt (Windows) или Option (macOS). Отпустите клавишу и кнопку мыши.

В результате разделения управляющих линий точка сглаживания преобразуется в угловую точку.

  • Переместите инструмент «Перо» в то место, где должен заканчиваться второй отрезок кривой, затем перетащите новую точку сглаживания для завершения второго отрезка кривой.
  1. Советы по использованию инструмента Pen Tool
  • Используйте такое количество опорных точек, которое вам нужно для создания фигуры.
  • Добавляйте опорные точки в местах изменения направления линии или кривой.
  • Используйте клавиши Alt или Ctrl, чтобы быстро переключаться на другие инструменты редактирования контура.
  • Удерживайте Shift, чтобы блокировать ваш контур шагом в 45 градусов, когда добавляете новые опорные точки.
  1. Выводы

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

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

Вы наверняка можете использовать кисть или карандаш, но вы не можете ожидать четких, ровных и четких форм. 

Это основной инструмент для рисования чего-то, что требует точности, например, надписи или карты.