Инструмент фигура в фотошопе: Рисование фигур с помощью инструментов группы «Фигура» в Photoshop

Обязательно учите!

• • Назад
  • Бухгалтерский учет
  • Алгоритмы
  • Android
  • Блокчейн
  • Бизнес-аналитик
  • Создание веб-сайта
  • Облачные вычисления
  • COBOL
  • Встроенные системы
  • 9000 Дизайн 9000 Эталон
  • 900 Эталон
  • 9000 Проектирование
  900 Ethical
• Учебные пособия по Excel
• Программирование на Go
• IoT
• ITIL
• Jenkins
• MIS
• Сеть
• Операционная система

• Назад
• Prep

Большие данные

• • Назад
  • AWS
  • BigData
  • Cassandra
  • Cognos
  • Хранилище данных
  • DevOps Back
  • DevOps Back
  • HBase
    • HBase2
    • MongoDB
    • NiFi

.

Редактировать контуры в Adobe Photoshop

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

Набор инструментов содержит три инструмента для добавления или удаления точек: инструмент «Перо», инструмент «Добавить точку привязки» и инструмент «Удалить точку привязки».

По умолчанию, смена инструмента Pen к Add Anchor Point Tool, как вы поместите его на выбранный путь, или к Delete опорной точки, как вы поместите его над узловой точкой.Вы должны выбрать «Автоматическое добавление / удаление» на панели параметров, чтобы инструмент «Перо» автоматически переключался на инструмент «Добавить точку привязки» или «Удалить точку привязки».

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

.

---

Смотрите также

• Как в фотошопе увеличить грудь
• Как пипеткой в фотошопе перенести цвет
• Как вычесть один объект из другого в фотошопе
• Как изменить размер наложенного изображения в фотошопе
• Как из лайтрума экспортировать в фотошоп
• Фотошоп как залить новый слой белым
• Как в фотошопе из серой шерсти сделать рыжую
• Как сделать альфа канал фотошоп
• Как узнать серийный номер фотошопа
• Как в фотошопе применять маски
• Как убрать хроматические аберрации фотошоп

Как рисовать фигуры с помощью инструментов формы в Photoshop

Изучите основы рисования фигур с помощью инструментов формы в Photoshop! Охватывает инструменты геометрической формы, которые включают инструменты «Прямоугольник», «Эллипс», «Треугольник», «Многоугольник» и «Линия». Обновлено для Photoshop 2022.

Автор сценария Стив Паттерсон.

В этом уроке я покажу вам основы того, как рисовать фигуры с помощью инструментов формы в Photoshop. В частности, мы рассмотрим, как использовать инструменты геометрической формы, такие как инструмент «Прямоугольник», инструмент «Эллипс», инструмент «Треугольник», инструмент «Многоугольник» и инструмент «Линия». Photoshop также включает в себя инструмент Custom Shape Tool для рисования более сложных готовых форм. Но поскольку инструмент Custom Shape Tool ведет себя иначе, чем инструменты геометрической формы, я расскажу о нем в отдельном уроке.

Начнем!

Какая версия Photoshop мне нужна?

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

Настройка документа

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

Нажмите Новый файл на главном экране.

Или, если вы находитесь в основном интерфейсе Photoshop, перейдите в меню File и выберите New .

Выберите «Файл» > «Создать» в строке меню.

Затем в диалоговом окне «Новый документ» выберите предустановку Размер Photoshop по умолчанию и нажмите Создать .

Создание нового документа размера по умолчанию.

Появится новый документ, готовый для рисования фигур.

Новый документ Photoshop.

Где я могу найти инструменты формы Photoshop?

Все инструменты формы в Photoshop находятся на панели инструментов, вложенные друг в друга в одном месте. По умолчанию видимым является инструмент Rectangle Tool .

Значок инструмента «Прямоугольник» на панели инструментов.

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

Инструменты формы Photoshop.

Параметры инструмента формы на панели параметров

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

Сброс инструмента формы к настройкам по умолчанию

Значок инструмента в крайнем левом углу панели параметров сообщает нам, какой инструмент активен. Но это также то, как мы сбрасываем инструмент к настройкам по умолчанию. Чтобы сбросить его, щелкните правой кнопкой мыши (Win) / , удерживая клавишу Control, щелкните (Mac) на значке инструмента.

Щелкните правой кнопкой мыши (Win)/щелчок, удерживая клавишу Control (Mac), на значке инструмента.

Затем выберите в меню Reset Tool .

Выбор команды Reset Tool .

Режим инструмента

Далее следует опция Tool Mode , в которой мы выбираем, какую форму мы хотим нарисовать. Фигуры в Photoshop можно рисовать как векторы, контуры или пиксели.

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

В большинстве случаев вам понадобится рисовать векторные фигуры. И для этого режим должен быть установлен на Shape , что по умолчанию.

Убедитесь, что для режима инструмента установлено значение «Форма».

Цвет заливки

Опция Fill позволяет выбрать цвет формы. Цвет формы по умолчанию — черный. Чтобы выбрать другой цвет, щелкните образец цвета заливки.

Щелкните образец цвета заливки.

Затем выберите нужный вид заливки с помощью значков в верхней части панели. Слева направо у нас есть No Color (что оставляет внутреннюю часть фигуры пустой), 9Предустановка 0017 Solid Color , предустановка Gradient или предустановка Pattern .

Параметры заливки «Без цвета», «Сплошной цвет», «Градиент» и «Узор».

Если вы выберете «Сплошной цвет», «Градиент» или «Узор», откройте одну из групп предустановок и выберите предустановку, щелкнув ее миниатюру. Здесь я выбрал предустановленный параметр «Сплошной цвет» и открыл группу RGB, чтобы выбрать предустановленный цвет.

Выбор предустановки сплошного цвета.

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

Щелкните значок Пользовательский цвет заливки.

Затем выберите цвет в палитре цветов. Я выберу фиолетовый цвет, установив значение H (оттенок) на 295 градусов, значение S (насыщенность) на 70 процентов и B (яркость) также на 70 процентов. . Нажмите OK, чтобы закрыть палитру цветов, когда закончите.

Выбор пользовательского цвета заливки для фигуры.

Цвет обводки

Следующие два параметра на панели параметров предназначены для добавления обводки вокруг фигуры. По умолчанию Photoshop добавляет черную обводку размером 1 пиксель. Чтобы выбрать другой цвет или не использовать его, щелкните значок Stroke образец цвета.

Щелкните образец цвета обводки.

Затем используйте значки в верхней части панели, чтобы выбрать те же параметры, которые мы видели с цветом заливки. Снова слева направо у нас есть No Color (для случаев, когда вы не хотите обводить фигуру), Solid Color пресет, Gradient пресет или Pattern пресет.

Параметры обводки «Без цвета», «Сплошной цвет», «Градиент» и «Узор».

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

Значок пользовательского цвета обводки.

Размер обводки

Затем установите ширину или толщину обводки, введя значение Size . Я установлю его на 16 пикселей . Как мы увидим, все эти параметры (цвет заливки, цвет обводки, размер обводки и т. д.) также можно изменить на панели «Свойства» после того, как мы нарисуем фигуру.

Ввод размера обводки.

Тип обводки, выравнивание и многое другое

Чтобы получить дополнительные параметры обводки, щелкните поле Параметры обводки .

Открытие параметров обводки.

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

Выберите тип штриха, выравнивание и многое другое.

Если нажать кнопку Дополнительные параметры внизу.

Кнопка «Дополнительные параметры».

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

Диалоговое окно «Параметры обводки».

Ширина и высота

Далее на панели параметров находятся поля Ширина ( Ш ) и Высота ( В ). Но вместо того, чтобы позволить вам установить ширину и высоту фигуры перед ее рисованием, эти параметры используются для изменения ширины и высоты 90 089 после 90 090, когда вы нарисовали фигуру.

Вы можете игнорировать параметры ширины и высоты на панели параметров, поскольку их можно легко изменить на панели свойств после того, как мы нарисуем фигуру.

Поля Ширина и Высота (используются для изменения размера после рисования фигуры).

Операции с путями, выравнивание и расположение путей

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

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

Команды операций с путями.

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

Параметры выравнивания пути.

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

Команды расположения путей.

Значок шестеренки

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

Во-первых, это Опции пути для изменения Толщины или Цвета контура пути вокруг фигуры. Но не путайте контур пути с обводкой. Пути существуют только в Photoshop и не отображаются при печати вашей работы или при ее сохранении в формате jpeg, png или другом формате. Эти параметры пути существуют только для того, чтобы облегчить просмотр контура пути во время работы в Photoshop. Чтобы разместить фактический контур или рамку вокруг фигуры, вам нужно добавить обводку.

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

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

Параметры под значком шестеренки.

Угловой радиус

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

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

Параметр «Угловой радиус».

Выровнять края

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

Параметр «Выровнять края».

Как рисовать фигуры с помощью инструментов формы

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

Выберите инструмент «Прямоугольник»

Сначала убедитесь, что на панели инструментов выбран инструмент Rectangle Tool .

Выбор инструмента «Прямоугольник».

Как нарисовать прямоугольник

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

Нажмите и перетащите, чтобы начать рисовать фигуру.

Как изменить положение фигуры во время рисования

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

Завершение формы

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

Photoshop завершает создание формы, когда вы отпускаете кнопку мыши.

Слой формы

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

Каждая новая форма автоматически появляется на своем собственном слое формы.

Включение и выключение слоев фигур

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

Щелчок по значку видимости слоя формы.

Как нарисовать идеальный квадрат

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

Начните перетаскивание, затем удерживайте клавишу Shift и продолжайте перетаскивание.

Отпустите кнопку мыши, чтобы завершить фигуру, а затем отпустите клавишу Shift. Убедитесь, что вы отпустили кнопку мыши до того, как отпустили Shift, иначе это не сработает.

Клавишу Shift также можно использовать для рисования идеального круга с помощью инструмента «Эллипс», равностороннего треугольника с помощью инструмента «Треугольник» или симметричного многоугольника с помощью инструмента «Многоугольник». Все это мы рассмотрим чуть позже.

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

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

Скрытие второй фигуры.

Как нарисовать фигуру точного размера

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

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

Ввод точных размеров формы.

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

Photoshop рисует фигуру с точной шириной и высотой.

Как перемещать фигуру по холсту

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

Выбор инструмента выбора пути.

Затем просто щелкните фигуру и перетащите ее на место.

Перемещение фигуры с помощью инструмента выбора контура.

Совет! Временный доступ к инструменту выбора пути

Вместо того, чтобы выбирать инструмент выбора пути на панели инструментов, вы можете временно получить к нему доступ с клавиатуры, удерживая клавишу Ctrl (Win) / Command (Mac). Удерживая нажатой клавишу, щелкните и перетащите, чтобы переместить фигуру. Затем отпустите клавишу, чтобы вернуться к инструменту формы.

Совет! Выберите фигуры, просто нажав на них

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

Выберите инструмент Path Selection Tool на панели инструментов, чтобы вы могли получить доступ к его параметрам на панели параметров. Затем на панели параметров измените параметр Select с Active Layers на All Layers . Затем вы можете щелкнуть любую фигуру, чтобы выбрать ее, не щелкая слой фигуры на панели «Слои».

Изменение выбора на все слои на панели параметров.

Дополнительные приемы рисования фигур

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

Чтобы нарисовать фигуру из ее центра , а не из угла, щелкните, чтобы установить начальную точку, и начните перетаскивание. Затем удерживайте клавишу Alt (Win) / Option (Mac) на клавиатуре и продолжайте перетаскивание. Отпустите кнопку мыши, чтобы завершить фигуру, а затем отпустите клавишу Alt (Win)/Option (Mac).

Как удалить фигуру

Чтобы удалить фигуру, щелкните слой с ее фигурой на панели «Слои» и перетащите слой вниз в корзину . Или с выбранным слоем нажмите Удалить на клавиатуре.

Перетаскивание слоя-фигуры в корзину для его удаления.

Как повторно выбрать форму

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

Выбор и включение второго слоя формы.

Редактирование фигуры с помощью элементов управления на холсте

Еще в Photoshop 2021 Adobe добавила элементов управления на холсте к фигурам. Эти элементы управления появляются вокруг фигуры после ее рисования и упрощают масштабирование, изменение размера или поворот фигуры без необходимости использования команды «Свободное преобразование». Элементы управления на холсте также можно использовать для настройки округлости углов фигуры. Вот как их использовать.

Как изменить размер фигуры

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

Перетащите маркер, чтобы изменить размер фигуры.

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

Вы также можете удерживать Alt (Win) / Option (Mac) при перетаскивании, чтобы изменить размер фигуры от ее центра, или Shift+Alt (Win) / Shift+Option (Mac), чтобы изменить размер пропорционально от его центра.

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

Как отменить трансформацию

Чтобы отменить последнее преобразование, которое вы сделали с формой, перейдите в меню Edit и выберите Отменить путь преобразования . Или нажмите Ctrl+Z (Win) / Command+Z (Mac) на клавиатуре. Несколько раз нажмите Ctrl+Z (Win)/Command+Z (Mac), чтобы отменить несколько шагов подряд.

Перейдите в меню «Правка» > «Отменить путь преобразования».

Как повернуть фигуру

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

Щелкните и перетащите за угол, чтобы повернуть фигуру.

Как повернуть фигуру из угла

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

Контрольная точка в центре фигуры.

Как показать опорную точку

Если контрольная точка не видна, вам необходимо включить ее в настройках Photoshop. На ПК с Windows перейдите к меню Edit в строке меню. На Mac перейдите в меню Photoshop . Оттуда выберите Preferences , а затем Tools .

Открытие настроек инструментов.

Затем в диалоговом окне «Установки» выберите «Показывать опорную точку при использовании преобразования ». Вам нужно будет сделать это только один раз. И в качестве бонуса контрольная точка теперь будет видна не только с фигурами, но и в любое время, когда вы используете команду Free Transform в Photoshop. Нажмите OK, чтобы закрыть диалоговое окно, когда вы закончите.

Включение Показать опорную точку при использовании преобразования .

Щелкните и перетащите опорную точку в новое место. Перенесу на ручку в левом верхнем углу:

Перемещение опорной точки на угловой маркер.

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

Фигура вращается вокруг верхнего левого угла.

Как скруглить углы фигуры

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

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

Элементы управления радиусом — это маленькие круги внутри углов.

Радиус угла управляет формой.

Скругление всех углов одновременно

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

Перетаскивание элемента управления радиусом для одновременного скругления всех углов.

Самостоятельное скругление одного угла

Чтобы отрегулировать один угол, не затрагивая другие, удерживайте Alt (Win) / Option (Mac) на клавиатуре и перетащите элемент управления радиусом угла.

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

Удерживайте Alt (Win) / Option (Mac), чтобы скруглить один угол.

Свойства Live Shape на панели свойств

Хотя элементы управления на холсте удобны, они не являются единственным способом настроить внешний вид фигуры. На самом деле, любая фигура, нарисованная с помощью одного из инструментов геометрической формы Photoshop (Прямоугольник, Эллипс, Треугольник, Многоугольник или Линия), Adobe называет Live Shape .

Динамическая форма означает, что после рисования фигуры все ее свойства остаются живыми и редактируемыми. А свойства находятся на панели свойств .

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

Свойства Live Shape на панели свойств.

Свойства преобразования

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

Ширина, высота и расположение фигуры

В свойствах преобразования можно изменить Ширина (Ш) или Высота (В) фигуры и щелкнуть значок ссылки , чтобы связать или разъединить значения ширины и высоты. Координаты X и Y можно использовать для установки определенного положения фигуры на холсте. X — горизонтальное расстояние слева от холста, а Y — вертикальное расстояние от верха.

Значения ширины, высоты и X, Y.

Угол поворота

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

Опция Угол.

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

Предустановки углов.

Совет! Изменение значений с помощью бегунка

Ширину и высоту, значения X и Y, а также угол поворота можно изменить с помощью плавного ползунка Photoshop . Щелкните имя свойства (например, букву W для ширины), удерживайте кнопку мыши нажатой и перетащите влево или вправо, чтобы изменить значение.

Нажмите и перетащите, чтобы использовать бегунок.

Изменение ориентации фигуры

Наконец, вы можете использовать значки Отразить по горизонтали или Отразить по вертикали , чтобы изменить ориентацию фигуры.

Параметры Отразить по горизонтали и Отразить по вертикали.

Свойства внешнего вида

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

Цвет заливки и обводки

Щелкните образцы цвета «Заливка» или «Обводка» , чтобы изменить цвета. Вы найдете те же параметры для выбора цветов, которые мы видели ранее, на панели параметров.

Параметры цвета заливки и обводки.

Размер хода и другие параметры

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

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

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

Угловой радиус

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

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

Здесь я изменил значение радиуса верхнего левого угла на 60 пикселей . И поскольку все четыре угла были связаны вместе, все они изменились на 60 пикселей, когда я нажал Enter (Win) / Return (Mac), чтобы принять новое значение.

По умолчанию изменение одного угла приводит к изменению всех углов.

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

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

Свойства Следопыта

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

Опции Pathfinder.

Рисование фигур с помощью других инструментов Photoshop

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

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

Инструмент «Эллипс»

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

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

Выбор инструмента «Эллипс».

Рисование эллиптической формы

Нажмите и перетащите в документе, чтобы нарисовать эллиптическую форму, или удерживайте Shift , когда вы перетаскиваете, чтобы нарисовать идеальный круг, как я делаю здесь:

Нажмите и перетащите эллиптическую форму или добавьте Shift, чтобы нарисовать круг.

Редактирование фигуры с помощью элементов управления на холсте

Отпустите кнопку мыши, чтобы нарисовать фигуру, а затем перетащите любой из маркеров управления на холсте, чтобы изменить ее размер по мере необходимости. Удерживайте Shift при перетаскивании, чтобы зафиксировать исходное соотношение сторон, или удерживайте Alt (Win) / Option (Mac), чтобы изменить размер фигуры от ее центра.

Удерживая клавишу Alt (Win) / Option (Mac), измените размер эллиптической формы от ее центра.

Свойства Live Shape

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

Свойства динамической формы для инструмента «Эллипс».

Инструмент «Треугольник»

Инструмент «Треугольник» был впервые представлен в Photoshop 2021. До этого для рисования треугольника нужно было выбрать инструмент «Многоугольник» (который мы рассмотрим далее) и установить количество сторон равным 3. Но теперь у нас есть специальный треугольник. Инструмент, поэтому вам не нужно помнить, что треугольник — это всего лишь трехсторонний многоугольник. И мы даже можем скруглить углы треугольника, используя либо элементы управления на холсте, либо свойства Live Shape на панели свойств.

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

.

Выбор инструмента «Треугольник».

Параметр «Угловой радиус» на панели параметров

Как и инструмент «Прямоугольник», инструмент «Треугольник» включает в себя параметр Радиус угла на панели параметров, который можно использовать для установки скругления углов перед рисованием фигуры. Но чтобы нарисовать треугольник с острыми углами, оставьте для радиуса значение по умолчанию 9.0017 0 пикселей .

Параметр радиуса угла инструмента «Треугольник» на панели параметров.

Рисование треугольника

Нажмите и перетащите в документе, чтобы нарисовать треугольник, или, удерживая Shift , перетащите, чтобы нарисовать равносторонний треугольник, все три стороны которого имеют одинаковую длину. И, как и со всеми инструментами формы, вы можете удерживать Alt (Win) / Option (Mac), чтобы нарисовать фигуру из ее центра.

Рисование треугольника с помощью нового инструмента «Треугольник».

Скругление углов треугольника

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

Треугольники также включают один элемент управления радиусом угла вверху.

Элемент управления радиусом угла для треугольных фигур.

Перетаскивание элемента управления вверх или вниз одновременно отрегулирует округлость всех трех углов треугольника.

Скругление углов путем перетаскивания регулятора радиуса.

Радиус угла также можно отрегулировать на панели «Свойства» вместе со всеми другими свойствами «Живой формы», которые являются общими для всех фигур:

Параметр радиуса угла на панели свойств.

Инструмент «Многоугольник»

В то время как инструмент «Треугольник» рисует фигуры с 3 сторонами, а инструмент «Прямоугольник» — фигуры с 4 сторонами, инструмент «Многоугольник» в Photoshop может рисовать фигуры с любым количеством сторон. Он может даже рисовать звезды, как мы сейчас увидим.

Выберите инструмент «Многоугольник» на панели инструментов, щелкнув и удерживая последний использованный инструмент формы, а затем выберите инструмент «Многоугольник» из списка:

Выбор инструмента «Многоугольник».

Параметры сторон и радиуса

Наряду со стандартными параметрами инструмента формы на панели параметров, инструмент «Многоугольник» также содержит поле для ввода числа сторон и установки углового радиуса . Если вы знаете необходимое количество сторон, вы можете установить его здесь перед рисованием фигуры. Или вы можете оставить эти параметры по умолчанию (стороны = 5, радиус = 0 пикселей) и настроить их на панели свойств после того, как форма будет нарисована.

Параметры количества сторон (слева) и углового радиуса (справа) для инструмента «Многоугольник».

Рисование формы многоугольника

Нажмите и перетащите в документе, чтобы нарисовать форму многоугольника. Удерживайте Shift при перетаскивании, чтобы нарисовать симметричный многоугольник со всеми сторонами одинаковой длины.

Удерживание Shift при перетаскивании для рисования симметричного многоугольника.

Отпустите кнопку мыши, чтобы завершить фигуру:

Завершенная форма многоугольника.

Управление радиусом на холсте

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

Скругление углов с помощью элементов управления на холсте.

Параметр «Радиус» на панели «Свойства»

Или вы можете настроить радиус на панели свойств. Я верну его обратно к 0 px.

Параметр «Радиус».

Изменение количества сторон

Вы можете изменить количество сторон многоугольника на панели свойств. Я увеличу его с 5 до 6:

Опция Стороны.

А поскольку многоугольник является живой формой, он мгновенно обновляется с 5 до 6 сторон:

Многоугольник с шестью сторонами.

Как рисовать звезды с помощью инструмента «Многоугольник»

Чтобы превратить форму многоугольника в звезду, уменьшите параметр Star Ratio на панели свойств. Чем больше вы опускаете значение ниже 100%, тем больше стороны многоугольника будут отступать к центру.

Я верну количество сторон к 5. И я уменьшу соотношение звезд до 47% , что является значением, которое вам нужно, чтобы нарисовать идеальную 5-конечную звезду.

Опция «Звездное соотношение».

И многоугольник мгновенно превращается в звезду.

Результат после уменьшения значения Star Ratio.

Опция Smooth Star Indents

Щелкните значок с многоточием (три точки):

Нажатие многоточия.

Чтобы открыть Гладкие звездообразные отступы вариант.

Выбор «Сглаженные звездообразные отступы».

При включении Smooth Star Indents отступы звезды становятся закругленными, а не острыми:

Включена звезда с плавными отступами звезды.

Инструмент «Линия»

Последний из инструментов геометрической формы в Photoshop, и последний инструмент, который мы рассмотрим в этом уроке, это Line Tool . Инструмент «Линия» используется для рисования прямых линий, и вы можете добавить стрелку в начале или в конце линии.

Чтобы выбрать инструмент «Линия» на панели инструментов, нажмите и удерживайте последний использовавшийся инструмент «Форма», а затем выберите инструмент «Линия» из списка:

Выбор инструмента «Линия».

Выбор цвета линии

Инструмент «Линия» отличается от других инструментов формы тем, что цвет линии фактически контролируется цветом обводки , а не цветом заливки. Это потому, что линия — это просто прямой путь с обводкой вокруг него.

Чтобы выбрать цвет линии, нажмите кнопку Stroke образец цвета:

Щелкните образец цвета обводки.

Затем используйте значки в левом верхнем углу панели, чтобы выбрать предустановку сплошного цвета, предустановку градиента или предустановку узора. Или щелкните значок в правом верхнем углу, чтобы выбрать собственный цвет из палитры цветов.

Я выберу параметр «Сплошной цвет ». Затем я открою группу пресетов Pure и выберу оранжевый цвет линии, щелкнув его миниатюру:

Выбор цвета линии (штриха).

Установка толщины линии с размером штриха

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

Изменение размера штриха для установки толщины линии.

Как нарисовать стрелку с помощью инструмента «Линия»

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

Чтобы добавить стрелку к линии, щелкните значок шестеренки на панели параметров.

Щелкните значок шестеренки инструмента «Линия».

В параметрах Arrowhead добавьте стрелку либо к Start , либо к End линии, либо к обоим. Я выберу конец. Затем введите ширину и длину для стрелки в пикселях. Я установлю ширину 120 пикселей и длину 150 пикселей, опять же, чтобы было легко увидеть.

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

Используйте параметр Вогнутость , если вы хотите сделать отступ в основании или нижней части стрелки. Я установлю его на 20%.

Параметры стрелки для инструмента «Линия».

Как провести линию

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

При перетаскивании вы будете видеть только путь линии. Если вы добавили стрелку, вы также увидите путь стрелки. И обратите внимание, что поскольку я установил параметр Вогнутость на 20%, основание стрелки имеет отступ.

Щелкните и перетащите, чтобы нарисовать линию.

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

Штрих появляется при отпускании кнопки мыши.

Как повернуть линию

Вы можете повернуть линию вокруг ее центра, щелкнув и перетащив ее за пределы одной из конечных точек. Удерживайте Shift , чтобы повернуть линию с шагом 15 градусов:

Вращение линии с помощью элементов управления на холсте.

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

Перетаскивание контрольной точки в начало линии.

Затем щелкните и перетащите сразу за противоположный конец, чтобы повернуть его.

Вращение линии вокруг новой точки вращения.

Свойства Live Shape

Наконец, инструмент «Линия» имеет те же свойства «Живой формы» на панели «Свойства», что и другие инструменты формы. Вариантов скругления углов нет, но вы можете изменить цвет или толщину линии (с помощью параметров «Обводка»), отрегулировать угол поворота, отразить линию вертикально или горизонтально и т. д.

Параметры инструмента «Линия» на панели «Свойства».

И вот оно! Это основы рисования фигур с помощью инструментов геометрической формы в Photoshop! Единственный инструмент формы, который мы здесь не рассмотрели, — это Custom Shape Tool. Но вы можете узнать все об этом в моем уроке рисования пользовательских фигур в Photoshop

.

Ознакомьтесь с другими моими уроками по основам Photoshop, и не забывайте, что все мои уроки теперь доступны для скачивания в формате PDF!

Как рисовать пользовательские фигуры в Photoshop

Узнайте, как рисовать нестандартные фигуры в Photoshop с помощью инструмента «Пользовательская фигура» и панели «Фигуры». А также как загрузить сотни отсутствующих фигур, как комбинировать и объединять фигуры и как сохранять свои собственные пресеты форм! Для фотошопа 2022.

Автор сценария Стив Паттерсон.

В предыдущем уроке я показал вам, как рисовать основные фигуры в Photoshop, такие как прямоугольники, круги, линии и многоугольники, используя инструменты геометрических фигур. На этот раз вы научитесь рисовать более сложные, готовые пользовательские фигуры. И Photoshop дает нам два способа их рисования. Один с помощью Custom Shape Tool, а другой с панелью Shapes. Этот учебник охватывает оба.

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

Начнем!

Какая версия Photoshop мне нужна?

Компания Adobe внесла множество улучшений в формы в последних версиях Photoshop. Поэтому для этого урока вам понадобится Photoshop 2022 или более поздней версии. Загрузите последнюю версию Photoshop здесь.

Настройка документа

Чтобы продолжить, все, что вам нужно, это новый документ Photoshop.

Создайте новый документ Photoshop, чтобы продолжить.

Как рисовать фигуры с помощью инструмента Custom Shape Tool

Существует два способа рисования нестандартных фигур в Photoshop. Первый — с помощью инструмента «Пользовательская фигура», а второй — с панели «Фигуры». Мы начнем с изучения более традиционного способа рисования фигур с помощью Custom Shape Tool.

Шаг 1. Выберите инструмент пользовательской формы

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

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

Выбор инструмента пользовательской формы.

Шаг 2. Откройте окно выбора пользовательской формы

При активном инструменте Custom Shape Tool перейдите к панели параметров и выберите фигуру, щелкнув миниатюру текущей фигуры.

Щелчок по текущей фигуре на панели параметров.

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

Но по умолчанию перечислены только четыре группы (Дикие животные, Лиственные деревья, Лодки и Цветы). Я покажу вам, как загружать сотни дополнительных фигур, как только мы узнаем, как работает инструмент Custom Shape Tool.

Средство выбора нестандартной формы.

Шаг 3. Выберите пользовательскую форму

Вращением откройте группу фигур, щелкнув стрелку слева от значка папки. Открою группу Дикие животные. Затем выберите фигуру из группы, щелкнув ее миниатюру. Я выберу форму льва.

Нажмите Введите (Win) / Верните (Mac) на клавиатуре, чтобы закрыть средство выбора формы.

Выбор фигуры, щелкнув ее миниатюру.

Шаг 4. Установите для режима инструмента значение Shape

Все еще на панели параметров убедитесь, что Режим инструмента ts установлен на «Форма», а не «Путь» или «Пиксели».

Установка режима для инструмента Custom Shape Tool на Shape.

Шаг 5. Выберите цвет заливки

Затем выберите цвет фигуры. Цвет по умолчанию черный. Чтобы выбрать другой цвет, щелкните образец цвета Fill .

Щелкните образец цвета заливки на панели параметров.

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

Предустановленные параметры «Без цвета», «Сплошной цвет», «Градиент» и «Узор» для заливки.

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

Щелкните значок пользовательского цвета для заливки.

Затем выберите цвет из палитры цветов. Я выберу оттенок фиолетового, установив H (Hue) на 29.5 градусов, S (насыщенность) до 70 процентов и B (яркость) также до 70 процентов. Нажмите OK, чтобы закрыть палитру цветов.

Выбор цвета заливки из палитры цветов.

Шаг 6. Выберите цвет и размер обводки

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

Щелкните образец цвета обводки на панели параметров.

Затем в верхней части панели выберите один из тех же вариантов, которые мы видели с цветом заливки. Слева направо щелкните параметр No Color , чтобы отключить обводку. Или выберите предустановку Solid Color , предустановку Gradient или предустановку Pattern .

Параметры цвета обводки такие же, как и параметры заливки.

Или щелкните значок справа, чтобы открыть палитру цветов и выбрать собственный цвет. Но я оставлю штрих черным.

Значок пользовательского цвета для обводки.

В поле Размер рядом с образцом цвета введите ширину или толщину обводки. Я установлю свой на 10 пикселей. Нажмите Введите (Win) / Верните (Mac), чтобы принять его.

Ввод размера обводки.

Шаг 7. Выберите тип обводки и выравнивание

Если щелкнуть поле «Параметры обводки» рядом со значением размера:

Окно параметров обводки.

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

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

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

Шаг 8: Нарисуйте фигуру

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

Нажмите и перетащите, чтобы начать рисовать фигуру.

Как нарисовать фигуру с правильным соотношением сторон

По умолчанию Photoshop позволяет нам свободно рисовать фигуру с разблокированным соотношением сторон, из-за чего она может выглядеть искаженной. Таким образом, чтобы заставить фигуру принять правильное соотношение сторон, нажмите и удерживайте Нажимайте клавишу Shift на клавиатуре при перетаскивании.

Удерживайте клавишу Shift, чтобы нарисовать фигуру с правильным соотношением сторон.

Как изменить положение фигуры во время рисования

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

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

Как завершить форму

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

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

Шаг 9. Измените размер или поверните фигуру

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

Как изменить размер фигуры

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

Чтобы изменить размер фигуры от ее центра, а не от противоположной стороны или угла, удерживайте клавишу Alt (Win) / Option (Mac) при перетаскивании маркера. Удерживая Shift плюс Alt (Win) / Option (Mac), можно заблокировать соотношение сторон фигуры и изменить ее размер от центра.

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

Как повернуть фигуру

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

Перетащите за маркер преобразования, чтобы повернуть фигуру.

Я поверну свою фигуру под первоначальным углом.

Сброс угла.

Шаг 10: примите форму и закройте команду преобразования

Нажмите Введите (Win) / Верните (Mac) на клавиатуре, когда закончите, чтобы принять его и закрыть окно преобразования.

Окончательная форма.

Слой формы

На панели «Слои» новая фигура появляется на собственном слое фигуры. И так как я выбрал форму льва, Photoshop назвал слой Lion 1 .

Панель «Слои» с новым слоем формы.

Как редактировать заливку и обводку фигуры

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

Из панели параметров

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

Редактирование заливки и обводки на панели параметров.

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

Или вы можете изменить заливку или обводку на панели свойств Photoshop .

Параметры заливки, обводки и других фигур на панели «Свойства».

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

Редактирование цвета обводки на панели свойств.

Затем я выберу опцию No Color вверху, точно так же, как мы видели ранее на панели параметров.

Установка обводки на «Без цвета».

Теперь обводка исчезла, осталась только заливка фигуры.

Обводка удалена из формы.

Другие параметры на панели свойств

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

Я изменю ширину на 800 пикселей, а затем нажму Enter (Win) / Return (Mac), чтобы принять это значение. Поскольку был выбран значок ссылки, Photoshop автоматически изменил высоту, чтобы сохранить соотношение сторон прежним.

Изменение ширины и высоты фигуры на панели свойств.

И размер формы мгновенно изменяется на холсте.

Форма в новом размере.

Нажмите Отразить по горизонтали или Отразить по вертикали , чтобы изменить ориентацию фигуры.

Параметры «Отразить по горизонтали» и «Отразить по вертикали» на панели «Свойства».

Или поверните фигуру, введя значение в поле Угол .

Значение поворота на панели свойств.

Щелкните стрелку справа от поля, чтобы выбрать нужный угол из списка.

Поле поворота включает заданные углы.

Как вернуть рамку трансформации вокруг фигуры

Чтобы вернуть поле преобразования, если вам нужно изменить размер, повернуть или изменить положение фигуры, выберите Инструмент выбора пути на панели инструментов, расположенной непосредственно над инструментами формы.

Выбор инструмента выбора пути.

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

Вокруг фигуры снова появляется поле преобразования.

Изменение размера или поворот фигуры

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

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

Изменение положения фигуры

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

Нажмите Введите (Win) / Верните (Mac) на клавиатуре, когда закончите, чтобы закрыть окно преобразования.

Перемещение фигуры с помощью инструмента выбора контура.

Как центрировать фигуру на холсте

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

Щелкните фигуру с помощью инструмента выбора пути, чтобы контур пути был виден.

Затем на панели параметров щелкните значок Path Alignment .

Щелкните значок выравнивания пути.

В правом нижнем углу панели измените Align To с Selection на Canvas .

Настройка выравнивания по холсту.

Затем в верхней части панели щелкните значки Выровнять центры по горизонтали и Выровнять центры по вертикали . Нажмите Введите (Win) / Верните (Mac), чтобы закрыть панель.

Щелкните Выровнять центры по горизонтали (слева) и Выровнять центры по вертикали (справа).

Нажмите Введите (Win) / Верните (Mac) еще раз, чтобы закрыть окно преобразования вокруг фигуры. И форма теперь находится в центре холста.

Фигура располагается по центру холста.

Как удалить фигуру

Чтобы удалить фигуру, убедитесь, что ее слой формы выбран на панели «Слои». Затем нажмите клавишу Delete на клавиатуре.

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

Удаление слоя формы.

Панель «Фигуры» в Photoshop

Это основы того, как рисовать фигуры с помощью инструмента Custom Shape Tool. Но самые последние версии Photoshop, начиная с Photoshop 2020, теперь включают специальную панель Shapes . И панель «Фигуры» имеет несколько преимуществ по сравнению с инструментом «Пользовательская фигура».

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

Где найти панель «Фигуры»

Панель «Фигуры» не является частью рабочего пространства Photoshop по умолчанию. Итак, чтобы открыть его, перейдите в меню Window в строке меню и выберите Shapes .

Перейдите в «Окно» > «Фигуры».

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

Панель «Фигуры».

Формы Photoshop по умолчанию

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

Открытие группы форм.

Изменение размера эскиза формы

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

Щелкните значок меню панели «Фигуры».

И выберите Small Thumbnail из меню.

Выбор маленькой миниатюры.

Панель «Недавние»

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

Панель «Недавние».

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

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

Как загрузить недостающие фигуры Photoshop

Чтобы загрузить все отсутствующие фигуры, включенные в Photoshop, щелкните значок меню панели «Фигуры» .

Щелкните значок меню.

Затем выберите Устаревшие формы и многое другое .

Выбор устаревших форм и многое другое.

Новая группа Legacy Shapes and More появляется под группами по умолчанию.

Группа Legacy Shapes and More.

Группы форм 2019 и всех устаревших форм по умолчанию

Разверните группу и внутри находятся еще две группы: 2019 Shapes и All Legacy Default Shapes .

Группы «Формы 2019» и «Все устаревшие формы по умолчанию».

2019 Shapes содержит сотни новых пользовательских фигур, которые были добавлены в Photoshop 2020. Используйте полосу прокрутки справа для прокрутки списка. Или, чтобы просмотреть больше фигур одновременно, щелкните и перетащите нижнюю часть панели «Фигуры» вниз, чтобы развернуть ее.

Расширение панели «Фигуры» для просмотра фигур 2019 года.

Группа «Все устаревшие формы по умолчанию» содержит классические формы из более ранних версий Photoshop.

Унаследованные формы Photoshop.

Использование новых фигур с помощью инструмента Custom Shape Tool

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

Отсутствующие фигуры теперь доступны в средстве выбора пользовательских форм.

Как рисовать фигуры с помощью панели «Фигуры»

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

Шаг 1. Выберите фигуру на панели «Фигуры»

На панели «Фигуры» выберите фигуру, которую хотите нарисовать. Я открою группу «Игральные карты», расположенную в группе «Фигуры 2019», чтобы выбрать форму сердца. Я переключился на режим просмотра «Большие эскизы», чтобы упростить просмотр.

Выбор фигуры на панели «Фигуры».

Шаг 2: перетащите фигуру в документ

Затем, чтобы добавить фигуру в документ, просто щелкните и перетащите миниатюру фигуры с панели «Фигуры» на холст.

Перетаскивание фигуры с панели «Фигуры» в документ.

Отпустите кнопку мыши, и Photoshop мгновенно нарисует фигуру. И он рисует его с правильным соотношением сторон.

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

Фигура добавлена ​​из панели Фигуры.

Шаг 3. Измените размер, поверните или измените положение фигуры

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

Удерживайте клавишу Alt (Win) / Option (Mac) при перетаскивании, чтобы изменить размер фигуры от ее центра.

Изменение размера фигуры путем перетаскивания маркера. Не нужно удерживать Shift.

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

Вращение фигуры.

Чтобы изменить положение фигуры на холсте, щелкните фигуру и перетащите ее на место. Я перенесу свою в центр.

Перетащите фигуру, чтобы изменить ее положение.

Затем, чтобы принять его и закрыть окно преобразования, щелкните галочкой на панели параметров.

Нажатие галочки.

Слой формы

На панели «Слои» фигура появляется на своем собственном слое-фигуре, как если бы мы нарисовали ее с помощью инструмента «Пользовательская фигура». И поскольку я выбрал форму сердца, Photoshop назвал слой Hearts 1 .

Панель «Слои» с новым слоем формы.

Шаг 4. Выберите заливку и обводку фигуры

Существует несколько способов изменить заливку и обводку фигуры.

На панели «Слои»

Самый простой способ выбрать новый цвет заливки — дважды щелкнуть миниатюру слоя-фигуры на панели «Слои».

Дважды щелкните миниатюру слоя формы.

Затем выберите новый цвет в палитре цветов. Я выберу оттенок красного. Нажмите OK, чтобы закрыть палитру цветов, когда закончите.

Выбор нового цвета заливки фигуры в палитре цветов.

И Photoshop заполняет фигуру новым цветом.

Цвет заливки изменен.

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

Или при активном слое-фигуре на панели «Слои» перейдите на панель «Свойства» и щелкните образец цвета «Заливка ».

Щелкните образец цвета заливки на панели свойств.

Затем выберите один из вариантов, которые мы видели ранее. Используйте четыре значка в верхнем левом углу панели, чтобы выбрать (слева направо) No Color , Solid Color , Gradient или Шаблон предустановлен. Или щелкните значок пользовательского цвета в правом верхнем углу, чтобы выбрать цвет заливки в палитре цветов.

Параметры цвета заливки.

Чтобы изменить обводку, щелкните образец цвета Обводка на панели «Свойства».

Щелкните образец цвета обводки.

Затем выберите те же параметры, что и для цвета заливки. Мне не нужна обводка вокруг фигуры, поэтому я уберу ее, щелкнув параметр No Color в левом верхнем углу.

Выбор «Без цвета» для обводки.

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

Выбор фигуры, щелкнув ее миниатюру.

На панели «Образцы, градиенты или узоры»

Еще один способ выбрать новый цвет заливки фигуры — выбрать из Образцы , Градиенты или Узоры панель. Эти панели были добавлены вместе с панелью «Фигуры» еще в Photoshop 2020.

Панель «Образцы» содержит все наборы цветов Photoshop. Панель «Градиенты» содержит наборы настроек градиента. А панель Patterns содержит пресеты шаблонов. Все три панели сгруппированы рядом с панелью «Цвет».

Панели Образцы, Градиенты и Узоры.

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

Щелчок по пресету для его выбора.

И поскольку мой слой с фигурой был активен, фигура мгновенно заливается новым цветом.

Предустановка становится новым цветом заливки.

Перетаскивание пресетов на фигуру

Но что, если ваш слой формы не активен? Например, я нажму на свой фоновый слой на панели «Слои», чтобы выбрать его и отменить выбор фигуры.

Выбор фонового слоя.

В этом случае вы можете щелкнуть и перетащить пресет с панели «Образцы», «Градиенты» или «Узоры» непосредственно на фигуру. Я открою панель «Градиенты» и открою группу пресетов «Розовые».

Открытие группы пресетов на панели «Градиенты».

Затем я перетащу один из градиентов с панели на фигуру.

Перетаскивание пресета на фигуру.

И форма мгновенно заполняется градиентом.

Форма заполнена пресетом.

Вернувшись на панель «Слои», обратите внимание, что Photoshop автоматически выбрал слой формы, когда я поместил на него пресет.

При перетаскивании пресета на фигуру выбран слой формы.

Добавление дополнительных фигур с панели «Фигуры»

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

На данный момент у меня выбран слой с фигурой на панели «Слои».

Слой формы активен.

Перетаскивание новой формы на фон

Если я перетащу другую форму сердца с панели «Фигуры» и перетащу ее в область, где отображается белый фон:

Перетаскивание второй фигуры на белый фон.

Затем вместо того, чтобы добавлять новый слой поверх исходного слоя с фигурой, Photoshop добавляет его прямо над фоновым слоем. Это потому, что я поместил фигуру на фон.

Новый слой формы добавляется над фоновым слоем.

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

Новые фигуры не имеют той же заливки или обводки, что и оригинал.

Перетаскивание новой фигуры на существующую

Но если я перетащу другую фигуру сердца с панели «Фигуры» на исходную фигуру:

Перетаскивание новой фигуры на исходную.

На этот раз Photoshop добавляет новый слой формы непосредственно над исходным слоем формы. Таким образом, на какой бы слой вы ни перетащили фигуру, Photoshop поместит новый слой формы прямо над ним.

Новый слой формы появляется над оригиналом.

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

Новая фигура имеет те же заливку и обводку, что и оригинал.

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

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

Выбор фонового слоя.

Затем с помощью инструмента Custom Shape Tool (или любого из инструментов формы), выбранного на панели инструментов:

Выбор инструмента пользовательской формы.

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

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

Как копировать и вставлять атрибуты фигуры

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

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

Щелкните правой кнопкой мыши (Win) или щелкните, удерживая нажатой клавишу Control (Mac), фигуру, которую хотите скопировать.

И выберите Копировать атрибуты фигуры из меню.

Выбор атрибутов формы копирования.

Затем я щелкну правой кнопкой мыши (Win) / , удерживая нажатой клавишу Control, (Mac) на слое формы, куда я хочу их вставить:

Щелкните правой кнопкой мыши (Win) / щелкните, удерживая клавишу Control (Mac), на другой фигуре.

И выберите Вставить атрибуты формы из меню.

Выбор атрибутов формы вставки.

Все три фигуры теперь имеют одинаковую заливку и обводку.

Заливка и обводка применяются к другой фигуре.

Более быстрый способ выбора фигур

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

Выберите инструмент Path Selection Tool на панели инструментов.

Выбор инструмента выбора пути.

Затем на панели параметров измените Выберите параметр из Активные слои в Все слои .

Настройка «Выбрать все слои».

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

Выбор фигуры, щелкнув ее с помощью инструмента выбора контура.

Как выбрать несколько фигур одновременно

Чтобы выбрать две или более фигур одновременно, удерживайте Shift , когда вы нажимаете на фигуры с помощью инструмента выбора контура.

Я нажму на форму в левом верхнем углу, чтобы выбрать ее. Затем я удерживаю Shift и нажимаю на фигуру в правом нижнем углу. И теперь обе формы выбраны. Мы можем сказать, что они оба выбраны контуром контура, который появляется вокруг каждой фигуры, и полем преобразования, окружающим обе фигуры вместе. Я скрыл панель «Фигуры» (щелкнув значок панели), чтобы она не блокировала отображение фигур.

Удерживая нажатой клавишу Shift, щелкните, чтобы выбрать несколько фигур.

На панели «Слои» также отображаются оба выбранных слоя формы.

Выбранные слои-фигуры выделяются на панели «Слои».

Одновременное редактирование всех выбранных фигур

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

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

Изменение заливки и обводки для выбранных фигур на панели свойств.

Изменение мгновенно применяется к обеим выбранным фигурам.

Заливка и обводка изменены для обеих выбранных фигур.

Если я изменю выравнивание обводки с центра на внешнюю сторону и тип обводки со сплошной линии на пунктирную:

Изменение типа линии и выравнивания штриха.

Снова изменение применяется к обеим формам.

Параметры обводки применяются к обеим фигурам.

И если я верну обводку на No Color:

Удаление хода.

Обводка вокруг обеих фигур исчезает. Чтобы отменить выбор фигур, когда вы закончите, нажмите Введите (Win) / Верните (Mac) на клавиатуре.

Обводка удалена из обеих фигур.

Когда редактировать фигуры по отдельности

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

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

Изменение ширины каждой синей формы на панели свойств.

Затем, изменив размер обеих фигур, я могу переставить их на холсте.

Перетаскивание измененных фигур на место.

Одновременное удаление нескольких фигур

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

Удерживая клавишу Shift, нажмите на две меньшие фигуры, чтобы выбрать их.

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

Две меньшие фигуры удалены.

Как рисовать несколько фигур на одном слое

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

Здесь я удерживаю Shift, перетаскивая фигуру бабочки (найдено под 2019Shapes > Insects and Arachnids) на мою существующую форму сердца.

Удерживая Shift, перетащите фигуру на существующую фигуру.

Отпустите кнопку мыши, и новая фигура появится, как обычно.

В документ добавлена ​​новая фигура.

Но на панели «Слои» мы видим, что вместо добавления нового слоя Photoshop объединил две фигуры на одном и том же слое .

Обе фигуры находятся на одном слое.

Фигуры на одном слое имеют одинаковую заливку и обводку

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

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

Две объединенные фигуры имеют одну и ту же градиентную заливку.

И если я добавлю черную обводку к слою с фигурой, то, поскольку фигуры перекрываются, обводка появляется вокруг объединенной области фигур.

Вокруг объединенных фигур появляется обводка.

Выбор фигур на одном слое формы

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

Комбинированные формы по-прежнему можно выбирать по отдельности.

И вы можете изменить размер или повернуть выбранную фигуру, не затрагивая другие.

Изменение размера и поворот одной из фигур.

Как вычесть одну фигуру из другой

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

Я перетащу форму бабочки в центр формы сердца. Затем я изменю размер бабочки, перетащив маркеры преобразования , удерживая Shift при перетаскивании, чтобы зафиксировать соотношение сторон, а также клавишу Alt (Win) / Option (Mac), чтобы изменить размер формы с ее центр.

Изменение размера и центрирование формы бабочки внутри формы сердца.

Выравнивание двух фигур

Чтобы убедиться, что центры двух фигур идеально выровнены, а моя фигура бабочки все еще активна, я буду удерживать Shift и щелкнуть Инструментом выбора контура на форме сердца, чтобы обе фигуры были выбраны одновременно.

Выбор обеих фигур одновременно.

Затем на панели параметров я щелкну значок Path Alignment , а затем Выровнять горизонтальные центры опция. Я также мог бы щелкнуть «Выровнять центры по вертикали», но в этом случае я просто хочу выровнять их по горизонтали.

Выбор «Выровнять центры по горизонтали» в параметрах «Выравнивание пути».

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

Отмена выбора формы сердца.

Вычитание одной фигуры из другой

Наконец, чтобы использовать форму бабочки, чтобы прорезать отверстие в форме сердца позади нее, я нажму Операции с путями значок на панели параметров:

Щелкните значок операций с путями.

И я выберу Вычесть переднюю форму :

Выбор команды «Вычесть переднюю форму».

Я нажму Введите (Win) / Верните (Mac), чтобы принять его и закрыть окно преобразования. А теперь сердце имеет вырез бабочки.

Результат после вычитания передней формы.

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

Отключение фонового слоя.

Мы видим шахматную доску через форму бабочки, как Photoshop представляет прозрачность.

Отключение фонового слоя показывает прозрачность формы.

Формы все еще разделены

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

Форма сердца движется, а бабочка нет.

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

Размер сердца меняется, а бабочки нет.

Как объединить фигуры

Но если вы довольны результатом, вы можете объединить фигуры в одну.

Перетащите фигуры с помощью инструмента выбора контура, чтобы выбрать их.

Перетащите все фигуры, чтобы выбрать их.

Затем перейдите на панель параметров , щелкните значок Операции с контурами и выберите Объединить компоненты формы .

Выбор «Объединить компоненты формы» в меню «Операции с контурами».

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

Нажмите Да, чтобы принять предупреждение.

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

Результат после слияния двух фигур.

Как редактировать объединенную форму

Поскольку мы больше не работаем с живой фигурой, мы не можем изменить параметры фигуры на панели «Свойства». Но мы по-прежнему можем получить доступ к тем же параметрам на панели параметров. Здесь я добавляю черную обводку размером 4 пикселя.

Заливку и обводку объединенной фигуры можно изменить на панели параметров.

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

Обводка появляется вокруг всей фигуры, внутри и снаружи.

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

Ширину и высоту объединенной фигуры можно задать на панели параметров.

Или, чтобы изменить размер объединенной формы с помощью маркеров преобразования, перейдите в меню Edit и выберите Free Transform . Может быть написано Free Transform Path в зависимости от того, какой инструмент выбран на панели инструментов, но команда та же самая.

Перейдите в Редактирование > Свободное преобразование.

Перетащите маркер, чтобы изменить размер фигуры. Удерживать Alt (Win) / Вариант (Mac) при перетаскивании, чтобы изменить размер фигуры от ее центра. Или поверните фигуру, щелкнув и перетащив ее сразу за ручку.

Изменение размера объединенной фигуры с помощью команды «Свободное преобразование».

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

Нажатие галочки.

Как сохранить объединенную форму в качестве пользовательской предустановки

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

Шаг 1. Создайте новую группу фигур

Во-первых, если вы еще этого не сделали, создайте новую группу форм для хранения ваших пресетов. На панели «Фигуры» щелкните группу в нижней части списка, чтобы выбрать ее. Если вы следите за новостями, скорее всего, это группа Legacy Shapes and More. Под ним появится наша новая группа.

Выбор нижней группы на панели «Фигуры».

Затем щелкните значок Новая группа .

Щелкните значок «Новая группа».

Назовите группу. Я назову его Мои фигуры . Затем нажмите ОК.

Присвоение имени новой группе фигур.

Новая группа появляется ниже остальных. Если вы уже создали группу для хранения пресетов, убедитесь, что группа выбрана.

Появится новая группа форм.

Шаг 2: выберите фигуру

Щелкните фигуру с помощью инструмента выбора контура, чтобы выделить ее.

Выбор формы.

Шаг 3: Сохраните форму как новую предустановку

Затем перейдите в меню Edit в строке меню и выберите Define Custom Shape .

Перейдите в меню «Правка» > «Определить пользовательскую форму».

Назовите фигуру. Я назову свой Сердце с бабочкой . Затем нажмите ОК.

Присвоение имени новой предустановке формы.

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

Новая предустановка формы.

И вот оно! Ознакомьтесь с дополнительными руководствами в моем разделе «Основы Photoshop». И не забывайте, что все мои уроки теперь доступны для скачивания в формате PDF!

Получите все наши уроки Photoshop в формате PDF! Загрузите их сегодня!

Как рисовать фигуры в Photoshop (+ Объяснение настроек инструмента Shape!)

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

Чтобы создать фигуру в Photoshop, нажмите U, чтобы получить доступ к инструменту «Форма», или нажмите и удерживайте инструмент «Форма» на панели инструментов, чтобы выбрать нужную форму. Затем щелкните и перетащите на холсте, чтобы создать фигуру, удерживая при этом Shift, чтобы при желании она оставалась симметричной.

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

Как получить доступ к инструментам формы в Photoshop

Вы можете получить доступ к различным инструментам формы Photoshop ( U ) на панели инструментов слева. Значок инструмента будет отображаться в форме, которую вы использовали последней, или в форме прямоугольника по умолчанию.

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

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

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

Как рисовать фигуры на холсте в Photoshop

Выбрав нужный инструмент «Форма», вы можете создать фигуру, просто щелкнув и перетащив ее на холсте. Чтобы сделать идеальный круг, равносторонний треугольник или квадрат, удерживайте Shift , пока вы щелкаете и перетаскиваете, чтобы создать фигуру. Так вы сохраните форму со всех сторон.

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

Как изменить положение и размер фигуры

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

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

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

Объяснение настроек инструмента «Форма»

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

1. Фигура против пути против пикселей

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

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

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

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

Когда вы нажмете OK, вы увидите, как фигура превратится в выделение на вашем изображении или холсте.

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

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

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

Чтобы сохранить эту область как часть выделения, нажмите Selection на верхней панели инструментов и убедитесь, что Add To Selection проверяется.

Нажмите кнопку «ОК», и вы заметите, что выбор изменился, чтобы включить только что добавленную область. Вы также можете использовать этот же метод, чтобы создать свою собственную фигуру, не делая выбора из нее.

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

Однако вы сможете увидеть путь в Панель путей .

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

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

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

2. Настройки заливки и обводки

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

В появившемся окне вы увидите различные варианты заполнения фигуры. В порядке слева направо варианты: «Без заливки», «Сплошной цвет», «Градиент» и «Узор».

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

Щелкните следующий значок, значок градиента, чтобы увидеть различные настройки градиента.

Здесь вы можете просмотреть доступные комбинации цветов или выбрать свои собственные цвета с помощью палитры цветов.

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

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

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

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

Эти настройки могут повлиять на внешний вид вашего рисунка. Обратите внимание на разницу в масштабе шаблона, установленного на 100% вверху и 23% внизу.

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

3. Настройки ширины и высоты

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

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

4. Параметры углового радиуса

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

Например, если установлено значение 20 пикселей, закругленные углы прямоугольника выглядят следующим образом:

5. Настройки обводки

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

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

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

Обводка появится в виде контура вашей фигуры.

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

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

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

Как заполнять фигуры изображениями

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

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

Теперь на панели «Слои» вы можете добавить обтравочную маску к слою «Изображение», щелкнув правой кнопкой мыши (Win) или Control + щелкнув (Mac) по слою и выбрав «Создать обтравочную маску» . Убедитесь, что слой изображения находится прямо над слоем формы.

Вы заметите значок обтравочной маски рядом с миниатюрой изображения на панели «Слои».

Теперь перетащите изображение на фигуру с помощью инструмента Move и расположите его так, как вам нужно.

Как заполнить фигуры текстом

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

Создайте фигуру, щелкнув и перетащив ее на холсте. Затем выберите Text инструмент на панели инструментов.

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

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

Как создавать прозрачные фигуры с помощью контуров

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

На появившейся панели убедитесь, что для заливки фигуры установлено значение Нет заливки (первый значок слева).

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

Использование пользовательских форм и импорт дополнительных фигур

Последним инструментом формы является инструмент Custom Shape . Нажав и удерживая значок формы, вы сможете получить доступ к инструменту Custom Shape .

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

Если вы ищете нестандартные формы, на Shapes4Free их множество. Чтобы импортировать пользовательскую фигуру, которую вы загрузили, вы можете щелкнуть значок шестеренки в правом верхнем углу панели пользовательских фигур и выбрать Import Shapes .

После того, как вы выбрали и импортировали свою пользовательскую форму, она появится в папках Custom Shapes под фигурами по умолчанию.

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

Удачного редактирования!

Как рисовать векторные фигуры в Photoshop?

Photoshop — это в основном программное обеспечение для редактирования растровых изображений, разработанное и опубликованное Adobe Inc., но в Photoshop мы также можем редактировать векторные изображения. Итак, в этой статье мы узнаем, как рисовать различные типы векторных фигур, такие как прямоугольники, круги, квадраты, эллипсы и т. д. Мы также узнаем, как рисовать нашу пользовательскую форму и как использовать форму Pre-Build, предоставленную Photoshop, а затем мы узнаем о некоторых интересных свойствах и настройке векторных фигур.

Векторные инструменты

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

Итак, чтобы использовать этот инструмент, мы должны активировать этот инструмент в Photoshop, нажав U на клавиатуре, или вы можете выбрать параметр векторных фигур на панели инструментов Photoshop. После выбора инструмента, если вы перетащите мышь на холст, удерживая кнопку Левая кнопка мыши Затем вы увидите, что форма будет создана. По умолчанию выбрана прямоугольная форма, но вы также можете изменить это. Если вы неоднократно нажимаете shift + U на клавиатуре, вы можете переключаться между различными типами векторных фигур, или если вы нажмете и удержите значок векторных фигур на панели инструментов, откроется небольшое всплывающее окно, в котором вы можете увидеть список различных типов векторных фигур, просто выберите их для использования.

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

1. Прямоугольные и квадратные формы
2. Закругленные прямоугольные и квадратные формы
3. Эллиптические и круглые формы
4. Однопиксельная линия
5. Многоугольные формы
6. Пользовательские формы и библиотека предопределенных векторных форм.

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

Квадратная форма: Квадратная форма представляет собой подформу прямоугольной векторной формы. Если удерживать на клавиатуре кнопку shift при создании прямоугольной формы, то вы увидите, что вместо прямоугольной формы будет сформирована квадратная форма, как показано на рисунке ниже: Квадратные формы: Скругленная прямоугольная форма — это фигура, углы которой не острые, а имеют форму плавной кривой, поэтому она называется скругленной прямоугольной формой. Нажав shift + U повторно вы можете выбрать эту форму. На изображении ниже вы можете увидеть пример закругленной прямоугольной векторной формы:

Закругленная квадратная форма: Закругленная квадратная форма — еще один вариант закругленной прямоугольной формы. Если вы удерживаете кнопку shift на клавиатуре при создании закругленной прямоугольной формы, вы увидите, что вместо закругленной прямоугольной формы будет сформирована закругленная квадратная форма, как показано на рисунке ниже:

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

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

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

Линия одиночного пикселя: Эта опция просто создаст линию из одного пикселя, которая будет прямой и линейной. Если вы нажмете Shift при создании формы линии, вы можете создать линию с углом 0°, 45°, 90°, 135°, 180°, 225°, 270° и 315° градусов от исходной точки формы. Например, как показано на изображении ниже:

Многоугольники: В этом варианте мы можем создавать многоугольники, такие как звезда, пятиугольник и различные формы, как показано на рисунке ниже:

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

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

Как сделать пользовательские векторные фигуры?

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

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

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

Параметры векторных фигур

Как и другие инструменты, в Photoshop инструмент векторных фигур также имеет различные типы параметров/свойств, таких как цвет фигуры, размер фигуры, непрозрачность и т. д. Ниже приводится подробное объяснение. вариантов/свойств векторных фигур.

1. Типы

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

2. Цвет заливки

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

3. Обводка и цвет обводки

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

В приведенном ниже примере показано, как выбрать цвет для обводки:

4. Ширина штриха

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

5. Тип обводки

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

Пример:

6. Высота и ширина фигуры

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

7. Сложение, вычитание, пересечение , и выдавливание перекрывающихся фигур

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

Давайте поговорим обо всех параметрах один за другим:

• Добавление фигур: После выбора этой опции вы можете добавить две или более фигур вместе. Если вы хотите добавить прямоугольную форму к круглой форме, вам следует использовать эту опцию. Работа этой опции показана ниже:
• Вычитание фигуры: С помощью этой опции вы можете легко вычесть одну фигуру из другой. перекрывающаяся область двух фигур и вторая фигура будут удалены после этой операции. Давайте проверим, как это работает на изображении ниже:
• Пересечение фигур: Если вы хотите пересечь одну фигуру с другой, используйте эту опцию. После выбора этой опции, если вы нарисуете новую фигуру на другой фигуре, останется общая или перекрывающаяся область двух фигур, а дополнительная область двух фигур, которая не перекрывается, будет удалена. Ниже приведена простая иллюстрация этой операции:
• Выдавливание области перекрытия: Этот параметр полностью противоположен варианту пересечения фигур. в отличие от того, как область перекрытия была сохранена в опции пересечения фигур, в опции вытягивания формы удаляется только область перекрытия фигуры,

8. Выравнивание

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

9. Порядок фигур  

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

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



Основные инструменты формы в Photoshop CC

Авторы: Peter Bauer and

Обновлено: 06.01.2022

Из книги: Adobe Photoshop CC для чайников

Adobe Photoshop CC для чайников

Изучить книгу Купить на Amazon

Photoshop CC предлагает основные инструменты для работы с изображениями и произведения искусства. Прямоугольники, прямоугольники с закругленными углами 92 359 (прямоугольники со скругленными углами), 92 360 кругов и овалов, многосторонние многоугольники, прямые линии и стрелки, а также множество специальных пользовательских форм — все это в вашей команде простым нажатием и перетаскиванием.

Выберите соответствующий инструмент на панели инструментов, выберите нужные параметры на панели параметров и нажмите и перетащите, чтобы создать объект. (Различные инструменты формы вложены в панель инструментов, как показано на этом рисунке.) Звучит просто, правда? Это — без фокусов. Вот некоторые дополнительные функции, которые сделают вашу работу еще проще:

• Используйте клавишу Shift. Нажатие клавиши Shift (как в Mac, так и в Windows) во время перетаскивания ограничивает пропорции (сохраняет соотношение ширины и высоты). С помощью клавиши Shift инструмент «Прямоугольник» создает квадраты; инструмент «Эллипс» создает круги; инструмент «Многоугольник» создает пропорциональные многоугольники; инструмент «Линия» создает горизонтальные или вертикальные линии (или диагональные линии).

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

• Используйте клавишу Option (Mac) или Alt (Windows). Клавиша Option/Alt создает объект с центром в точке, из которой вы щелкаете. Без клавиши Option/Alt объект создается в любом направлении, в котором вы его перетаскиваете.

• Используйте клавиши Shift и Option/Alt. Одновременное нажатие клавиш Shift и Option/Alt помогает создать объект с пропорциональными зависимостями, центр которого находится в точке, в которой вы щелкнули.

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

• Используйте пробел. Во время перетаскивания фигуры удерживайте кнопку мыши нажатой и нажимайте клавишу пробела. Затем вы можете перетаскивать объект, чтобы изменить его положение во время его создания. Удерживая кнопку мыши нажатой, отпустите клавишу пробела и завершите перетаскивание объекта.

• Проверьте панель параметров. При переключении с инструмента формы на инструмент формы панель параметров изменяется в соответствии с вашими потребностями. Например, при активном инструменте «Прямоугольник со скругленными углами» вы выбираете радиус закругленных углов.

  Инструмент «Многоугольник» предлагает простое поле, в котором вы выбираете количество сторон фигуры. При использовании инструмента «Линия» выберите толщину 92 359 (толщина) 92 360 линии на панели параметров. Нажмите кнопку слева от поля «Вес» на панели параметров, чтобы добавить стрелки к одному или обоим концам линий.

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

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

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

Вы можете легко обнаружить слой-фигуру на панели «Слои», особенно если имя слоя по умолчанию начинается со слова Shape . (Конечно, вы можете изменить имя слоя, дважды щелкнув его на панели «Слои».)

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

Эта статья взята из книги:

• Adobe Photoshop CC для чайников,

Об авторе книги:

Питер Бауэр — отмеченный наградами фотограф и автор статей для журналов Photoshop User и Layers. Он наиболее известен как директор службы поддержки Национальной ассоциации профессионалов Photoshop (NAPP), но он также является автором или соавтором дюжины книг по Adobe Photoshop, Illustrator, компьютерной графике и фотографии.

Эту статью можно найти в категории:

• Photoshop ,

Блог Джулианны Кост | Работа с инструментами формы в Photoshop

Вот мои любимые советы, приемы и ярлыки для работы с инструментами формы в Photoshop.

Этот краткий совет (Десять советов и ярлыков для инструментов формы в Photoshop) показывает несколько моих любимых советов по работе с инструментами формы в Photoshop.

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

Перед рисованием фигур — Прежде чем приступить к работе с любым из инструментов «Фигура», обязательно используйте раскрывающееся меню на панели параметров, чтобы выбрать между созданием областей «Слой фигуры», «Путь» или «Заполненные пиксели». чтобы вернуться или выполнить дополнительные шаги, чтобы исправить это. Примечание: другие параметры (такие как изменение атрибутов заливки и обводки) легко изменить/уточнить после рисования фигуры с помощью панели «Свойства».

• Щелкните образцы цвета Заливки и Обводки, чтобы выбрать тип содержимого: Нет (для прозрачной формы), Сплошной цвет, Градиент или Узор. Или щелкните образец цвета, чтобы выбрать цвет из палитры цветов или из недавно использованных цветов.

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

• Чтобы сохранить все параметры инструмента формы (заливка, обводка, размер и т. д.), создайте набор параметров инструмента. Щелкните здесь для получения дополнительной информации о предустановках инструментов.

• Используйте следующие сочетания клавиш для быстрого изменения значений формы на панели параметров:

Инструмент «Прямоугольник»:  ‘[‘ или ‘]’ уменьшает или увеличивает радиус угла на один пиксель. Добавьте клавишу Shift, чтобы увеличить/уменьшить радиус с шагом 10.

Инструмент «Многоугольник»: «[» или ]» уменьшает или увеличивает количество сторон на единицу. Добавьте клавишу Shift, чтобы увеличить/уменьшить количество сторон с шагом 10.

Инструмент «Линия»:  ‘[‘ или ‘]’ уменьшает или увеличивает значение веса линии на один пиксель. Добавьте клавишу Shift для увеличения/уменьшения ширины линии с шагом 10.

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

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

• Опция -перетаскивание (Mac) | Alt-перетащите (Win), чтобы нарисовать фигуру из центра.

• Нажмите клавишу пробела, чтобы изменить положение фигуры во время рисования.

• Команда-перетащить (Mac) | Управляйте перетаскиванием (Win), чтобы изменить угол (повернуть) многоугольника во время рисования.

Элементы управления преобразованием на экране — После рисования фигур Photoshop отображает элементы управления преобразованием на экране:

• Перетащите любую контрольную точку, чтобы масштабировать фигуру. Ограничение пропорций отключено по умолчанию. Добавьте клавишу Shift, чтобы сохранить пропорции.

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

• Перетащите контрольную точку Угловой радиус, чтобы увеличить/уменьшить радиус формы. По умолчанию радиусы углов связаны: Option -drag (Mac) | Alt-перетащите (Win), чтобы изменить радиус одного угла. Примечание. Инструменты «Треугольник» и «Многоугольник» имеют один маркер контрольной точки «Радиус угла», который одинаково изменяет округлость всех углов. В настоящее время для инструмента треугольника нет отдельных контрольных точек углового радиуса.

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

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

Опорная точка — Чтобы изменить Опорную точку для слоев-фигур (Опорная точка — это точка, от которой фигуры масштабируются и поворачиваются с помощью элементов управления преобразованием на холсте), выберите «Установки» > «Инструменты» > «Показать опорную точку при использовании преобразования».

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

Панель «Свойства» — После рисования фигуры используйте панель «Свойства», чтобы изменить атрибуты фигуры, такие как отражение, угол/поворот, радиус, количество сторон и атрибуты звезды (процент отступа и радиус сглаживания) и Навигатор. команды.

• Чтобы просмотреть изменения, внесенные с помощью панели «Свойства», в режиме реального времени, вместо ввода значений в текстовые поля (что требует нажатия «Ввод» или «Возврат» для предварительного просмотра изменений) используйте ползунки «Scrubby» в Photoshop (поместите курсор на название функции: когда курсор изменится на руку со стрелками, указывающими в обоих направлениях, нажмите и перетащите влево/вправо, чтобы уменьшить/увеличить значения). Опция-перетаскивание (Mac) | Alt-перетаскивание (Win) увеличивает/уменьшает значения медленнее, в то время как Shift-перетаскивание уменьшает/увеличивает значения быстрее.

Предотвращение автоматического расширения панели свойств при рисовании фигур — Когда панель свойств свернута в виде значка, добавление фигуры автоматически расширяет панель (упрощая доступ к свойствам фигуры). Чтобы панель «Свойства» не расширялась автоматически, в раскрывающемся меню панели «Свойства» снимите флажок «Показывать при создании фигуры». Примечание. Для доступа к этому всплывающему меню у вас должен быть слой Shape со свойствами Live Shape.

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

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

Добавление стрелок к линии —  Щелкните значок шестеренки на панели параметров, чтобы добавить и настроить ширину, длину и вогнутость стрелок. Примечание. Стрелки необходимо добавлять к линиям до их рисования.

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

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

• Используйте инструмент «Выделение контура», чтобы перетаскивать фигуры в области изображения. Используйте инструмент «Частичное выделение», чтобы перетаскивать части фигуры/пути. Чтобы ограничить выделение только текущим выбранным слоем (или слоями), установите для параметра «Выделение» (на панели параметров) значение «Активные слои». Чтобы перетаскивать фигуры из нескольких слоев, установите для параметра «Выбор» значение «Все слои».

• Чтобы назначить пользовательское сочетание клавиш для переключения между выбором активных слоев и всех слоев, выберите «Правка» > «Сочетания клавиш» и установите «Сочетания клавиш для: Инструменты». Прокрутите вниз и введите один символ для переключателя режима прямого выбора.

Копирование и вставка атрибутов заливки и обводки — Чтобы скопировать и вставить атрибуты заливки или обводки из одной фигуры в другую, щелкните правой кнопкой мыши (или щелкните, удерживая клавишу Control, Mac) на панели «Слои» (справа от имени слоя ) и выберите «Копировать атрибуты фигуры». Затем на панели «Слои» выберите слой (слои) для вставки атрибутов, щелкните правой кнопкой мыши (или щелкните, удерживая клавишу Control, Mac) и выберите «Вставить атрибуты формы».

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

Скрытие пути слоя-фигуры — Command + H (Mac) | Control + H (Win) скрывает путь слоя формы. Примечание. При первом использовании этого сочетания клавиш (Command + H) в Mac OS Photoshop отобразит диалоговое окно с вопросом: «Хотите ли вы использовать Command + H, чтобы скрыть Photoshop (стандарт Mac) или скрыть/показать выделенные области, направляющие и т. д. (традиционный фотошоп)?» Нажмите «Скрыть дополнительные функции», если вы не хотите «Скрывать Photoshop» каждый раз, когда используете ярлык. Если вы выберете «Скрыть Photoshop», вы можете изменить это поведение позже, выбрав «Правка»> «Сочетания клавиш». Установите ярлыки для: меню приложений и переключите треугольник раскрытия для меню «Вид». Прокрутите вниз до «Дополнительно», измените ярлык обратно на Command + H и нажмите «Принять», а затем «ОК».

Просмотр слоев-фигур на панели «Слои» — При работе со сложными документами, содержащими несколько слоев небольших фигур, изменение содержимого миниатюры с «Весь документ» на «Границы слоя» может упростить просмотр содержимого слоя. На всплывающей панели «Слой» выберите «Параметры панели…» и выберите «Границы слоя» (границы слоя обычно обеспечивают более крупный предварительный просмотр слоев с минимальным содержимым, тогда как параметр «Весь документ» отображает содержимое меньшего размера по отношению ко всему документу).

Преобразование фигур в смарт-объекты —  Чтобы предотвратить преобразование фигуры со свойствами живой фигуры в обычную фигуру, сначала преобразуйте фигуру в смарт-объект, а затем примените преобразование. И, если вы сначала создадите слой формы и преобразуете его в смарт-объект, а затем , а затем скопируете смарт-объект, когда вы редактируете содержимое смарт-объекта (например, чтобы изменить цвет или радиус угла формы), все экземпляры этого смарт-объекта будут обновлены. Это видео демонстрирует, как это сделать (пример начинается на 8:30).

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

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

• Удержание опции (Mac) | Alt (Win) и перетаскивание фигуры добавляет новую нарисованную фигуру к текущему слою с фигурой и вычитает новый путь из предыдущей фигуры (фигур), если две фигуры перекрываются (Вычесть переднюю фигуру). Примечание. После того, как вы начнете рисовать фигуру, вы можете отпустить модификатор сочетания клавиш, чтобы перетащить фигуру из угла, а не из центра.

• Удерживая Option + Shift (Mac) | Alt + Shift (Win) и перетаскивание фигуры добавляет новую нарисованную фигуру к текущему слою фигуры и отображает пересечение фигур, если два пути перекрываются (пересечение областей фигуры). Примечание: после того, как вы начнете рисовать фигуру, вы можете отпустить модификаторы сочетания клавиш.

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

• Нажмите кнопку + (плюс), чтобы Объединить фигуры (установите операцию с контуром в Панель параметров для объединения фигур).

• Коснитесь клавиши – (минус), чтобы вычесть переднюю форму (установите операцию пути на панели параметров на «Вычесть переднюю форму»).

• Коснитесь клавиши / (косая черта), чтобы установить операцию пути на пересечение областей формы.

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

Выше приведены примеры: «Объединить фигуры», «Вычесть переднюю форму», «Пересечь области формы» и «Исключить перекрывающиеся фигуры».

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


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


Атрибуты заливки и обводки — Все фигуры на одном слое-фигуре будут иметь одинаковые атрибуты заливки и обводки. Чтобы применить к фигурам разные атрибуты, поместите каждую фигуру на отдельный слой, выделив фигуру и выбрав «Слой» > «Создать» > «Слой-фигура с помощью вырезания». Или используйте сочетание клавиш: Command + Shift + J (Mac) | Control + Shift + J (Победа).

Вставка фигур из Illustrator —  При копировании и вставке фигуры из Illustrator в Photoshop результаты будут различаться в зависимости от типа выбранного слоя:

• Если в Photoshop выбран пиксельный слой, вставленная фигура примет заливку образца цвета переднего плана, установленного на панели инструментов.

• Если в Photoshop выбран слой-фигура, вставленная фигура получит заливку на панели параметров.

Сохранение пользовательских фигур — Чтобы сохранить фигуру для повторного использования в будущем, выберите фигуру и выберите «Правка» > «Определить пользовательскую фигуру», чтобы добавить фигуру на панель «Фигуры».

Отображение фотографии внутри фигуры или контура — Существует несколько способов отображения фотографии внутри фигуры или контура в Photoshop.

• В этом первом примере используется векторная маска для управления тем, какая часть фотографии скрыта или открыта. Чтобы создать этот эффект, выберите нужный инструмент «Форма» и установите параметры формы (на панели параметров), чтобы создать контур. Перетащите фигуру (с выбранным фотослоем), затем выберите «Слой» > «Векторная маска» > «Текущий контур».


• Второй пример показывает фотографию, обрезанную по слою формы. Чтобы создать этот эффект, выберите нужный инструмент фигуры и установите параметры инструмента Фигура (на панели параметров), чтобы нарисовать фигуру. Перетащите фигуру, затем переместите слой-фигуру на панели «Слои» так, чтобы фигура оказалась ниже слоя с фотографией. С выбранным целевым слоем фотографии выберите «Слой» > «Создать обтравочную маску».


• В третьем примере показана копия слоя фотографии (фотокопия) под слоем формы. Непрозрачность слоя копии фотографии уменьшена, а к слою формы применена тень для создания интересного эффекта.

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

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

Направляющие, созданные из слоя формы.

Привязка векторных инструментов и преобразование к пиксельной сетке — Если увеличить изображение выше 500 %, поверх изображения автоматически отображается пиксельная сетка. По умолчанию Photoshop «привязывает» фигуры, нарисованные с помощью инструментов «Фигура» (а также фигуры, нарисованные с помощью инструментов «Перо») к пиксельной сетке. Это предотвращает создание мягких сглаженных краев на фигурах, таких как прямоугольники, и может помочь, когда требуется точное выравнивание фигур. Примечание. Если по какой-либо причине вам необходимо отключить режим «привязки», выберите «Установки» > «Инструменты» > «Инструменты векторной привязки» и «Преобразование в пиксельную сетку» и отмените настройку. Чтобы отключить пиксельную сетку, снимите флажок «Просмотр пикселей» в меню «Просмотр» > «Показать» > «Пиксельная сетка».

На приведенном ниже рисунке показаны три варианта выравнивания фигуры:

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

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

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

No related posts.