Главная › Обзоры ›

15.11.2020

Андрей Смирнов

Время чтения: ~12 мин.

Приёмы использования инструмента «Перо» (Pen tool) в Illustrator

Перейти на AliExpress.com

главная | информация | Навигатор по инструментам Illustrator | Pen Tool

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

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

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

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

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

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

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

10 лучших 3D ручек с АлиЭкспресс

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

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

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

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

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

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

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

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

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

Samsung показала обновленный стилус S Pen, а все остальное мы уже видели - AndroidInsider.ru

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

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

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

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

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

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

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

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

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

XP-PEN Star 06c — обзор бюджетного графического планшета

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

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

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

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

Другие инструменты Illustrator

Если вам интересно попробовать себя в стоковом бизнесе — регистрируйтесь на фотобанках по этим ссылкам:

ShutterStock.com Dreamstime.comDepositPhotos.comBigStockPhotos.comVectorStock.com123rf.com

Я всегда буду рада ответить на все ваши вопросы: nataly@stockers.ru

Предыдущий урок: Рисуем инструментом “Карандаш”(Pencil Tool) Этот инструмент, наверное, один из самых сложных в процессе обучения, но тем не менее — один из самых используемых в процессе рисования 🙂 Если у кого-то с самостоятельным обучением возникают какие-либо затруднения, то вы можете взять онлайн консультацию по Adobe Illustrator через Skype. Читать урок полностью на Marovaki design blog (по многочисленным просьбам читателей копия перевода урока также опубликована на этом блоге) Инструмент Контур(Path Tool) один из самых сложных для изучения инструментов в Adobe Illustrator. Обычно уходят недели на его изучение и новички всегда сталкиваются с трудностями, когда пытаются понять, как он работает. Рисуем прямые линии Выберите инструмента “Перо” и кликните один раз, чтобы добавить первую узловую точку. Переместите курсор к следующей позиции и кликните опять для того чтобы создать вторую точку. Две точки соединятся между собой. Продолжайте, чтобы у Вас получилась фигура в виде буквы W как на рисунке. Чтобы нарисовать новую линию переключитесь на инструмент “Выделение” и опять на инструмент “Перо”. Закрываем контур Для того чтобы закрыть контур кликаем снова на начальной точке чтобы получилась фигура. Рисуем изогнутую линию Кликаем и передвигаем направляющие, чтобы создать плавную опорную точку. Меняем направление контура Кликните и переместите направляющие, чтобы создать плавную опорную точку. Не отпуская клавишу мыши, нажмите Alt и переместите направляющие, чтобы изменить направление контура. Рисуем круговой контур Кликните и переместите направляющие, чтобы создать плавную опорную точку. Продолжайте добавлять точки и в конце кликните на начальную точку, чтобы закрыть контур. Добавляем опорные точки С активным инструментом Перо, подводим курсор к контуру, куда планируем добавить точки. Появится значок плюс возле иконки инструмента, кликните на контур, чтобы добавить новую опорную точку. Удаляем опорные точки Чтобы убрать точку, подведите инструмент “Перо” к узлу. Появится значок минуса рядом с пером. Кликните на узловую точку, чтобы удалить ее. Преобразовываем опорные точки Чтобы преобразовать плавную опорную точку в остроконечную, подведите курсор инструмента “Перо” и нажмите Alt, курсор изменит вид на стрелку. Кликните на плавной опорной точке, чтобы преобразовать ее в обычную точку. Кликните и перетащите опорную точку, чтобы снова сделать ее плавной. Перемещаем опорные точки Выберите инструмент “Прямое выделение” и выберите точку, которую вы хотите переместить. Кликните и перетаскивайте ее, чтобы изменить ее положение. Изменяем направление опорных точек С помощью инструмента “Перо”, Вы можете быстро изменить направления узловых точек. Удерживайте Ctrl чтобы быстро изменить инструмент “Перо” на инструмент “Прямого выделения”. Выберите узловую точку, которую Вы хотите отредактировать. Появится направляющая узловой точки. Отпустите Ctrl и нажмите и удерживайте Alt чтобы изменить инструмент на “Преобразование опорных точек” (Convert Anchor Tool) Кликните и перемещайте направляющие, чтобы изменить их положение. Рисуем старинный ключ После изучения основных моментов использования инструмента Перо, мы используем Ваши знания для того чтобы создать силуэт старого ключа. Для правильных углов, удерживайте Shift, перед тем как добавлять опорную точку, чтобы ограничить область его действия 90 градусами. Результат. Советы по использованию инструмента “Перо” Используйте такое количество опорных точек, которое вам нужно для создания фигуры. Добавляйте опорные точки в местах изменения направления линии или кривой. Используйте клавиши Alt или Ctrl, чтобы быстро переключаться на другие инструменты редактирования контура. Удерживайте Shift, чтобы блокировать ваш контур шагом в 45 градусов, когда добавляете новые опорные точки. Дополнительные упражнения для инструмента “Перо” Вот несколько упражнений для отрисовки инструментом “Перо”. Сохраните эти рисунки на Рабочий стол и помеcтите в Illustrator используя меню Файл>Поместить (File>Place). Выберите изображение и не забудьте отметить галочку Шаблон (Template) . Изображение будет помещено в файл и заблокировано. Теперь Вы можете начинать практиковаться и самое главное — не сдавайтесь! У вас есть два выходных 5 и 6 – можно отдохнуть и поупражняться, чтобы закрепить полученные знания. А с понедельника ждите продолжение курса. Кстати, если вы заметили, то многие силуэты из упражнений симметричные. Чтобы рисовать симметрию в иллюстраторе быстро и легко, есть вот такие зеркальные шаблоны — Live Mirror.<center></center> А сейчас впереди два дня на отдых (или освоение Инструмента “Перо”), а в понедельник не пропустите следующий урок: Используем кистиАнна ВолковаЧитать дальше…

Подпишитесь на нашу рассылку, чтобы не пропустить ничего нового:<center></center>

Предлагаю ознакомиться с аналогичными статьями:

В 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.

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

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