Как работать с пером в фотошопе: Рисование с помощью группы инструментов «Перо» в Photoshop — Независимое театральное объединение "Зрительские симпатии"

Разное

Содержание

Рисование с помощью группы инструментов «Перо» в Photoshop

Руководство пользователя Отмена

Поиск

Последнее обновление Dec 03, 2020 06:37:18 PM GMT

Руководство пользователя Photoshop
Введение в Photoshop
1. Мечтайте об этом. Сделайте это.
2. Новые возможности Photoshop
3. Редактирование первой фотографии
4. Создание документов
5. Photoshop | Часто задаваемые вопросы
6. Системные требования Photoshop
7. Перенос наборов настроек, операций и настроек
8. Знакомство с Photoshop
Photoshop и другие продукты и услуги Adobe
1. Работа с графическим объектом Illustrator в Photoshop
2. Работа с файлами Photoshop в InDesign
3. Материалы Substance 3D для Photoshop
4. Photoshop и Adobe Stock
5. Работа со встроенным расширением Capture в Photoshop
6. Библиотеки Creative Cloud Libraries
7. Библиотеки Creative Cloud в Photoshop
8. Работа в Photoshop с использованием Touch Bar
9. Сетка и направляющие
10. Создание операций
11. Отмена и история операций
Photoshop на iPad
1. Photoshop на iPad | Общие вопросы
2. Знакомство с рабочей средой
3. Системные требования | Photoshop на iPad
4. Создание, открытие и экспорт документов
5. Добавление фотографий
6. Работа со слоями
7. Рисование и раскрашивание кистями
8. Выделение участков и добавление масок
9. Ретуширование композиций
10. Работа с корректирующими слоями
11. Настройка тональности композиции с помощью слоя «Кривые»
12. Применение операций трансформирования
13. Обрезка и поворот композиций
14. Поворот, панорамирование, масштабирование и восстановление холста
15. Работа с текстовыми слоями
16. Работа с Photoshop и Lightroom
17. Получение отсутствующих шрифтов в Photoshop на iPad
18. Японский текст в Photoshop на iPad
19. Управление параметрами приложения
20. Сенсорные ярлыки и жесты
21. Комбинации клавиш
22. Изменение размера изображения
23. Прямая трансляция творческого процесса в Photoshop на iPad
24. Исправление недостатков с помощью восстанавливающей кисти
25. Создание кистей в Capture и их использование в Photoshop
26. Работа с файлами Camera Raw
27. Создание и использование смарт-объектов
28. Коррекция экспозиции изображений с помощью инструментов «Осветлитель» и «Затемнитель»

Бета-версия веб-приложения Photoshop
1. Часто задаваемые вопросы | Бета-версия веб-приложения Photoshop
2. Общие сведения о рабочей среде
3. Системные требования | Бета-версия веб-приложения Photoshop
4. Комбинации клавиш | Бета-версия веб-приложения Photoshop
5. Поддерживаемые форматы файлов | Бета-вервия веб-приложения Photoshop
6. Открытие облачных документов и работа с ними
7. Совместная работа с заинтересованными сторонами
8. Ограниченные возможности редактирования облачных документов
Облачные документы
1. Облачные документы Photoshop | Часто задаваемые вопросы
2. Облачные документы Photoshop | Вопросы о рабочем процессе
3. Работа с облачными документами и управление ими в Photoshop
4. Обновление облачного хранилища для Photoshop
5. Не удается создать или сохранить облачный документ
6. Устранение ошибок с облачными документами Photoshop
7. Сбор журналов синхронизации облачных документов
8. Общий доступ к облачным документам и их редактирование
9. Общий доступ к файлам и комментирование в приложении
Рабочая среда
1. Основные сведения о рабочей среде
2. Более быстрое обучение благодаря панели «Новые возможности» в Photoshop
3. Создание документов
4. Работа в Photoshop с использованием Touch Bar
5. Галерея инструментов
6. Установки производительности
7. Использование инструментов
8. Сенсорные жесты
9. Возможности работы с сенсорными жестами и настраиваемые рабочие среды
10. Обзорные версии технологии
11. Метаданные и комментарии
12. Комбинации клавиш по умолчанию
13. Возможности работы с сенсорными жестами и настраиваемые рабочие среды
14. Помещение изображений Photoshop в другие приложения
15. Установки
16. Комбинации клавиш по умолчанию
17. Линейки
18. Отображение или скрытие непечатных вспомогательных элементов
19. Указание колонок для изображения
20. Отмена и история операций
21. Панели и меню
22. Помещение файлов
23. Позиционирование элементов с привязкой
24. Позиционирование с помощью инструмента «Линейка»
25. Наборы настроек
26. Настройка комбинаций клавиш
27. Сетка и направляющие
Разработка содержимого для Интернета, экрана и приложений
1. Photoshop для дизайна
2. Монтажные области
3. Просмотр на устройстве
4. Копирование CSS из слоев
5. Разделение веб-страниц на фрагменты
6. Параметры HTML для фрагментов
7. Изменение компоновки фрагментов
8. Работа с веб-графикой
9. Создание веб-фотогалерей
Основные сведения об изображениях и работе с цветом
1. Изменение размера изображений
2. Работа с растровыми и векторными изображениями
3. Размер и разрешение изображения
4. Импорт изображений из камер и сканеров
5. Создание, открытие и импорт изображений
6. Просмотр изображений
7. Ошибка «Недопустимый маркер JPEG» | Открытие изображений
8. Просмотр нескольких изображений
9. Настройка палитр цветов и образцов цвета
10. HDR-изображения
11. Подбор цветов на изображении
12. Преобразование между цветовыми режимами
13. Цветовые режимы
14. Стирание фрагментов изображения
15. Режимы наложения
16. Выбор цветов
17. Внесение изменений в таблицы индексированных цветов
18. Информация об изображениях
19. Фильтры искажения недоступны
20. Сведения о цвете
21. Цветные и монохромные коррекции с помощью каналов
22. Выбор цветов на панелях «Цвет» и «Образцы»
23. Образец
24. Цветовой режим (или режим изображения)
25. Цветовой оттенок
26. Добавление изменения цветового режима в операцию
27. Добавление образцов из CSS- и SVG-файлов HTML
28. Битовая глубина и установки
Слои
1. Основные сведения о слоях
2. Обратимое редактирование
3. Создание слоев и групп и управление ими
4. Выделение, группировка и связывание слоев
5. Помещение изображений в кадры
6. Непрозрачность и наложение слоев
7. Слои-маски
8. Применение смарт-фильтров
9. Композиции слоев
10. Перемещение, упорядочение и блокировка слоев
11. Маскирование слоев при помощи векторных масок
12. Управление слоями и группами
13. Эффекты и стили слоев
14. Редактирование слоев-масок
15. Извлечение ресурсов
16. Отображение слоев с помощью обтравочных масок
17. Формирование графических ресурсов из слоев
18. Работа со смарт-объектами
19. Режимы наложения
20. Объединение нескольких фрагментов в одно изображение
21. Объединение изображений с помощью функции «Автоналожение слоев»
22. Выравнивание и распределение слоев
23. Копирование CSS из слоев
24. Загрузка выделенных областей на основе границ слоя или слоя-маски
25. Просвечивание для отображения содержимого других слоев
26. Слой
27. Сведение
28. Совмещенные изображения
29. Фон
Выделения
1. Рабочая среда «Выделение и маска»
2. Быстрое выделение областей
3. Начало работы с выделениями
4. Выделение при помощи группы инструментов «Область»
5. Выделение при помощи инструментов группы «Лассо»
6. Выбор цветового диапазона в изображении
7. Настройка выделения пикселей
8. Преобразование между контурами и границами выделенной области
9. Основы работы с каналами
10. Перемещение, копирование и удаление выделенных пикселей
11. Создание временной быстрой маски
12. Сохранение выделенных областей и масок альфа-каналов
13. Выбор областей фокусировки в изображении
14. Дублирование, разделение и объединение каналов
15. Вычисление каналов
16. Выделение
17. Ограничительная рамка
Коррекции изображений
1. Деформация перспективы
2. Уменьшение размытия в результате движения камеры
3. Примеры использования инструмента «Восстанавливающая кисть»
4. Экспорт таблиц поиска цвета
5. Корректировка резкости и размытия изображения
6. Общие сведения о цветокоррекции
7. Применение настройки «Яркость/Контрастность»
8. Коррекция деталей в тенях и на светлых участках
9. Корректировка «Уровни»
10. Коррекция тона и насыщенности
11. Коррекция сочности
12. Настройка насыщенности цвета в областях изображения
13. Быстрая коррекция тона
14. Применение специальных цветовых эффектов к изображениям
15. Улучшение изображения при помощи корректировки цветового баланса
16. HDR-изображения
17. Просмотр гистограмм и значений пикселей
18. Подбор цветов на изображении
19. Кадрирование и выпрямление фотографий
20. Преобразование цветного изображения в черно-белое
21. Корректирующие слои и слои-заливки
22. Корректировка «Кривые»
23. Режимы наложения
24. Целевая подготовка изображений для печатной машины
25. Коррекция цвета и тона с помощью пипеток «Уровни» и «Кривые»
26. Коррекция экспозиции и тонирования HDR
27. Фильтр
28. Размытие
29. Осветление или затемнение областей изображения
30. Избирательная корректировка цвета
31. Замена цветов объекта
Adobe Camera Raw
1. Системные требования Camera Raw
2. Новые возможности Camera Raw
3. Введение в Camera Raw
4. Создание панорам
5. Поддерживаемые объективы
6. Виньетирование, зернистость и удаление дымки в Camera Raw
7. Комбинации клавиш по умолчанию
8. Автоматическая коррекция перспективы в Camera Raw
9. Обратимое редактирование в Camera Raw
10. Инструмент «Радиальный фильтр» в Camera Raw
11. Управление настройками Camera Raw
12. Обработка, сохранение и открытие изображений в Camera Raw
13. Совершенствование изображений с улучшенным инструментом «Удаление точек» в Camera Raw
14. Поворот, обрезка и изменение изображений
15. Корректировка цветопередачи в Camera Raw
16. Краткий обзор функций | Adobe Camera Raw | Выпуски за 2018 г.
17. Обзор новых возможностей
18. Версии обработки в Camera Raw
19. Внесение локальных корректировок в Camera Raw
Исправление и восстановление изображений
1. Удаление объектов с фотографий с помощью функции «Заливка с учетом содержимого»
2. Заплатка и перемещение с учетом содержимого
3. Ретуширование и исправление фотографий
4. Коррекция искажений изображения и шума
5. Основные этапы устранения неполадок для решения большинства проблем
Преобразование изображений
1. Трансформирование объектов
2. Настройка кадрирования, поворотов и холста
3. Кадрирование и выпрямление фотографий
4. Создание и редактирование панорамных изображений
5. Деформация изображений, фигур и контуров
6. Перспектива
7. Использование фильтра «Пластика»
8. Масштаб с учетом содержимого
9. Трансформирование изображений, фигур и контуров
10. Деформация
11. Трансформирование
12. Панорама
Рисование и живопись
1. Рисование симметричных орнаментов
2. Варианты рисования прямоугольника и изменения обводки
3. Сведения о рисовании
4. Рисование и редактирование фигур
5. Инструменты рисования красками
6. Создание и изменение кистей
7. Режимы наложения
8. Добавление цвета в контуры
9. Редактирование контуров
10. Рисование с помощью микс-кисти
11. Наборы настроек кистей
12. Градиенты
13. Градиентная интерполяция
14. Заливка и обводка выделенных областей, слоев и контуров
15. Рисование с помощью группы инструментов «Перо»
16. Создание узоров
17. Создание узора с помощью фильтра «Конструктор узоров»
18. Управление контурами
19. Управление библиотеками узоров и наборами настроек
20. Рисование при помощи графического планшета
21. Создание текстурированных кистей
22. Добавление динамических элементов к кистям
23. Градиент
24. Рисование стилизованных обводок с помощью архивной художественной кисти
25. Рисование с помощью узора
26. Синхронизация наборов настроек на нескольких устройствах
Текст
1. Добавление и редактирование текста
2. Универсальный текстовый редактор
3. Работа со шрифтами OpenType SVG
4. Форматирование символов
5. Форматирование абзацев
6. Создание эффектов текста
7. Редактирование текста
8. Интерлиньяж и межбуквенные интервалы
9. Шрифт для арабского языка и иврита
10. Шрифты
11. Поиск и устранение неполадок, связанных со шрифтами
12. Азиатский текст
13. Создание текста
14. Ошибка Text Engine при использовании инструмента «Текст» в Photoshop | Windows 8
Видео и анимация
1. Видеомонтаж в Photoshop
2. Редактирование слоев видео и анимации
3. Общие сведения о видео и анимации
4. Предварительный просмотр видео и анимации
5. Рисование кадров в видеослоях
6. Импорт видеофайлов и последовательностей изображений
7. Создание анимации кадров
8. 3D-анимация Creative Cloud (предварительная версия)
9. Создание анимаций по временной шкале
10. Создание изображений для видео
Фильтры и эффекты
1. Использование фильтра «Пластика»
2. Использование эффектов группы «Галерея размытия»
3. Основные сведения о фильтрах
4. Справочник по эффектам фильтров
5. Добавление эффектов освещения
6. Использование фильтра «Адаптивный широкий угол»
7. Фильтр «Масляная краска»
8. Эффекты и стили слоев
9. Применение определенных фильтров
10. Растушевка областей изображения
Сохранение и экспорт
1. Сохранение файлов в Photoshop
2. Экспорт файлов в Photoshop
3. Поддерживаемые форматы файлов
4. Сохранение файлов в других графических форматах
5. Перемещение проектов между Photoshop и Illustrator
6. Сохранение и экспорт видео и анимации
7. Сохранение файлов PDF
8. Защита авторских прав Digimarc
Печать
1. Печать 3D-объектов
2. Печать через Photoshop
3. Печать и управление цветом
4. Контрольные листы и PDF-презентации
5. Печать фотографий в новом макете раскладки изображений
6. Печать плашечных цветов
7. Дуплексы
8. Печать изображений на печатной машине
9. Улучшение цветной печати в Photoshop
10. Устранение неполадок при печати | Photoshop
Автоматизация
1. Создание операций
2. Создание изображений, управляемых данными
3. Сценарии
4. Обработка пакета файлов
5. Воспроизведение операций и управление ими
6. Добавление условных операций
7. Сведения об операциях и панели «Операции»
8. Запись инструментов в операциях
9. Добавление изменения цветового режима в операцию
10. Набор средств разработки пользовательского интерфейса Photoshop для внешних модулей и сценариев
Управление цветом
1. Основные сведения об управлении цветом
2. Обеспечение точной цветопередачи
3. Настройки цвета
4. Работа с цветовыми профилями
5. Управление цветом документов для просмотра в Интернете
6. Управление цветом при печати документов
7. Управление цветом импортированных изображений
8. Выполнение цветопробы
Подлинность контента
1. Подробнее об учетных данных для содержимого
2. Идентичность и происхождение токенов NFT
3. Подключение учетных записей для творческой атрибуции
3D-объекты и технические изображения
1. 3D в Photoshop | Распространенные вопросы об упраздненных 3D-функциях
2. 3D-анимация Creative Cloud (предварительная версия)
3. Печать 3D-объектов
4. 3D-рисование
5. Усовершенствование панели «3D» | Photoshop
6. Основные понятия и инструменты для работы с 3D-графикой
7. Рендеринг и сохранение 3D-объектов
8. Создание 3D-объектов и анимаций
9. Стеки изображений
10. Процесс работы с 3D-графикой
11. Измерения
12. Файлы формата DICOM
13. Photoshop и MATLAB
14. Подсчет объектов на изображении
15. Объединение и преобразование 3D-объектов
16. Редактирование 3D-текстур
17. Коррекция экспозиции и тонирования HDR
18. Настройки панели «3D»

В Photoshop предоставляется несколько инструментов «Перо», которые подойдут для ваших вариантов использования и стиля:

Инструмент «Перо кривизны» позволяет интуитивно рисовать кривые и прямые отрезки.
Стандартный инструмент «Перо» позволяет рисовать прямые отрезки и кривые с большой точностью.
Инструмент «Свободное перо» позволяет рисовать контуры так, как вы выполняете рисунок карандашом по бумаге.
Параметры инструмента «Магнитное перо» позволяют нарисовать контур, который примыкает к краям указанной области изображения.
Инструмент «Трассировка с учетом содержимого» позволяет автоматизировать процесс трассировки изображений. («Просмотры технологии»)

Используйте сочетание клавиш Shift+P для циклического просмотра инструментов в группе «Перо».

Циклический просмотр инструментов «Перо» с помощью сочетания клавиш Shift+P

Инструменты группы «Перо» можно использовать в сочетании с инструментами группы «Фигура» для создания сложных фигур. Дополнительные сведения о режимах, которые могут использоваться для рисования инструментами группы «Перо», см. в разделе Режимы рисования.

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

Инструмент «Трассировка с учетом содержимого» представлен как функция «Просмотры технологии» в выпуске Photoshop за октябрь 2020 г. Он позволяет создавать векторные контуры и выделенные области путем наведения курсора на края изображения и нажатия кнопки мыши.

Включите инструмент «Трассировка с учетом содержимого» в разделе Установки > Просмотры технологии, затем перезапустите Photoshop.

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

В группе инструментов «Перо» выберите Инструмент «Трассировка с учетом содержимого».
Инструмент «Трассировка с учетом содержимого»
Наведите курсор на край объекта, чтобы выделить его.
Выделение края изображения
Различные уровни масштабирования будут влиять на то, как Photoshop видит изображение и, следовательно, как инструмент определяет края.
Например, если вы работаете с изображением с низким разрешением, масштабирование может помочь Photoshop определить край. Увеличение масштаба (до 100 % или более) приведет к тому, что инструмент для определения краев будет использовать разрешение в пикселях по умолчанию 1-1.
Щелкните выделенную часть, чтобы создать контур.
Щелкните выделенные края, чтобы создать контур
Чтобы добавить контур, наведите указатель мыши на смежный край, чтобы выделить новую часть, и, удерживая клавишу Shift, щелкните выделенную часть для расширения контура. Появившаяся розовая линия указывает, что к существующему контуру добавляется новая часть.
Удерживайте клавишу Shift и щелкните, чтобы расширить контур
Чтобы удалить область из контура, удерживайте клавишу Alt (Windows) или Option (Mac) и щелкните область. Также можно щелкнуть и перетащить в нужном направлении для удаления больших частей.
Чтобы удалить часть контура, удерживайте клавишу Alt или Option и щелкните

Детализация

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

Ползунок «Детализация»

Трассировка

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

Режимы трассировки

Чтобы получить необходимые края, используйте инструмент трассировки вместе с ползунком «Детализация».

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

Выберите «Перо кривизны» в группе инструментов «Перо».
Для создания первой опорной точки щелкните или нажмите в любом месте документа.
Щелкните или нажмите еще раз, чтобы определить вторую опорную точку и завершить первый отрезок контура. Щелкните один раз (по умолчанию), если необходимо, чтобы следующий отрезок контура был кривым. Щелкните дважды, если следующим необходимо нарисовать прямой отрезок.
Первый отрезок контура всегда изначально отображается на холсте в виде прямой линии. В зависимости от того, какой отрезок вы нарисуете следующим (прямой или кривой), Photoshop позднее отрегулирует его вид. Если следующий отрезок нарисован кривым, Photoshop гладко искривляет первый отрезок в соответствии со следующим отрезком.
(Криволинейный контур) С помощью мыши или на сенсорном устройстве перетащите указатель, чтобы нарисовать следующий отрезок контура. Пока кнопка мыши нажата, оптимизируйте кривизну отрезка. Предыдущий отрезок автоматически изменяется для обеспечения гладкости кривой.
Оптимизируйте кривизну отрезка, пока нажата кнопка мыши.
(Криволинейный контур) Отпустите кнопку мыши, чтобы разместить опорную точку и завершить второй отрезок.
Нарисуйте дополнительные отрезки и завершите контур.
После завершения рисования нажмите клавишу Esc.

Советы по работе с инструментом «Перо кривизны»

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

Рисование отрезков прямой линии

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

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

Выберите инструмент «Перо».
Поместите инструмент «Перо» в то место, откуда должен начинаться прямой отрезок, затем щелкните, чтобы создать первую опорную точку (не перетаскивайте указатель).
Первый отрезок отобразится только тогда, когда вы щелкнете вторую опорную точку (для просмотра сегментов контура выберите параметр «Резиновая лента» в Photoshop). Кроме того, если отображаются управляющие линии, это означает, что вы случайно перетащили инструмент «Перо». В этом случае выберите «Редактирование» > «Отмена» и щелкните еще раз.
Щелкните еще раз в том месте, где должен находиться конец отрезка (щелкните, удерживая клавишу «Shift», чтобы ограничить наклон сегмента углом, кратным 45°).
Щелкните необходимое число раз, чтобы создать опорные точки для дополнительных прямых отрезков.
Последняя добавленная опорная точка будет выглядеть как закрашенный квадрат, что означает ее выделение. При добавлении новых опорных точек выделение предыдущих точек отменяется, поэтому соответствующие значки будут пустыми.
Завершите создание контура. Для этого выполните одно из следующих действий.
- Чтобы замкнуть контур, поместите инструмент «Перо» на первую (пустую) опорную точку. При правильном размещении рядом с указателем инструмента «Перо» появится кружок. Чтобы закрыть контур, щелкните или перетащите указатель.
- Чтобы оставить контур открытым, щелкните, удерживая клавишу Ctrl (Windows) или Command (Mac OS), в любом месте на достаточном расстоянии от любых объектов.
Чтобы оставить контур открытым, также можно выбрать другой инструмент.

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

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

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

Выберите инструмент «Перо».
Поместите инструмент «Перо» в том месте, где должна начинаться кривая, и удерживайте кнопку мыши.
Появится первая опорная точка, и указатель инструмента «Перо» изменится на стрелку (в Photoshop указатель изменится только после того, как вы начнете перетаскивание).
Чтобы задать крутизну создаваемого сегмента кривой, перетащите указатель инструмента, затем отпустите кнопку мыши.
Как правило, управляющую линию следует растягивать примерно на одну треть от расстояния до следующей опорной точки, которую вы собираетесь нарисовать (позднее можно скорректировать управляющую линию с одной или с обеих сторон).
Чтобы ограничить движение инструмента углом, кратным 45°, удерживайте клавишу «Shift».
Рисование первой точки кривой
A. Расположение инструмента «Перо» B. Начало перетаскивания (с нажатой кнопкой мыши) C. Растягивание управляющих линий путем перетаскивания
Поместите инструмент «Перо» в том месте, где должен заканчиваться сегмент кривой, и выполните следующие действия.
Рисование второй точки кривой Рисование S-образной кривой
Чтобы резко изменить направление кривой, отпустите кнопку мыши и, удерживая клавишу «Alt» (Windows) или «Option» (Mac OS), перетащите управляющую точку в направлении кривой. Отпустите клавишу Alt (Windows) или Option (Mac OS) и кнопку мыши, переместите указатель в то место, где должен заканчиваться сегмент, затем перетащите его в противоположном направлении.
Для того чтобы создать несколько сглаженных кривых, продолжайте перетаскивать инструмент «Перо» в другие места. Обратите внимание на то, что опорные точки размещаются в начале и в конце каждой кривой, а не на ее вершине.
Для того чтобы развернуть управляющие линии опорной точки, перетащите указатель, удерживая клавишу «Alt» (Windows) или «Option» (Mac OS).
Завершите создание контура. Для этого выполните одно из следующих действий.
- Чтобы замкнуть контур, поместите инструмент «Перо» на первую (пустую) опорную точку. При правильном размещении рядом с указателем инструмента «Перо» появится кружок. Чтобы закрыть контур, щелкните или перетащите указатель.
- Чтобы оставить контур открытым, щелкните, удерживая клавишу Ctrl (Windows) или Command (Mac OS), в любом месте на достаточном расстоянии от всех объектов или выберите другой инструмент.

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

Для того чтобы создать отрезок прямой, щелкните инструментом «Перо» угловые точки в двух местах.
Поместите инструмент «Перо» над выбранной конечной точкой. Рядом с инструментом «Перо» появляется косая черта. Для того чтобы задать крутизну сегмента кривой, который будет создан далее, щелкните опорную точку и перетащите появившуюся управляющую линию.
Рисование сегмента прямой, за которым следует сегмент кривой (часть 1)
A. Завершенный сегмент прямой B. Размещение инструмента «Перо» над конечной точкой C. Перемещение управляющей точки
Поместите перо в том месте, где должна быть следующая опорная точка, затем, чтобы завершить кривую, щелкните (и при необходимости перетащите) новую опорную точку.
Рисование сегмента прямой, за которым следует сегмент кривой (часть 2)
A. Расположение инструмента «Перо» B. Перетаскивание управляющей линии C. Новый отрезок кривой завершен

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

Выбрав инструмент «Перо», перетащите указатель мыши, чтобы создать первую гладкую узловую точку сегмента кривой, и отпустите кнопку мыши.
Переместите инструмент «Перо» в точку, где сегмент кривой должен закончиться, перетащите указатель мыши, чтобы завершить кривую, и отпустите кнопку мыши.
Выберите в палитре инструментов инструмент «Угол» и щелкните выделенную конечную точку, чтобы преобразовать ее из гладкой узловой точки в точку преломления.
Нажмите клавишу «Alt» (Windows) или «Option» (Mac OS), чтобы временно сменить инструмент «Перо» на инструмент «Угол».
Выберите в палитре инструментов инструмент «Перо», установите его в точке, где должен закончиться прямой сегмент, и щелкните мышью, чтобы завершить прямой сегмент.

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

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

Рисование двух кривых

A. Перетаскивание новой точки сглаживания B. Разделение управляющих линий при перетаскивании с помощью клавиши «Alt» или «Option» и изгиб управляющей линии вверх C. Результат после перемещения и перетаскивания в третий раз

Завершение рисования контура

Завершите контур одним из следующих способов.
- Для того чтобы закрыть контур, поместите инструмент «Перо» на первую (пустую) опорную точку. При правильном размещении рядом с указателем инструмента «Перо» появится кружок. Чтобы закрыть контур, щелкните или перетащите указатель.
- Чтобы оставить контур открытым, щелкните, удерживая клавишу Ctrl (Windows) или Command (Mac OS), в любом месте на достаточном расстоянии от всех объектов.

Настройки на панели параметров

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

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

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

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

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

Чтобы превратить инструмент «Свободное перо» в инструмент «Магнитное перо» , установите флажок «Магнитное» на панели параметров или нажмите стрелку вниз рядом с кнопками фигур на панели параметров и установите флажок «Магнитное». После этого задайте перечисленные далее параметры.
- Ширина: введите число пикселей от 1 до 256. Магнитное перо обнаруживает края только в пределах указанного расстояния от курсора.
- Для параметра «Контрастность» введите значение в процентах от 1 до 100, указывающее контраст между пикселами области, наличие которого будет считаться признаком края. Для слабоконтрастных изображений используйте большее значение.
- Для параметра «Частота» введите число от 0 до 100, указывающее, как часто перо создает узловые точки. Чем выше значение, тем быстрее контур привязывается к месту.
- При работе с планшетом можно установить или снять флажок рядом с параметром «Нажим пера». При включении этого параметра чем сильнее нажим, тем меньше ширина линии.
Щелкните изображение, чтобы установить первую точку привязки.
Чтобы нарисовать сегмент от руки, переместите или перетащите курсор вдоль отслеживаемого края.
Активным останется сегмент границы, который был использован последним. При перемещении указателя активный сегмент привязывается к самому заметному краю изображения, соединяя курсор с последней точкой привязки. Периодически магнитное перо добавляет к границе точки привязки, чтобы связать предыдущие секции.
Щелкните для добавления точек привязки и продолжайте отслеживание.
Если граница не привязывается к нужному краю, щелкните однократно, чтобы добавить точку привязки вручную и не дать границе сдвинуться. Продолжайте отслеживание края и добавляйте точки привязки по мере надобности. Если допущена ошибка, нажмите клавишу «Delete» для удаления последней точки привязки.
Для динамического изменения свойств магнитного пера выполните одно из следующих действий.
- Перетаскивание курсора при нажатой клавише «Alt» (Windows) или «Option» (Mac OS) позволяет нарисовать контур от руки.
- Щелчок мыши при нажатой клавише «Alt»(Windows) или «Option» (Mac OS) позволяет рисовать прямые сегменты.
- Нажмите клавишу открывающей квадратной скобки ([) для уменьшения ширины магнитного пера на 1 пиксел или клавишу закрывающей квадратной скобки (]) для увеличения ширины пера на 1 пиксел.
Завершите контур, выполнив одно из следующих действий.
- Нажмите «Ввод» (Windows) или «Return» (Mac OS) для завершения открытого контура.
- Дважды щелкните мышью, чтобы замкнуть контур магнитным сегментом.
- Удерживая клавишу «Alt» (Windows) или «Option» (Mac OS), дважды щелкните мышью, чтобы завершить контур прямым сегментом.

Справки по другим продуктам

Сведения о рисовании
Построение фигур
Создание нового рабочего контура
Сегменты, компоненты и точки контура

Вход в учетную запись

Войти

Управление учетной записью

Как пользоваться пером в Фотошопе

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

Содержание

Строим контур с помощью Пера
Заливаем контур
Обводим контур
Создаем кисть
Создаем фигуру
Делаем обводку объекта
Удаляем контур

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Если вы в чем-то не разобрались, спросите об этом в комментариях.

Делаем обводку объекта

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

Обратите внимание лишь на 2 момента:

Когда обводите, масштабируйте изображение при помощи кнопки CTRL в сочетании с клавишей “+(плюс)”
При обводке следите за тем, чтобы контур не смешался внутрь объекта, по крайней мере не сильно.

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

Для образования выделенной области щелкаем правой кнопкой мыши по объекту и кликаем на “Выделить область”.

Появится окно настроек, в котором устанавливаем параметры по своему усмотрению.

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

Обязательно ставим галочку напротив пункта «Сглаживание» и жмем “ОК”.

Результат выделения выглядит так:

Если хотите скопировать выделенный объект, то сделать это можно с помощью комбинации CTRL+J. Таким образом мы еще и отделим объект от фона.

Удаляем контур

Если вам нужно удалить контур, то просто инструментом “Перо” нажимаем на объект правой кнопкой мыши и выбираем «Удалить контур».

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

Как пользоваться пером в Фотошопе

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

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

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

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

Режимы

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Заливка

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

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

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

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

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

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

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

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

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

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

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

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

Угол

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

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

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

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

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

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

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

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

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

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

Как использовать инструмент Photoshop Pen

Инструмент «Перо»: Быстрые ссылки

Заполнить контур
Сделать выделение
Обвести контур

Photoshop CC — любимое творческое оружие многих дизайнеров. Его инструменты «Перо» и «Кисть» — одни из самых мощных и удобных в использовании аспектов программы. В этом уроке Photoshop (откроется в новой вкладке) мы сосредоточимся на инструменте «Перо» (есть отдельная статья с советами по использованию инструмента «Кисть» в Photoshop (откроется в новой вкладке)).

Инструмент «Перо» — это простая функция выбора, которая позволяет вам закрашивать, обводить или выделять все, что вы рисуете. Это один из основных инструментов, который вам нужно освоить, прежде чем вы начнете изучать более продвинутые функции или переходить к плагинам Photoshop (открывается в новой вкладке). В этой статье мы дадим несколько советов по использованию инструмента «Перо» и дадим советы, как извлечь из него максимальную пользу.

Лучшие предложения Adobe Creative Cloud на сегодняшний день

(открывается в новой вкладке)

Adobe Creative Cloud

(открывается в новой вкладке)

599,88 долларов США

(открывается в новой вкладке)

Посмотреть сделку (откроется в новой вкладке)

Посмотреть все цены