Работа с пером

Содержание
  1. Инструменты Adobe Illustrator. Pen tool
  2. Функции группы Pen Tool
  3. Горячие клавиши для работы с Пером
  4. Курсоры
  5. Работа с выделенной кривой
  6. Клавиши управления Пером
  7. Настройка работы с кривыми
  8. Фишки Pen Tool:
  9. Практические советы
  10. Упражнения для практики работы Pen Tool
  11. Что-то большее
  12. Pen Tool: мастер-класс по использованию инструмента Перо
  13. PSD-файл с упражнением
  14. 1. Функции Пера
  15. 2. Горячая клавиша
  16. 3. Курсор и его формы
  17. 4. Действия второго уровня
  18. 5. Дополнительное управление с клавиатуры
  19. 6. Настройки
  20. Дополнительные хитрости
  21. 7. Важные практические советы
  22. Упражнение
  23. Инструмент «Перо» в Photoshop: особенности работы
  24. Панель инструмента
  25. Режимы
  26. Выделение области
  27. Обводка кисточкой
  28. Заливка
  29. Трансформирование
  30. Свободное перо
  31. Редактирование контура
  32. Угол
  33. Создание определённых фигур
  34. Стили изображений
  35. Векторная маска
  36. Учимся работать с Pen Tool
  37. Работаем с Pen Tool в фотошопе: Paths (Пути)
  38. Учимся работать с Pen Tool: Shape Layer (Форма)
  39. Выделение с помощью Pen Tool
  40. Учимся работать с Pen Tool: Штрих и заливка
  41. Что ещё можно делать с Pen Tool
  42. Приёмы использования инструмента «Перо» (Pen tool) в Illustrator
  43. Функции
  44. Контроль мышкой (кривая выбрана)
  45. Контроль клавиатурой
  46. Другие полезные приёмы
  47. Улучшаем технику
  48. Упражнения
  49. Упражнения от Veerle Pieters
  50. Инструмент “Перо” в Фотошопе: как пользоваться
  51. Строим контур с помощью Пера
  52. Заливаем контур
  53. Обводим контур
  54. Создаем кисть
  55. Создаем фигуру

Инструменты 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.

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

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

  • illustrator
  • Pen Tool
  • инструменты adobe illustrator
  • урок

Источник: https://blog.shaihalov.ru/2010/01/11/instrumenty-adobe-illustrator-pero-pen-tool/

Pen Tool: мастер-класс по использованию инструмента Перо

Работа с пером

21 октября 2011 | в графика | 19 Комментариев »

Был давным-давно на PSD Tuts отличный урок-тренажер для новичков, желающих мастерски владеть таким полезным и удобным инструментом Photoshop как Pen tool (Перо в русскоязычной версии). Хотела я на него сегодня сослаться, да не вышло — что то там перекосилось на psd.tutsplus.com и картинки в уроке больше не отображаются. А туториал полезный, вот и решила я его восстановить.

Итак, всем любящим Pen tool посвящается.
Вы найдете инструмент «Перо» практически в любом продукте линейки Adobe (и не только). Его функции и поведение изменяются в зависимости от приложения, но суть остается одинаковой: овладев им, вы заметите, как ускорилась и упростилась ваша работа, а результат ее стал заметно лучше.

В этом уроке я расскажу вам основные принципы работы с пером в Photoshop. 

PSD-файл с упражнением

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

Если вы считаете, что все о Pen tool знаете и ничего нового здесь не прочтете, сразу открывайте этот файл и переходите к весьма полезной практике.

Если же в процессе выполнения заданий вам встретится незнакомое сочетание клавиш или просто непонятный момент — возвращайтесь сюда и прочтите статью до конца.

Так, а мы с более прилежными учениками вкратце просмотрим немножко теории рисования пером в Photoshop. Вы узнаете, как влияет нажим пера графического планшета на создаваемый путь, как создавать сегменты пути под определенным углом и какие еще скрытые настройки прячет панель Pen tool.

1. Функции Пера

 
Pen tool — Простое перо
Кликните по холсту, чтобы создать путь из прямых отрезков. Кликните и протяните, чтобы создать путь с помощью кривых Безье.

Freeform Pen tool — Свободное ПероКликните по холсту и протяните, свободно рисуя путь, будто кистью.

Add Anchor Point tool — Добавить опорную точку (якорь)Кликните этим инструментом по созданому пути, и к сегменту добавится точка крепления.

Delete Anchor Point tool — Удалить опорную точку (якорь)
Кликните точку (якорь) — и эта точка удалится с пути.

Convert Point tool — Изменить опорную точку (якорь)
Превращает опорную точку прямого отрезка в опорную кривой Безье и наоборот. Кликните точку, не имеющую управляющих линий и протяните, чтобы создать их. Кликните по точке с управляющими линиями — и они исчезнут.

2. Горячая клавиша

P — выбирает Pen tool либо Freeform Pen tool, в зависимости от того, что вы выбирали перед этим.

3. Курсор и его формы

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

— Готов начать путь

— Во время создания или редактирования пути

— При нажатии мышью

— Добавить опорную точку на путь

— Удалить опорную точку с пути

— Закрыть путь (появляется при наведении на стартовую точку пути)

— Изменить кривизну последующего сегмента (появляется при наведении на последнюю добавленную точку пути)

— Изменить опорную точку — готовность изменять существующую точку

— Свободное перо

— Магнитное перо

— Path Selection Tool (Выделение контура / Выбор элементов контура); Появляется, когда выбрано перо и зажат Ctrl+Alt. Позволяет скопировать путь и перенести его в нужное место.

4. Действия второго уровня

Доступны, когда путь активен и стоит галочка Auto Add/Delete (Автоматически добавлять/удалять)

1. Pen tool удаляет опорную точку при клике по одной из опорных точек в середине пути.
2. Pen tool добавляет новую точку при клике по одному из сегментов в середине пути.

5. Дополнительное управление с клавиатуры

1. Выберите опорную точку с помощью Direct Selection Tool и нажмите клавишу Delete. Удалится как сама точка, так и смежные с ней сегменты, разорвав путь на две части.

2. Pen tool + Shift: Зажмите Shift, создавая новую точку кривой Безье, чтобы ее линии управления располагались ровно под 45°, 90°, 135° или 180°.

3. Pen tool + Alt = Convert anchor point tool (Изменить опорную точку)
Превращает опорную точку прямого отрезка в опорную кривой Безье и наоборот. Кликните точку, не имеющую управляющих линий и протяните, чтобы создать их. Кликните по точке с управляющими линиями — и они исчезнут.

4. Кликнуть + Alt + протянуть = Создать точку с одной линией управления.

5. Pen tool + Ctrl = Direct Selection tool (Частичное выделение / Непосредственное выделение). Позволяет перемещать опорные точки.

6. Pen tool + Ctrl + Alt = Path Selection Tool (Выделение контура / Выбор элементов контура). Позволяет скопировать путь и перенести его в нужное место.

6. Настройки

Панель настроек (включается через Window — Options / Окно — Настройки) обычно расположена в верхней части экрана, она обеспечивает доступ к наиболее важным параметры какого-либо инструмента. Это относится и к семейству Pen tool. Просмотрите следующие параметры:

1. Presets — Выбор заготовок/пресетовПозволяет сохранять настройки инструмента. Выставьте нужные вам параметры и сохраните в качестве пресета, чтобы быстрее вернуться к этим настройкам впоследствии.
2.

Shape Layers — ФормыПри выборе данной иконки, пути создаются в виде форм, видимых как в палитре Paths (Пути), так и в палитре Layers (Слои) в качестве векторных маскок.
3. Paths — Путипри выборе данной иконки, создаваемые пути отображаются в палитре Paths (Пути).
4. Заполнение контуратретья иконка становится активной, если выбран один из инструментов формы.

При этом параметре создаваемый путь становится заполненной областью. Этот параметр — отдельная история, его мы впоследствии рассмотрим подробнее.
5. Pen Tool -Выбор пера

6. Freehand Pen Tool — Свободное перо

7. Rubber Band — Резиновая нитьЭтот параметр появляется в выпадающем меню настроек пера, если активирован именно Pen tool.

Этот чертовски удобный параметр позволяет вам видеть кривизну создаваемого сегмента еще до того, как вы поставили очередную точку.
8. Curve fit — Настройка кривойПоявляется в выпадающем меню настроек пера, если активирован Freehand Pen Tool. Введите здесь значение, определяеющее погрешность, с которой на ваш путь будут добавляться точки.

Допустимое значение — от 0,5 до 10 пикселей. Чем больше значение, тем меньше точек получится.
9. Magnetic — Магнитное перо
Появляется в виде галочки на панели настроек пера, если активирован Freehand Pen Tool. Если включить, ваш путь будет «прилипать» к пикселям.

В выпадающем меню можно установить уровень прилипания: Width — расстояние, на которое может отклониться путь, Contrast — уровень контрастности, который может повлиять на путь, Frequency — частота опорных точек на создаваемом пути (чем выше значение, тем быстрее контур привязывается к месту). 

Pen Pressure — учитывать или нет силу нажима при использовании планшета. Влияет на частоту расстановки точек.

10. Auto Add/Delete — Автоматически добавлять/удалятьПоявляется на панели настроек пера, если активирован Pen Tool. Позволяет добавлять и удалять точки на пути обычным пером (смотрите выше, Действия второго уровня).

11. Pathfinder ToolsПозволяют, соответственно, добавлять, вычитать, вычленять и исключать пересекающиеся области создаваемых вами путей.
12. Layer Style — СтилиПоявляется, когда выбран Shape Layer (Форма).

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

Дополнительные хитрости

  • Как и во многих других инструментах, зажав пробел, вы получите доступ к Hand tool (Рука), это позволит вам перемещать экран, не снимая выделения с пути и не сменяя инструмент.
  • Выберите View — Snap To — Grid, и ваши кривые будут точно прилегать к сетке.

7. Важные практические советы

  • Ставя первую точку пути из кривых, всегда протягивайте мышку, чтобы создать опорную точку с линией управления.
  • Вытягивайте линии управления на одну треть кривой, чтобы путь получался ровным.
  • Располагайте опорные точки в местах, где путь начинает менять направление, а не в середине кривой-сегмента.
  • Не ставьте лишних опорных точек, чем меньше точек, тем аккуратней путь.
  • Упражнение

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

    PS: Мы решили продолжить серию детализированных уроков по инструментам Photoshop. Встречайте — первая часть обзора Selection Tool

    Творчество фанатов Pen Tool:

    По материалам статьи psd tuts

    

    Источник: http://www.dejurka.ru/graphics/pen-tool-tutorial/

    Инструмент «Перо» в Photoshop: особенности работы

    Работа с пером

    На панели инструментов многие встречали инструмент «Перо», но не все пользуются этой функцией, незнакомы с её возможностью. Между тем она весьма полезна для тех, кто занимается рисованием и монтажом изображений.

    Рассмотрим в нашей статье инструмент Перо в Фотошопе, как пользоваться, в каких случаях можно применять.

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

    Предлагаем вам изучить основные принципы

    Панель инструмента

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

    Режимы

    Вначале вы увидите два режима:

    1. Слой-фигура — здесь строятся слоевые векторные изображения;
    2. Контуры.

    В первом из названных режимов вы выбираете цвет и сразу можете рисовать залитые выбранной расцветкой фигуры. Нарисованный элемент появляется на отдельном слое.

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

    На слое вы увидите иконочку, наведя на которую, увидите надпись «Миниатюра векторной маски» — это означает возможность работы с векторным объектом.

    Новый слой автоматически создается при построении

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

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

    Кликнув на первую опорную точку пером, замкните контур. Затем можно проводить разные операции для формирования изображения.

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

    Режим подходит для рисования кривых

    Выделение области

    Перо используют для создания области выделения в Фотошопе.

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

    Данная функция будет полезна при дальнейшей работе с фотографиями

    Обводка кисточкой

    Любой построенный объект можно обвести кисточкой. Создайте контур пером, нажмите внутри правой кнопкой, в появившемся меню выбирайте функцию «Выполнить обводку».

    В новом появившемся меню даётся выбор, чем именно производить обводку: карандашом, кистью, ластиком, осветлителем или другим способом. Если, допустим, выбрать кисть, то обводка будет ею выполнена по установленным для кисти параметрам (цвет, толщина).

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

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

    Фотошоп как всегда радует своей вариативностью

    Заливка

    После того как контуром обведёте изображение, можно выбрать функцию «Выполнить заливку». Объект будет залит цветом, установленным для переднего плана, если вы выберете в появившемся окошке «Основной цвет». Можно выбрать определённый узор для заливки, проставить режим наложения, уровень прозрачности, радиус растушёвки, сглаживание.

    Трансформирование

    Функция «Свободное трансформирование» образует квадрат для работы с фигурой. Меняя его положение, можно разворачивать фигуру, как вам требуется.

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

    Свободное перо

    Этот инструмент позволяет создавать в Фотошопе различные кривые для векторного рисунка. В отличие от предыдущего режима свободное перо позволяет водить по листу им и воздавать самые разные изображения без использования якорных точек. Нарисованную фигуру в Фотошопе можно также залить цветом, создать обводку, выделить либо использовать функцию «Свободное трансформирование».

    В режиме «Свободное перо» можно настроить также некоторые параметры. Параметр «Погрешность» при установленных 2-3 пикселях создаёт контур несглаженный, неплавный, при 10 пикселях тот становится плавным.

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

    Включаем дополнительные опции

    Редактирование контура

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

    Можно удалить ненужную опорную точку, мешающую созданию правильного контура, с помощью специального инструмента в окне Пера.

    Угол

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

    Создание определённых фигур

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

    Есть также функция «Произвольная фигура». В раскрывающемся списке вы найдёте множество различных изображений.

    Стили изображений

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

    Можно добавить эффекты

    Векторная маска

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

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

    Если раньше вы не знали, как пользоваться пером в Фотошопе, познакомьтесь с его параметрами и проверьте их на практике.

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

    Источник: https://nastroyvse.ru/programs/review/primenenie-instrumenta-pero-v-photoshop.html

    Учимся работать с Pen Tool

    Работа с пером

    Доброго времени суток, друзья. Сегодня я расскажу вам про важный инструмент в Photoshop — Pen Tool (Перо). Этот Photoshop урок претендует на полное руководство по Pen Tool в фотошопе, поэтому, если я что-то забыл, напомните мне об этом в х.

    Инструмент Pen Tool представлен в панели инструментов в виде иконки пера — . Pen Tool имеет 2 режима работы: Shape Layer (Форма) и Paths (Путь).

    Как можно догадаться из названия, в режиме Shape Layer перо будет создавать форму на новом слое:

    А Paths будет создавать путь:

    Думаю, вы поняли разницу.

    Сначала мы рассмотрим режим Paths

    Работаем с Pen Tool в фотошопе: Paths (Пути)

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

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

    Чтобы передвинуть точку, возьмите инструмент Direct Selection Tool (A)

    Кликните им по нужной точке и двигайте её:

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

    Также существует инструмент Path Selection Tool, он отличается тем, что выбирает весь путь сразу.

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

    Давайте удалим вот эту точку:

    Для этого возьмите инструмент Delete Anchor Point Tool и кликните им по точке, и она будет удалена:

    По такому же принципу работает Add Anchor Point Tool (Добавление точки) — выберите его и кликните по любому месту на пути, появится новая точка.

    Теперь рассмотрим Convert Point Tool, этот инструмент позволяет изменять угол путей. Выберите его, наведите курсор на точку, и, удерживая левую кнопку мыши, двигайте её в сторону:

    Удерживая Ctrl можно перемешать точку, а если вы нажмёте на один из концов касательной, то сможете «сломать» угол:

    Для удаления пути нажмите по нему правой кнопкой мыши и выберите Delete.

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

    Учимся работать с Pen Tool: Shape Layer (Форма)

    Для этого режима работы с Pen Tool справедливо всё тоже самое, что и для путей. Разница в том, что всё, находящееся внутри периметра точек автоматически становится формой. Эту особенность можно использовать для создания уникальных иконок, форм и много другого. Но, конечно, чаще всё-таки используется режим Paths.

    Для наглядности, вот такое сердце рисуется с помощью Pen Tool в режиме Shape Layer за 2 минуты:

    Форму можно сохранить (если вы собираетесь использовать её не один раз). Для этого возьмите инструмент Path Selection Tool (A) (или Direct Selection Tool), и нажмите на форму правой кнопкой мыши, в появившемся меню нам понадобится Define Custom Shape:

    Дайте форме имя, и нажмите ОК. Теперь новая форма сохранена, и вы всегда сможете использовать её, выбрав инструмент Custom Shape (U):

    Этим же способом вы можете сохранять формы, созданные в режиме Paths.

    Скажу несколько слов о параметрах пересечения Pen Tool

    Их всего 5:

    Create new shape layer (создать новую форму) — Если выбран этот параметр, Pen Tool будет создавать новую форму (при этом она будет создана на новом слое).

    Add to shape area (Добавить к форме) — Работает с формой на текущем слое:

    Subtract from shape Area (Вычесть из формы) — Вычитает одну форму из другой:

    Intersect shape area (Пересечение форм) — Активным становится только участок на пересечении форм:

    Exclude Overlapping shape area (Исключение пересекающихся форм) — Удаляет места пересечений форм:

    Выделение с помощью Pen Tool

    Иногда Pen Tool удобно использовать для выделения объектов. Давайте рассмотрим эту возможность на конкретном примере. Возьмите любое изображение, я нашёл у себя такое:

    Итак, допустим нужно сделать выделение памятника. Для этого активируйте Pen Tool в режиме Paths, и начинайте строить форму:

    Не забудьте замкнуть выделение (привести последнюю точку в начало).

    Теперь дорабатываем углы с помощью Convert Point Tool и удаляем лишние точки, словом, подгоняем форму:

    Берем Selection Tool (A) и нажимаем правой кнопкой мыши по пути, находим Make Selection и нажимаем:

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

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

    Учимся работать с Pen Tool: Штрих и заливка

    Pen Tool позволяет заштриховывать и заливать пути.

    Штриховка представляет собой применение какого-либо инструмента (это может быть кисть, карандаш, ластик, инструменты затемнения и осветления и т.д.) по пути. Для того, чтобы заштриховать путь, надо кликнуть по нему правой кнопкой мыши и выбрать Stroke Path:

    Появится окно, в котором можно выбрать инструмент для штриха:

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

    Этот метод применяется, например, в уроке красивый фон в photoshop.

    Заливка пути аналогична инструменту Paint Bucket Tool (заливка). Всё пространство между точками заполняется выбранным цветом. Чтобы выполнить заливку, достаточно кликнуть по пути правой кнопкой мыши и выбрать Fill Path (Заполнить путь). При этом заливка выполняется на текущем слое.

    Что ещё можно делать с Pen Tool

    Photoshop позволяет также писать текст вдоль созданного пути. Для этого нужно создать путь:

    Взять инструмент текста (Type Tool), подвести им на то место, с которого текст должен начинаться (при этом курсор изменится) и кликнуть мышью. Всё, теперь текст будет следовать точно по проложенному пути:

    Существует ещё инструмент Freedom Pen Tool (свободное перо):

    Он позволяет создавать путь подобно тому, как вы рисуете кистью

    Однако получаемый результат далёк от идеала, поэтому данный инструмент практически не используется.

    Посмотреть все созданные пути мы всегда можете во вкладке Paths панели слоёв:

    На этом photoshop урок подошёл к концу. Надеюсь, вы узнали много нового о том, как работать с Pen Tool в фотошопе, и этот инструмент теперь станет вашим другом

    Источник: http://psforce.ru/informaciya/uchimsya-rabotat-s-pen-tool.html

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

    Работа с пером

    В 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 на опорную точку: удаление точки
    • Наведение 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.

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

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

    Упражнения

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

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

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

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

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

    Статья по мотивам vector.tutsplus и veerle.duoh

    Naikom » Дизайн » Уроки Illustrator

    Источник: https://naikom.ru/blog/archives/5855

    Инструмент “Перо” в Фотошопе: как пользоваться

    Работа с пером

    Инструмент “Перо” является пожалуй незаменимым помощником для тех, кто работает в Фотошопе. Благодаря нему производительность специалиста повышается, а над мельчайшими деталями дизайна можно здорово “поколдовать”. В этой статье мы рассмотрим множество примеров использования Пера в Photoshop, которые вы затем сможете успешно применять в своих проектах.

    Строим контур с помощью Пера

    Для начала давайте посмотрим, как можно создать контур, взяв перо, и для чего это нужно. Следуем инструкциям на скриншотах:

    Для того, чтобы получить контур, нам нужно поставить опорные точки и направляющие (лучи – так короче). Направляющие помогут нам деформировать требуемые участки, расположенные между 2-мя опорными точками.

    1. Берем перо и устанавливаем опорную точку #1.
    2. Пришло время поставить 2-ую опорную точку. После того как выбрали место для второй точки и кликнули мышкой, не отпускайте ее. Тянем направляющую (луч) в нужном вам направлении. Все зависит от того, в какую сторону вы хотите изгибать участок.
      Следующий луч можно не трогать и изгиб будет установлен по умолчанию.
      Заранее, перед тем, как вы поставите точку, можно  посмотреть, как именно контур будет изгибаться. Для этого нужно в вернем меню установить галочку в графе “Просмотр”. См. скриншот ниже:
      Если вы не хотите получить изгиб в следующем отрезке, нужно зажать клавишу ALT и потянуть направляющую (луч) в обратную сторону, к точке #2. После этого лучше пропадет, если вы все сделали правильно.Есть и другой метод получит изгиб контура: устанавливаем 2 точки, без предустановленного изгиба. После устанавливаем еще одну точку между ними. Зажав CTRL просто тянем в желаемую сторону, создавая тем самым изгиб.
    3. Для работы по перемещению точки в контуре, всегда нужно держать зажатой клавишу CTRL. В случае с направляющими (лучами) нужно зажимать ALT.
    4. Замыкается контур лишь в момент установки финальной точки поверх самой первой опорной точки.

    Заливаем контур

    1. Для заливки полученного контура кликаем правой кнопкой мыши по холсту и выбираем пункт «Выполнить заливку контура».
    2. В окне настроек можно выбрать тип заливки (цвет или узор), режим наложения, непрозрачность, настроить растушевку. После завершения настроек нужно нажать ОК.

    Обводим контур

    Сперва нужно выбрать и настроить нужный инструмент.

    Мы сделаем обводку с помощью Кисти.

    1. Берем «Кисть».
    2. Устанавливаем нужный размер, жесткость и форму кисти (этот урок мы проводим в Photoshop CC, поэтому у вас могут быть отличия, но незначительные).
    3. Кликаем по палитре и устанавливаем нужный вам цвет.
    4. Возвращаемся к инструменту «Перо». Затем правой кнопкой мыши щелкаем по контуру. В появившемся меню нужно выбрать «Выполнить обводку контура».
    5. Здесь устанавливаем в качестве инструмента “Кисть” и кликаем “ОК”.

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

    Создаем кисть

    Отдельный урок по этой теме: Как создать кисть в Photoshop

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

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

    1. Переходим в верхнее меню, кликаем “Редактирование” и выбираем “Определить кисть”.
    2. Вписываем “Имя” создаваемой кисти и кликаем “ОК”.

    Теперь, когда все готово, вы в любой момент сможете выбрать эту кисть в верхнем меню настроек, которая появляется при выборе инструмента “Кисть”.

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

    Создаем фигуру

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

    1. Нажимаем правой кнопкой мыши ПКМ по контуру и кликаем на «Определить произвольную фигуру», как показано на скриншоте ниже:
    2. Вписываем в поле название будущей фигуры и кликаем “ОК”.
    3. Чтобы воспользоваться вновь созданной фигурой, необходимо найти в панели инструментов «Произвольная фигура».
    4. После, в верхнем меню из списка доступных фигур выбираем нашу.

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

    Источник: https://MyPhotoshop.ru/instrument-pero-kak-polzovatsya/

    Все лайфхаки
    Добавить комментарий

    ;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!: