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

Есть ли у вас исходник к работе?

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

Пример исходника

Выберете тэги работы:

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

Стиль работы Тематика Ятаквижу

Стиль работы:

#{{tag.label}}

Тематика:

#{{tag.label}}

Ятаквижу:

#{{tag.label}}

Не более десяти тэгов на одну работу

Работа 18+

Отключить комментарии

Комментарии к работе будут отключены, на их месте будет выведена реклама.

После добавления работы:

Автоматически перейти в портфолио
Остаться на текущей странице

Запланировать публикацию

{{pub_dates[pub_date] || pub_dates[0]}}

Отменить планирование

Запланировать

Используя данный сайт, вы даёте согласие на использование файлов cookie, данных об IP-адрес, помогающих нам сделать его удобнее для вас. Подробнее

Как рисовать векторные фигуры в Photoshop, опции Заливка и Обводка

Автор Дмитрий Евсеенков На чтение 9 мин Просмотров 514 Обновлено 28.10.2021

В этом уроке мы будем изучать основы работы с векторными формами (их ещё называют «фигурами», англ — Shapes) и слой-фигурами в Photoshop. Мы начнем с изучения применения пяти геометрических инструментов формы — «Прямоугольник» (The Rectangle Tool), «Прямоугольник со скруглёнными углами» (Rounded Rectangle Tool), «Эллипс» (Ellipse Tool), «Многоугольник» (Polygon Tool), и инструмент «Линия» (Line Tool). Чтобы узнать о каждой из этих фигур подробнее, кликните по их названию.

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

Большинство пользователей позиционируют Photoshop как программу для редактирования фотографий, а если вы попросите рекомендовать хорошую программу для рисования эскизов, макетов и иллюстраций, вам, как правило, посоветуют Adobe Illustrator. Действительно, возможности рисования иллюстраций у программы Illustrator выходят далеко за пределы в Photoshop, но и Photoshop имеет достаточно широкие возможности для выполнения этих задач, как можно было бы ожидать от редактора изображений на основе пикселей. Это достигается в значительной степени благодаря векторным инструментам Photoshop, о которых и пойдёт речь в этом уроке.

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

Содержание

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

Adobe Photoshop имеет шесть инструментов формы, это «Прямоугольник» (The Rectangle Tool), «Прямоугольник со скруглёнными углами» (Rounded Rectangle Tool), «Эллипс» (Ellipse Tool), «Многоугольник» (Polygon Tool), «Линия» (Line Tool) и инструмент «Произвольная фигура» (Custom Shape Tool). Все они вложены в одном месте в панели инструментов. По умолчанию, на инструментальной панели отображён инструмент «Прямоугольник», но если вы нажмёте на него правой клавишей мыши, то откроется выпадающий список с остальными инструментами:

Инструменты векторных форм, верхний инструмент — «Прямоугольник» (Rectangle Tool)

Я выберу первый инструмент в списке, это «Прямоугольник» (Rectangle Tool).

Фигура, Контур или Пиксели

Прежде, начинать создавать какие-либо формы, в первую очередь необходимо указать Photoshop, какой тип формы мы хотим нарисовать. Это необходимо потому, что на самом деле Photoshop позволяет нам создать три абсолютно разных вида форм. Это «Фигура» (Shape), «Контур» (Path) и «Пиксели» (Pixel Shapes).

Установка опции режима инструмента «Фигура» (Shape)

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

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

Чтобы убедиться, что вы рисуете векторные фигуры, а не контуры или пиксели, выберите опцию «Фигура» (Shape) из видов режимов инструмента в панели параметров:

Выбор опции «Фигура» (Shape) на панели параметров

Заливка формы цветом

Следующее действие, которое мы, как правило, выполняем после выбора опции «Фигура», это выбор цвета, заполняющего форму, в версии Photoshop CS6 и выше, это делается с помощью клика по полю «Заливка» (Fill) в панели параметров:

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

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

• Нет цвета (No Color) — белый прямоугольник с красной диагональной линией, заливка отсутствует
• Чистый цвет (Solid Color) — заливка сплошным цветом
• Градиент (Gradient) — заливка градиентом
• Узор (Pattern) — залива Photoshop-узором (паттерном)

Различные методы заливки формы

Нет цвета (No Color)

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

Ниже показан простой пример того, как выглядит форма без заливки цветом. Все, что мы видим — это основной контур формы, который так и называется — «Контур» (Path). Контур отображается только в документе Photoshop, так что при сохранении вашей работы в формате JPEG или PNG, или при печати, контур виден не будет. Чтобы сделать его видимым, мы должны добавить к нему обводку, способы добавления которой мы рассмотрим далее:

Фигура «Прямоугольник» без заливки и обводки.

Чистый цвет (Solid Color)

Чтобы заполнить вашу форму однотонным цветом, выбирайте опцию «Чистый цвет» (Solid Color) вторая иконка слева:

Опция «Чистый цвет» (Solid Color) для заливки фигуры сплошным однотонным цветом

При активной опции, выберите цвет для фигуры, нажав на один из цветовых образцов. Цвета, которые при работе в Photoshop вы недавно использовали, будут отображены выше основных образцов:

Выбор цвета нажатием на образец.

Если нужного вам цвета нет среди представленных образцов,нажмите на значок «Палитра цветов» (Color Picker), расположенный в правом верхнем углу окна:

Клик на значок Color Picker для выбора собственного цвета.

Откроется диалоговое окно палитры цветов, выберите в неё цвет и нажмите OK, чтобы закрыть Color Picker после выбора нужного цвета.

Как видно на рисунке ниже, после этих действий мы имеем такую же форму, только теперь форма имеет цвет:

Фигура, залитая цветом.

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

Чтобы заполнить вашу форму градиентом, выберите опцию «Градиент» (Gradient). Затем нажмите на одну из миниатюр для выбора предустановленного градиента, или используйте миниатюру полосы градиента, расположенную ниже, для создания своего собственного варианта градиента.

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

Вот тот же форма, только теперь она заполнена градиентом:

Форма, заполненная одним из предустановленных градиентов Photoshop.

Заливка узором (Patterns)

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

Ниже показана та же форма, на этот раз заполненная узором:

Та же форма, только на этот раз залитая стандартным узором Photoshop.

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

Добавление обводки к векторной фигуре

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

Для добавления обводки, нажмите на соответствующую опцию в панели параметров:

Опция добавления обводки.

Это открывает окно с параметрами, где мы можем выбрать цвет обводки, а также, задать многие другие параметры.

В верхней части окна у нас есть те же самые четыре иконы для выбора типа заливки линии обводки, это «Нет цвета» (No Color), «Чистый цвет» (Solid Color), Градиент (Gradient) и «Узор» (Pattern). По умолчанию выбран вариант «Нет цвета». Я выберу тип «Чистый цвет» (Solid Color). Выбирать и назначать цвет обводки точно таким же образом, как и цвет заливки, о чем рассказано выше.

Изменение толщины обводки

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

Изменение ширины и единиц измерения обводки.

Опция выравнивания краёв (Align Edges)

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

Дополнительные параметры обводки

По умолчанию, Photoshop рисует обводку в виде сплошной линии, но мы можем изменить это, нажав кнопку «Задать тип штриха фигуры» (Stroke Options ) на панели параметров:

Кнопка окна выбора дополнительных свойств — выбор штриха обводки — сплошного, пунктирного, точечного и др.

Это открывает окно «Параметры обводки» (Stroke Options). В этом окне мы можем изменить тип линии со сплошной на пунктирную или состоящую из точек. Кроме этого, имеется три дополнительные опции обводки:

Диалоговое окно дополнительных параметров обводки

Опция «Выровнять» (Align) позволяет нам выбрать, будет ли обводка расположена внутри контура, снаружи или посередине.
Следующая опция «Концы» (Caps) работает только в случае, если мы выбрали пунктирную обводку. Мы можем изменить вид концов отрезков.

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

«Углы» (Corners) позволяют изменить вид угла при стыке линий обводки. Угля могут быть острыми (по умолчанию), закруглёнными или скошенными. Эта опция работает, если обводка расположена снаружи или посередине контура. Если обводка внутри контура, углы всегда остаются острыми.

Нажатие на кнопку внизу окна «Другие параметры…» (More Options…) открывает ещё одно окно, где мы можем задать длину штрихов и разрывов между штрихами. Вот пример прямоугольной фигуры с заливкой и пунктирной обводкой с разными длинами штрихов:

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

.

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

Содержание

• Создание фигур
  • Общие настройки инструментов
  • Манипуляции с фигурами
  • Практика
• Вопросы и ответы

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

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

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

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

Как видим, инструментов довольно много. Поговорим обо всех кратко.

1. Прямоугольник.
   C помощью данного инструмента мы можем нарисовать прямоугольник или квадрат (с зажатой клавишей SHIFT).

   Урок: Рисуем прямоугольники в Фотошопе

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

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

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

   Урок: Как нарисовать круг в Фотошопе

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

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

   Урок: Рисуем треугольник в Фотошопе

5. Линия.
   С помощью данного инструмента мы можем провести прямую линию в любом направлении. Клавиша SHIFT в данном случае позволяет проводить линии под 90 или 45 градусов относительно холста.

   Толщина линии настраивается все там же – на панели параметров.

   Урок: Рисуем прямую линию в Фотошопе

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

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

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

Общие настройки инструментов

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

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

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

   и его толщину.

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

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

Манипуляции с фигурами

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

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

2. Объединение фигур.

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

3. Вычитание фигур.

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

4. Пересечение фигур.

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

5. Исключение фигур.

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

6. Объединение компонентов фигур.

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

Практика

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

Итак, практика.

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

2. Затем выберем инструмент «Эллипс» и пункт настроек «Вычесть переднюю фигуру». Сейчас мы будем вырезать круг в нашем квадрате.

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

4. Нажимаем ОК и видим следующее:

Отверстие готово.

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

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

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

7. Зададим обводку. Для этого взглянем на блок «Штрих» на панели параметров. Здесь выберем тип обводки «Пунктир» и ползунком изменим ее размер.

8. Цвет пунктира зададим с помощью клика по соседнему цветовому окошку.

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

То можно увидеть следующую картину:

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

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

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

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

Photoshop как рисовать фигуры • Вэб-шпаргалка для интернет предпринимателей!

Содержание

• 1 Создание фигур
  • 1.1 Общие настройки инструментов
  • 1.2 Манипуляции с фигурами
  • 1.3 Практика
  • 1.4 Очередь просмотра
  • 1. 5 Очередь
• 2 YouTube Premium
  • 2.1 Хотите сохраните это видео?
  • 2.2 Пожаловаться на видео?
  • 2.3 Понравилось?
  • 2.4 Не понравилось?
• 3 Текст видео
  • 3.1 Рекомендуем к прочтению

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

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

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

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

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

Как видим, инструментов довольно много. Поговорим обо всех кратко.

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

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

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

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

Урок: Как нарисовать круг в Фотошопе
Многоугольник.
Инструмент «Многоугольник» позволяет нам рисовать многоугольники с заданным количеством углов.

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

Урок: Рисуем треугольник в Фотошопе
Линия.
С помощью данного инструмента мы можем провести прямую линию в любом направлении. Клавиша SHIFT в данном случае позволяет проводить линии под 90 или 45 градусов относительно холста.

Толщина линии настраивается все там же – на панели параметров.

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

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

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

Общие настройки инструментов

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

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

Цвет заливки фигуры. Данный параметр работает, только если активирован инструмент из группы «Фигура», и мы находимся на слое с созданной фигурой. Здесь (слева направо) мы можем: выключить заливку полностью; залить фигуру сплошным цветом; залить градиентом; замостить узором.

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

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

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

Манипуляции с фигурами

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

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

Объединение фигур.

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

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

Пересечение фигур.

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

Исключение фигур.

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

Объединение компонентов фигур.

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

Практика

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

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

2. Затем выберем инструмент «Эллипс» и пункт настроек «Вычесть переднюю фигуру». Сейчас мы будем вырезать круг в нашем квадрате.

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

4. Нажимаем ОК и видим следующее:

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

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

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

7. Зададим обводку. Для этого взглянем на блок «Штрих» на панели параметров. Здесь выберем тип обводки «Пунктир» и ползунком изменим ее размер.

8. Цвет пунктира зададим с помощью клика по соседнему цветовому окошку.

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

То можно увидеть следующую картину:

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

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

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

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

Отблагодарите автора, поделитесь статьей в социальных сетях.

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

Постигаем азы компьютерной графики

Открыв Adobe Photoshop, обратите внимание на панель инструментов. Чтобы перейти к фигурам, кликните мышкой по иконке в виде прямоугольника. В выплывающем окне вы увидите следующие инструменты:

• «Прямоугольник»;
• «Прямоугольник со скруглёнными углами»;
• «Эллипс»;
• «Многоугольник»;
• «Линия»;
• «Произвольная фигура».

Редактор предлагает несколько классических и произвольных форм

Всего существует три режима рисования:

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

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

Нет ничего проще, чем провести линию. Для этого применяется одноимённый инструмент.

Для круга используйте клавишу Shift либо меню дополнительных настроек

Перейдём к тому, как нарисовать круг в Фотошопе. Здесь всё происходит аналогичным образом. Выберите инструмент «Эллипс», определитесь с цветом и толщиной контура. Если вы хотите получить круг, а не эллипс, зажмите на клавиатуре клавишу «Shift» либо установите «окружность» в разделе геометрических параметров.

Рисуем красивую композицию стандартными средствами

Теперь давайте разберёмся, как нарисовать треугольник в Фотошопе. В этом случае всё не так очевидно, но при этом нисколько не сложнее. Всё, что нужно — выбрать «Многоугольники» и в маленьком окошке «Sides» задайте количество углов. Соответственно, чтобы получить треугольник, впишите цифру «3». Дальше всё делается точно так же, как в предыдущих случаях. При помощи инструмента «Многоугольник» можно получить фигуру с любым количеством углов. Если необходимо получить прямоугольный треугольник, нарисуйте квадрат, а затем отсеките половину по диагонали.

Стрелки в начале или конце можно задать в свойствах инструмента

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

Шаблоны, идущие в обычной комплектации приложения

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

Очередь просмотра

Очередь

• Удалить все
• Отключить

YouTube Premium

Хотите сохраните это видео?

• Пожаловаться

Пожаловаться на видео?

Выполните вход, чтобы сообщить о неприемлемом контенте.

Понравилось?

Не понравилось?

Текст видео

Всем привет. Сегодня у нас небольшая замена. Вместо Богдана урок проведу, я — Данила Кулеша. Цель данного эксперимента в том, что бы зритель написал в комментариях, какие плюсы и минусы есть у Богдана. Мы работаем на подписчиков, так что будем стараться все исправить.

В этом видео я буду рассказывать как пользоваться стандартными инструментами для создания фигур. Расскажу про инструмент для создания прямоугольников, кругов, линий и других фигур. И еще расскажу про настройки которые есть у данных фигур. Так же рассмотрим сочетания клавиш которые ускорят и упростят Вашу работу в Adobe Photoshop.
—————————————————————————-
Мой канал посвящен обзорам техники, урокам по монтажу и также созданию оборудования для улучшения контента
—————————————————————————-
Есть ТРИ на мой взгляд самые основные рубрики:

— Уроки монтажа в Final Cut Pro X — http://bit.ly/1HKy2KH — в данных уроках я рассказываю интересные моменты монтажа которые активно используются на моем канале. Так же отвечаю на вопросы по созданию роликов по примеру какого-то видео.

— Обзоры техники — http://bit.ly/1fbwTFd — доносить информацию в данных роликах я стараюсь качественной картинкой (контентом) и всегда откровенно рассказываю о устройствах которые попадают ко мне на обзор. Так что если вам интересно узнать о последних новинках в мире технологий вам данный плейлист пригодится.

— #CreateWithoutMoney — http://bit.ly/1gFLiKW — данная рубрика будет полезна тем людям которые только пришли на YouTube и еще не имеют материальной базы для того что бы создавать качественный контент. Я рассказываю как больших затрат можно создавать качественный контент используя подручные средства.

Думаю что вы подпишетесь на мой канал http://bit.ly/1MPzqVz и не будете жалеть об этом.

Так же хочу предоставить вам информацию о моих социальных сетях:

Фигуры в фотошопе: как нарисовать или вставить?

⇐ ПредыдущаяСтр 5 из 10Следующая ⇒

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

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

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

Режим инструмента выбора. Здесь можно выбрать одно из трёх.

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

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

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

Заливка. Позволяет настроить цвет и тип (градиент, штриховку) нарисованной фигуры.

Обводка. Настройки контура фигуры: толщина, тип, цвет.

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

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

Прямоугольник

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

На панели параметров нажмите значок . Откроется окно геометрических настроек.

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

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

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

Флажок От центра позволяет рисовать прямоугольник от центра, а не из крайней точки.

Прямоугольник со скруглёнными углами

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

Эллипс

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

Многоугольник

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

Окно геометрических настроек от предыдущих фигур заметно отличается.

Радиус. В этом поле задаётся радиус будущего многоугольника.

Сгладить внешние углы. Если флажок установлен, то углы скруглены, если нет — углы острые, как в классическом многоугольнике.

Звезда. Установите флажок, если на выходе хотите получить звезду.

Глубина лучей. Это поле ввода задаёт, насколько длинными будут лучи.

Сгладить внутренние углы. Установите этот флажок если хотите, чтобы внутренние углы были скруглены, как показано на рисунке ниже.

Линия

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

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

Конец. Установите флажок, чтобы стрелка добавлялась в конец линии.

Ширина. Указывается в процентах по отношению к толщине (её можно задать на панели параметров в одноимённом поле).

Длина. Считается так же, как и ширина — по отношению к толщине, в процентах.

Кривизна. Значение указывается в диапазоне от -50% до 50% и определяет, насколько будет изогнута самая широкая часть стрелки. На рисунке изображены стрелки кривизной 0%, 30% и 50% (сверху вниз).

Произвольная фигура

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

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

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

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

⇐ Предыдущая12345678910Следующая ⇒

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

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

Поиск

Последнее обновление: 01 июля 2022 г. 14:49:58 GMT

1. Руководство пользователя Photoshop
2. Знакомство с Photoshop
   1. Мечтай. Сделай это.
   2. Что нового в Photoshop
   3. Отредактируйте свою первую фотографию
   4. Создание документов
   5. Фотошоп | Общие вопросы
   6. Системные требования Photoshop
   7. Перенос предустановок, действий и настроек
   8. Знакомство с Photoshop
3. Photoshop и другие продукты и услуги Adobe
   1. Работа с иллюстрациями Illustrator в Photoshop
   2. Работа с файлами Photoshop в InDesign
      
   3. Материалы Substance 3D для Photoshop
   4. Photoshop и Adobe Stock
   5. Используйте встроенное расширение Capture в Photoshop
   6. Библиотеки Creative Cloud
   7. Библиотеки Creative Cloud в Photoshop
   8. Используйте сенсорную панель с Photoshop
   9. Сетка и направляющие
   10. Создание действий
   11. Отмена и история
4. Photoshop на iPad
   1. Photoshop на iPad | Общие вопросы
   2. Знакомство с рабочим пространством
   3. Системные требования | Фотошоп на iPad
   4. Создание, открытие и экспорт документов
   5. Добавить фото
   6. Работа со слоями
   7. Рисовать и раскрашивать кистями
   8. Сделайте выделение и добавьте маски
   9. Ретушь ваших композитов
   10. Работа с корректирующими слоями
   11. Отрегулируйте тональность композиции с помощью Кривых
   12. Применение операций преобразования
   13. Обрезка и поворот композитов
   14. Поворот, панорамирование, масштабирование и сброс холста
   15. Работа с текстовыми слоями
   16. Работа с Photoshop и Lightroom
   17. Получить отсутствующие шрифты в Photoshop на iPad
   18. Японский текст в Photoshop на iPad
   19. Управление настройками приложения
   20. Сенсорные клавиши и жесты
   21. Сочетания клавиш
   22. Измените размер изображения
   23. Прямая трансляция во время создания в Photoshop на iPad
   24. Исправление недостатков с помощью Восстанавливающей кисти
   25. Создание кистей в Capture и использование их в Photoshop
   26. Работа с файлами Camera Raw
   27. Создание смарт-объектов и работа с ними
   28. Отрегулируйте экспозицию ваших изображений с помощью Dodge and Burn
5. Photoshop в Интернете, бета-версия
   1. Общие вопросы | Photoshop в Интернете, бета-версия
   2. Введение в рабочее пространство
   3. Системные требования | Photoshop в Интернете, бета-версия
   4. Сочетания клавиш | Photoshop в Интернете, бета-версия
   5. Поддерживаемые типы файлов | Photoshop в Интернете, бета-версия
   6. Открытие и работа с облачными документами
   7. Сотрудничать с заинтересованными сторонами
   8. Применение ограниченных правок к вашим облачным документам
6. Облачные документы
   1. Облачные документы Photoshop | Общие вопросы
   2. Облачные документы Photoshop | Вопросы по рабочему процессу
   3. Управление и работа с облачными документами в Photoshop
   4. Обновление облачного хранилища для Photoshop
   5. Невозможно создать или сохранить облачный документ
   6. Устранение ошибок облачного документа Photoshop
   7. Сбор журналов синхронизации облачных документов
   8. Делитесь доступом и редактируйте свои облачные документы
   9. Делитесь файлами и комментируйте в приложении
7. Рабочее пространство
   1. Основы рабочего пространства
   2. Настройки
   3. Учитесь быстрее с помощью панели Photoshop Discover
   4. Создание документов
   5. Разместить файлы
   6. Сочетания клавиш по умолчанию
   7. Настройка сочетаний клавиш
   8. Инструментальные галереи
      
   9. Параметры производительности
   10. Использовать инструменты
   11. Предустановки
   12. Сетка и направляющие
   13. Сенсорные жесты
   14. Используйте сенсорную панель с Photoshop
   15. Сенсорные возможности и настраиваемые рабочие области
   16. Превью технологий
   17. Метаданные и примечания
   18. Сенсорные возможности и настраиваемые рабочие области
       
   19. Поместите изображения Photoshop в другие приложения
   20. Правители
   21. Показать или скрыть непечатаемые дополнения
   22. Укажите столбцы для изображения
   23. Отмена и история
   24. Панели и меню
   25. Позиционные элементы с привязкой
       
   26. Положение с помощью инструмента «Линейка»
8. Веб-дизайн, экранный дизайн и дизайн приложений
   1. Photoshop для дизайна
   2. Артборды
   3. Предварительный просмотр устройства
   4. Копировать CSS из слоев
   5. Разделение веб-страниц
   6. Опции HTML для фрагментов
   7. Изменить расположение фрагментов
   8. Работа с веб-графикой
   9. Создание фотогалерей в Интернете
9. Основы изображения и цвета
   1. Как изменить размер изображения
   2. Работа с растровыми и векторными изображениями
   3. Размер и разрешение изображения
   4. Получение изображений с камер и сканеров
   5. Создание, открытие и импорт изображений
   6. Просмотр изображений
   7. Недопустимая ошибка маркера JPEG | Открытие изображений
   8. Просмотр нескольких изображений
   9. Настройка палитр цветов и образцов
   10. Изображения с высоким динамическим диапазоном
   11. Сопоставьте цвета на изображении
   12. Преобразование между цветовыми режимами
   13. Цветовые режимы
   14. Стереть части изображения
   15. Режимы наложения
   16. Выберите цвет
   17. Настройка индексированных таблиц цветов
   18. Информация об изображении
   19. Фильтры искажения недоступны
   20. О цвете
   21. Настройка цвета и монохрома с использованием каналов
   22. Выбор цветов на панелях «Цвет» и «Образцы»
   23. Образец
   24. Цветовой режим или режим изображения
   25. Цветной оттенок
   26. Добавить условное изменение режима к действию
   27. Добавить образцы из HTML CSS и SVG
   28. Битовая глубина и настройки
10. Слои
    1. Основы слоев
    2. Неразрушающий монтаж
    3. Создание и управление слоями и группами
    4. Выбрать, сгруппировать и связать слои
    5. Поместите изображения в рамки
    6. Непрозрачность слоя и смешивание
    7. Слои маски
    8. Применение смарт-фильтров
    9. Композиции слоев
    10. Переместить, сложить и заблокировать слои
    11. Слои маски с векторными масками
    12. Управление слоями и группами
    13. Эффекты слоя и стили
    14. Редактировать маски слоя
    15. Извлечение активов
    16. Показать слои с обтравочными масками
    17. Создание ресурсов изображения из слоев
    18. Работа со смарт-объектами
    19. Режимы наложения
    20. Объединение нескольких изображений в групповой портрет
    21. Объединение изображений с помощью Auto-Blend Layers
    22. Выравнивание и распределение слоев
    23. Копировать CSS из слоев
    24. Загрузить выделение из границ слоя или маски слоя
    25. Knockout для отображения содержимого других слоев
    26. Слой
    27. Выпрямление
    28. Композитный
    29. Фон
11. Выборки
    1. Рабочая область выбора и маски
    2. Сделать быстрый выбор
    3. Начало работы с выборками
    4. Выберите с помощью инструментов выделения
    5. Выберите с помощью инструментов лассо
    6. Выберите диапазон цветов в изображении
    7. Настройка выбора пикселей
    8. Преобразование между путями и границами выделения
    9. Основы канала
    10. Перемещение, копирование и удаление выбранных пикселей
    11. Создать временную быструю маску
    12. Сохранить выделение и маски альфа-канала
    13. Выберите области изображения в фокусе
    14. Дублировать, разделять и объединять каналы
    15. Вычисления каналов
    16. Выбор
    17. Ограничительная рамка
12. Настройки изображения
    1. Деформация перспективы
    2. Уменьшить размытие изображения при дрожании камеры
    3. Примеры восстанавливающих кистей
    4. Экспорт таблиц поиска цветов
    5. Настройка резкости и размытия изображения
    6. Понимание настроек цвета
    7. Применение регулировки яркости/контрастности
    8. Настройка деталей теней и светлых участков
    9. Регулировка уровней
    10. Настройка оттенка и насыщенности
    11. Настройка вибрации
    12. Настройка насыщенности цвета в областях изображения
    13. Быстрая настройка тона
    14. Применение специальных цветовых эффектов к изображениям
    15. Улучшите изображение с помощью регулировки цветового баланса
    16. Изображения с высоким динамическим диапазоном
    17. Просмотр гистограмм и значений пикселей
    18. Сопоставьте цвета на изображении
    19. Как обрезать и выпрямить фотографии
    20. Преобразование цветного изображения в черно-белое
    21. Корректирующие слои и слои-заливки
    22. Настройка кривых
    23. Режимы наложения
    24. Целевые изображения для прессы
    25. Настройка цвета и тона с помощью пипеток «Уровни» и «Кривые»
    26. Настройка экспозиции и тонирования HDR
    27. Фильтр
    28. Размытие
    29. Осветлить или затемнить области изображения
    30. Выборочная настройка цвета
    31. Заменить цвета объекта
13. Adobe Camera Raw
    1. Системные требования Camera Raw
    2. Что нового в Camera Raw
    3. Введение в Camera Raw
    4. Создание панорам
    5. Поддерживаемые объективы
    6. Эффекты виньетирования, зернистости и удаления дымки в Camera Raw
    7. Сочетания клавиш по умолчанию
    8. Автоматическая коррекция перспективы в Camera Raw
    9. Как сделать неразрушающее редактирование в Camera Raw
    10. Радиальный фильтр в Camera Raw
    11. Управление настройками Camera Raw
    12. Открытие, обработка и сохранение изображений в Camera Raw
    13. Исправление изображений с помощью инструмента Enhanced Spot Removal Tool в Camera Raw
    14. Поворот, обрезка и настройка изображений
    15. Настройка цветопередачи в Camera Raw
    16. Обзор функций | Adobe Camera Raw | 2018 выпусков
    17. Обзор новых возможностей
    18. Версии процесса в Camera Raw
    19. Внесение локальных корректировок в Camera Raw
14. Исправление и восстановление изображений
    1. Удаление объектов с фотографий с помощью Content-Aware Fill
    2. Content-Aware Patch and Move
    3. Ретушь и исправление фотографий
    4. Исправить искажение изображения и шум
    5. Основные действия по устранению неполадок для решения большинства проблем
15. Преобразование изображений
    1. Преобразование объектов
    2. Настройка кадрирования, поворота и размера холста
    3. Как обрезать и выпрямить фотографии
    4. Создание и редактирование панорамных изображений
    5. Деформация изображений, форм и путей
    6. Точка схода
    7. Используйте фильтр «Пластика»
    8. Контентно-зависимое масштабирование
    9. Преобразование изображений, форм и контуров
    10. Деформация
    11. Трансформация
    12. Панорама
16. Рисунок и живопись
    1. Симметричные узоры красками
    2. Рисование прямоугольников и изменение параметров обводки
    3. О чертеже
    4. Рисование и редактирование фигур
    5. Малярные инструменты
    6. Создание и изменение кистей
    7. Режимы наложения
    8. Добавить цвет к путям
    9. Редактировать пути
    10. Краска с помощью кисти-миксера
    11. Наборы кистей
    12. Градиенты
    13. Градиентная интерполяция
    14. Выбор заливки и обводки, слоев и контуров
    15. Рисование с помощью инструментов «Перо»
    16. Создание шаблонов
    17. Создание узора с помощью Pattern Maker
    18. Управление путями
    19. Управление библиотеками шаблонов и пресетами
    20. Рисуйте или раскрашивайте на графическом планшете
    21. Создание текстурированных кистей
    22. Добавление динамических элементов к кистям
    23. Градиент
    24. Нарисуйте стилизованные мазки с помощью Art History Brush
    25. Краска с рисунком
    26. Синхронизация пресетов на нескольких устройствах
17. Текст
    1. Добавить и отредактировать текст
       
    2. Единый текстовый движок
    3. Работа со шрифтами OpenType SVG
    4. Символы формата
    5. Формат абзацев
    6. Как создавать текстовые эффекты
    7. Редактировать текст
    8. Интервал между строками и символами
    9. Арабский и еврейский шрифт
    10. Шрифты
    11. Устранение неполадок со шрифтами
    12. Азиатский тип
    13. Создать тип
    14. Ошибка Text Engine при использовании инструмента «Текст» в Photoshop | Windows 8
18. Видео и анимация
    1. Видеомонтаж в Photoshop
    2. Редактировать слои видео и анимации
    3. Обзор видео и анимации
    4. Предварительный просмотр видео и анимации
    5. Отрисовка кадров в слоях видео
    6. Импорт видеофайлов и последовательностей изображений
    7. Создать анимацию кадра
    8. Creative Cloud 3D-анимация (предварительная версия)
    9. Создание анимации временной шкалы
    10. Создание изображений для видео
19. Фильтры и эффекты
    1. Использование фильтра «Пластика»
    2. Используйте галерею размытия
    3. Основы фильтра
    4. Ссылка на эффекты фильтра
    5. Добавить световые эффекты
    6. Используйте адаптивный широкоугольный фильтр
    7. Используйте фильтр масляной краски
    8. Эффекты слоя и стили
    9. Применить определенные фильтры
    10. Размазать области изображения
20. Сохранение и экспорт
    1. Сохранение файлов в Photoshop
       
    2. Экспорт файлов в Photoshop
    3. Поддерживаемые форматы файлов
       
    4. Сохранение файлов в графических форматах
    5. Перемещение дизайнов между Photoshop и Illustrator
    6. Сохранение и экспорт видео и анимации
    7. Сохранение файлов PDF
    8. Защита авторских прав Digimarc
21. Печать
    1. Печать 3D-объектов
    2. Печать из Photoshop
    3. Печать с управлением цветом
    4. Контактные листы и презентации в формате PDF
    5. Печать фотографий в макете пакета изображений
    6. Плашечные цвета для печати
    7. Дуотоны
    8. Печать изображений на коммерческой типографии
    9. Улучшение цветных отпечатков из Photoshop
    10. Устранение проблем с печатью | Фотошоп
22. Автоматизация
    1. Создание действий
    2. Создание графики, управляемой данными
    3. Сценарии
    4. Обработка пакета файлов
    5. Играть и управлять действиями
    6. Добавить условные действия
    7. О действиях и панели действий
    8. Инструменты записи в действиях
    9. Добавить условное изменение режима к действию
    10. Набор инструментов пользовательского интерфейса Photoshop для подключаемых модулей и сценариев
23. Управление цветом
    1. Понимание управления цветом
    2. Поддержание согласованности цветов
    3. Настройки цвета
    4. Работа с цветовыми профилями
    5. Документы с управлением цветом для онлайн-просмотра
    6. Управление цветом документов при печати
    7. Импортированные изображения с управлением цветом
    8. Пробные цвета
24. Подлинность контента
    1. Узнайте об учетных данных контента
    2. Идентичность и происхождение для NFT
    3. Подключить учетные записи для атрибуции креативов
25. 3D и техническое изображение
    1. Photoshop 3D | Общие вопросы о снятых с производства 3D-функциях
    2. Creative Cloud 3D-анимация (предварительная версия)
    3. Печать 3D-объектов
    4. 3D живопись
    5. Усовершенствования 3D-панели | Фотошоп
    6. Основные концепции и инструменты 3D
    7. 3D-рендеринг и сохранение
    8. Создание 3D-объектов и анимации
    9. Стопки изображений
    10. Рабочий процесс 3D
    11. Измерение
    12. DICOM-файлы
    13. Photoshop и MATLAB
    14. Подсчет объектов на изображении
    15. Объединение и преобразование 3D-объектов
    16. Редактирование 3D-текстур
    17. Настройка экспозиции и тонирования HDR
    18. Настройки панели 3D

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

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

• Создание фигур
• Нарисовать пользовательскую форму
• Доступ к устаревшим пользовательским фигурам

• Формы заливки и обводки
• Нарисуйте форму звезды с помощью инструмента «Многоугольник»

Выполните следующие быстрые шаги для создания фигур в Photoshop:

1. Выберите инструмент фигуры

   На панели инструментов нажмите и удерживайте значок группы инструментов Фигура (), чтобы открыть различные параметры инструментов фигуры — Прямоугольник, Эллипс, Треугольник, Многоугольник, Линия и Пользовательская фигура. Выберите инструмент для фигуры, которую хотите нарисовать.
   

2. Задать параметры инструмента «Фигура»

   На панели параметров инструмента «Фигура» можно установить:

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

3. Нарисуйте фигуру

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

   • Удерживайте клавишу Shift во время рисования, чтобы сделать фигуры пропорциональными.
     
   • Выбрав слой с фигурой, используйте инструмент «Перемещение», чтобы переместить фигуру и изменить ее положение на холсте.
   • Чтобы легко изменить масштаб, преобразовать или повернуть фигуру, выберите «Правка» > «Свободное преобразование» или нажмите клавиши Control+T (Win)/Command+T (Mac).

4. Редактирование свойств фигуры

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

   Вы можете использовать элементы управления преобразованием и округлением на холсте, чтобы настроить внешний вид вашей фигуры. Клавиатурные модификаторы будут работать так же для элементов управления преобразованием на холсте, как и в инструменте преобразования в Photoshop. Вы можете изменить радиус всех углов вашей фигуры сразу или удерживать клавишу Alt (Win) или Option (Mac) при перетаскивании, чтобы изменить радиус одного угла. Для треугольников все углы будут изменены, даже если вы перетащите один из них. Легко поворачивайте фигуру с помощью маркера поворота на холсте, который появляется при наведении указателя мыши на фигуру на холсте.

   Щелкните значок сброса () на панели свойств, чтобы сбросить все изменения в любое время.

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

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

Чтобы заполнить и обвести фигуры, выполните следующие действия: 

1. На панели «Слои» выберите слой формы, который вы хотите заполнить или обвести.

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

   • Выберите инструмент формы (нажмите U) на панели инструментов. На панели параметров инструмента выберите «Заливка» или «Обводка».
   • На панели «Свойства» выберите тип заливки или обводки.

3. Во всплывающем меню выберите вариант заливки или обводки – Сплошной цвет, Градиент или Узор.
   

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

   Градиент: Выберите набор настроек градиента или щелкните градиент, чтобы открыть диалоговое окно «Редактор градиента». Установите дополнительные параметры градиента:

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

   Шаблон:  Выберите шаблон во всплывающем меню и задайте дополнительные параметры шаблона:

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

Улучшено в выпуске Photoshop для настольных ПК от февраля 2021 г. (22.2)

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

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

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

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

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

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

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

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

1. На панели «Контуры» выберите контур — векторную маску для слоя-фигуры, рабочий контур или сохраненный контур.

2. Выберите «Правка» > «Определить нестандартную фигуру» и введите имя новой нестандартной фигуры в диалоговом окне «Имя фигуры». Новая фигура появится на всплывающей панели «Фигура» на панели параметров.

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

   Дополнительную информацию см. в разделе Работа с менеджером пресетов.

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

Выполните следующие 3 быстрых шага, чтобы нарисовать форму звезды с помощью инструмента «Многоугольник»:

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

2. Перетащите мышь на холст, чтобы нарисовать многоугольник.
   

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

   • Ширина и высота: вручную установите ширину и высоту многоугольника.
   • Симметричный: установите флажок, чтобы сохранить симметрию в полигоне.
   • Количество сторон: вручную введите количество сторон, которое должно быть у многоугольника. Например, установите количество сторон равным 5, если вы хотите нарисовать форму звезды с пятью углами.
   • Угловой радиус: Вручную установите радиус, чтобы скруглить углы многоугольника.
   • Соотношение звезд: отрегулируйте процентное соотношение звезд, чтобы получить идеальную форму звезды.
   • Smooth Star Indents: установите флажок, чтобы округлить звездообразные отступы.
   • Из центра: установите флажок, чтобы выровнять форму звезды по центру.
   Создайте форму звезды с помощью инструмента «Многоугольник»
.

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

1. В главном окне выберите «Окно» > «Фигуры».
   

2. В правом верхнем углу панели «Фигуры» щелкните значок меню () и выберите «Устаревшие фигуры и прочее»
   

Еще нравится это

• Сообщество Photoshop | Рисовать фигуры в Photoshop стало проще
• Фотошоп-сообщество | Краткие советы: как найти и использовать устаревшие фигуры в текущей версии Photoshop
• Работа с инструментом Линия
• О чертеже
• Рисование с помощью инструмента «Перо»
• Добавляйте векторные фигуры в свои проекты | Учебник

Купите Adobe Photoshop или начните бесплатную пробную версию . ​

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

Войти

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

Как рисовать пользовательские фигуры в 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. Установите режим инструмента на форму

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

В поле Размер рядом с образцом цвета введите ширину или толщину обводки. Я установлю свой на 10 пикселей. Нажмите Введите (Победа) / Верните (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 .

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

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

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

Затем я выберу вариант Нет цвета вверху, как мы видели ранее на панели параметров.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Затем на панели параметров щелкните значок Выравнивание пути .

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

И выберите в меню Маленькая миниатюра .

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

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

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

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

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

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

Как загрузить недостающие фигуры 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 и щелкнуть Инструментом выбора контура на форме сердца, чтобы обе фигуры были выбраны одновременно.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Выбор формы.

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

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

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

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

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

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

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

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

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

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

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

Photoshop дает нам шесть инструментов формы на выбор — Rectangle Tool , Rounded Rectangle Tool , Ellipse Tool , Polygon Tool , Line Tool и Custom Shape Tool , и все они вложены вместе в одном месте на панели инструментов . По умолчанию отображается инструмент «Прямоугольник», но если мы щелкнем и удерживаем значок инструмента, появится всплывающее меню, показывающее нам другие инструменты, которые мы можем выбрать:

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

Я начну с выбора первого в списке инструмента Rectangle Tool :

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

Фигуры, пиксели или контуры

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

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

Установка для параметра «Режим инструмента» значения «Форма».

Заполнение формы цветом

Следующее, что мы обычно хотим сделать, это выбрать цвет для фигуры, и в Photoshop CS6 мы делаем это, щелкнув образец цвета Fill на панели параметров:

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

Это открывает окно, которое позволяет нам выбрать один из четырех различных способов заполнения фигуры, каждый из которых представлен одним из четырех значков вверху. Начиная слева, у нас есть 9Значок без цвета 0853 (тот, который перечеркнут красной диагональной линией), значок сплошного цвета , значок градиент и значок Pattern :

Четыре варианта заливки фигуры (Без цвета, Сплошной цвет, Градиент и Узор).

Нет цвета

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

Параметр «Без цвета» оставит фигуру пустой.

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

Виден только контур фигуры (и только в Photoshop), когда для параметра «Заливка» установлено значение «Без цвета».

Сплошной цвет

Чтобы заполнить фигуру сплошным цветом, выберите параметр сплошной цвет (второй слева):

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

Выбрав сплошной цвет, выберите цвет фигуры, щелкнув один из образцов цвета . Цвета, которые вы недавно использовали, появятся в недавно использованных цветах 9.0854 ряд ​​над основными образцами:

Выбор цвета нажатием на образец.

Если нужный цвет не найден ни в одном из образцов, щелкните значок Color Picker в правом верхнем углу поля:

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

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

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

Вот та же фигура, что и раньше, но на этот раз залитая сплошным цветом:

Базовая фигура, заполненная сплошным цветом.

Градиент

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

Выбор параметра «Градиент» вверху, а затем выбор предустановленного градиента.

Вот та же фигура, залитая градиентом:

Фигура, заполненная одним из предустановленных градиентов Photoshop.

Узор

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

Выбор параметра «Шаблон», затем выбор предустановленного шаблона.

Вот как выглядит фигура, заполненная одним из предустановленных шаблонов Photoshop. Чтобы закрыть окно параметров цвета заливки, когда вы закончите, нажмите Enter (Win) / Return (Mac) на клавиатуре или щелкните пустое место на панели параметров. Если вы не уверены, какой цвет, градиент или рисунок вам нужен для вашей формы, не волнуйтесь. Как мы увидим, вы всегда можете вернуться и изменить его позже:

Форма, заполненная заданным шаблоном.

Добавление обводки вокруг фигуры

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

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

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

Это открывает окно, предоставляющее нам точно такие же параметры, которые мы видели с цветом заливки, за исключением того, что на этот раз мы выбираем цвет для нашей обводки. Вверху у нас есть те же четыре значка для выбора между Нет цвета , Сплошной цвет , Градиент или Шаблон . По умолчанию выбран параметр «Нет цвета». Я выберу «Сплошной цвет», затем установлю черный цвет в качестве цвета обводки, выбрав его из образцов. Как и в случае с цветом заливки, если цвет, который вам нужен для обводки, не найден в образцах, щелкните значок Color Picker иконка вверху справа для ручного выбора нужного вам цвета:

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

Изменение ширины штриха

Чтобы изменить ширину обводки, используйте параметр Ширина обводки непосредственно справа от образца цвета обводки на панели параметров. По умолчанию установлено значение 3 pt. Чтобы изменить ширину, вы можете ввести конкретное значение прямо в поле (нажмите Введите (Win) / Верните (Mac) на клавиатуре, когда вы закончите, чтобы принять его), или щелкните маленькую стрелку справа от значения и перетащите ползунок:

Изменение ширины обводки.

Параметр выравнивания краев

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

Обычно нужно убедиться, что установлен флажок «Выровнять края».

Однако, чтобы функция «Выравнивание краев» работала, ее необходимо не только выбрать, но и установить ширину обводки в пикселя (px) , а не pt (pt) . Поскольку моя ширина обводки в настоящее время использует точки (тип измерения по умолчанию), я вернусь и введу новую ширину 10 пикселей:

Чтобы функция «Выровнять края» работала, установите ширину обводки в пикселях (px).

Вот пример черной обводки 10 пикселей, примененной к фигуре:

Простая фигура с черной обводкой вокруг нее.

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

Откроется окно параметров обводки. Отсюда мы можем изменить штрих типа со сплошной линии на пунктирную линию или пунктирную линию . Опция Align позволяет нам выбрать, должен ли штрих падать на внутри контура пути, снаружи пути или быть центрированным на пути. Мы можем установить параметр Caps на Butt , Round или Square и изменить Corners на Miter , Round или Bevel . Нажав кнопку More Options внизу, вы откроете более подробное окно, в котором вы можете установить конкретные значения тире и промежутка и даже сохранить свои настройки в качестве предустановки:

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

Вот та же черта, что и раньше, на этот раз в виде пунктирной, а не сплошной линии:

Тип штриха изменен со сплошного на пунктирный.

Плагин Shortcodes, Actions and Filters: ошибка в шорткоде [ ads-basics-middle ]

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

Теперь, когда мы знаем, как выбирать различные инструменты фигур Photoshop на панели инструментов, как выбирать цвет заливки и обводки и как изменять внешний вид обводки, давайте научимся рисовать векторные фигуры! Мы начнем с первого инструмента в списке, Инструмент «Прямоугольник» . Я выберу его на панели «Инструменты», как и раньше:

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

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

Вытягивание прямоугольника. При перетаскивании появляется только контур фигуры.

Когда вы отпустите кнопку мыши, Photoshop заполнит фигуру цветом, который вы выбрали на панели параметров:

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

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

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

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

Если вам нужно изменить размер фигуры после того, как вы ее нарисовали (и это работает для всех инструментов формы, а не только для инструмента «Прямоугольник»), просто введите нужные размеры в поля «Ширина» (W) и «Высота» (H). Например, предположим, что мне действительно нужно, чтобы моя фигура была шириной ровно 500 пикселей. Все, что мне нужно сделать, это изменить значение ширины на 500 пикселей . Я также могу ввести конкретную высоту, если это необходимо. Если вы хотите изменить ширину или высоту, но сохранить исходное соотношение сторон фигуры, сначала щелкните маленький значок ссылки между значениями ширины и высоты:

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

Когда выбран значок ссылки, ввод новой ширины или высоты указывает Photoshop автоматически изменить другую, чтобы сохранить соотношение сторон. Здесь я вручную ввел новую ширину 500 пикселей, и, поскольку у меня был выбран значок ссылки, Photoshop изменил высоту на 273 пикселя:

Изменение размера фигуры.

Выбор размера перед рисованием фигуры

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

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

Рисование фигуры из ее центра

Вот несколько простых, но очень полезных сочетаний клавиш. Если вы нажмете и будете удерживать клавишу Alt (Win) / Option (Mac) на клавиатуре во время перетаскивания фигуры, вы нарисуете ее из центра , а не из угла. Это работает с любыми инструментами формы Photoshop, а не только с инструментом «Прямоугольник». Однако очень важно, чтобы вы дождались после того, как вы начали перетаскивать, прежде чем нажимать клавишу Alt / Option, и удерживали клавишу нажатой до после вы отпустили кнопку мыши, иначе она не будет работать:

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

Квадраты для рисования

Чтобы нарисовать идеальный квадрат с помощью инструмента «Прямоугольник», щелкните внутри документа, чтобы установить начальную точку, и начните перетаскивание, как обычно. Как только вы начали перетаскивать, нажмите и удерживайте клавишу Shift на клавиатуре. Это превращает прямоугольник в идеальный квадрат. Опять же, убедитесь, что вы ждете до после вы начали перетаскивать до нажатия клавиши Shift и удерживали ее до тех пор, пока после вы не отпустили кнопку мыши, иначе это не сработает. Вы также можете объединить эти два сочетания клавиш вместе, нажав и удерживая Shift+Alt (Win) / Shift+Option (Mac) при перетаскивании с помощью инструмента «Прямоугольник», который превратит фигуру в идеальный квадрат и нарисует ее. от центра:

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

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

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

Параметры формы

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

Щелкните значок шестеренки.

Поскольку у меня выбран инструмент «Прямоугольник», щелчок по значку шестеренки показывает мне параметры инструмента «Прямоугольник». За исключением инструмента «Многоугольник» и инструмента «Линия», которые мы рассмотрим позже, вы не будете часто использовать это меню, потому что мы уже научились получать доступ к большинству этих параметров с клавиатуры. Например, параметр Unconstrained позволяет нам свободно рисовать фигуры любых размеров, которые нам нужны, но поскольку это поведение инструментов формы по умолчанию, его не нужно выбирать. 9Опция 0853 Square позволяет нам рисовать идеальные квадраты с помощью инструмента Rectangle Tool, но мы уже можем сделать это, нажав и удерживая клавишу Shift . А From Center будет рисовать фигуру из ее центра, но опять же, мы уже можем это сделать, нажав и удерживая Alt (Win) / Option (Mac).

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

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

Редактирование слоев-фигур

Ранее мы узнали, что для рисования векторных фигур в Photoshop необходимо убедиться, что для параметра «Режим инструмента» на панели параметров установлено значение 9.0853 Формы (в отличие от Пути или Пикселей). Когда мы рисуем векторную фигуру, Photoshop автоматически помещает ее на слой особого типа, известный как слой формы . Если мы посмотрим на панель «Слои », то увидим, что фигура, которую я нарисовал с помощью инструмента «Прямоугольник», находится на слое формы с именем «Прямоугольник 1». Имя слоя будет меняться в зависимости от того, какой инструмент формы был использован, поэтому, если бы я нарисовал фигуру, скажем, с помощью инструмента «Эллипс», он будет называться «Эллипс 1»:

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

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

Значок на миниатюре предварительного просмотра говорит нам, что это слой Shape.

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

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

Затем я выберу другой цвет для своей фигуры из образцов:

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

Как только я нажму на образец, Photoshop мгновенно обновит фигуру новым цветом:

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

И, если мы снова посмотрим на панель «Слои», мы увидим, что миниатюра предварительного просмотра для слоя «Форма» также была обновлена ​​​​с новым цветом:

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

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

Давайте взглянем на второй из инструментов Photoshop для фигур, Rounded Rectangle Tool . Я выберу его на панели инструментов:

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

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

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

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

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

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

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

Вот еще один пример прямоугольника со скругленными углами, на этот раз со значением Радиуса, установленным на 150 пикселей, достаточно большим (во всяком случае, в данном случае), чтобы вся левая и правая стороны прямоугольника выглядели изогнутыми:

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

А вот прямоугольник, но с гораздо меньшим значением Радиуса, всего 10 пикселей, что дает мне очень маленькие закругленные углы:

Меньшее значение радиуса дает нам менее закругленные углы.

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

Если вы нарисовали прямоугольник со скругленными углами и решили, что вас не устраивает округлость углов, все, что вы можете сделать, это перейти в меню Редактировать в строке меню в верхней части экрана и выбрать Отменить закругление. Инструмент «Прямоугольник» (или нажмите Ctrl+Z (Win) / Command+Z (Mac) на клавиатуре), который удалит закругленный прямоугольник из документа. Затем введите другое значение радиуса на панели параметров и повторите попытку:

Переход к Edit > Undo Rounded Rectangle Tool.

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

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

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

Photoshop Ellipse Tool позволяет нам рисовать эллиптические или круглые формы. Я выберу его на панели инструментов:

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

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

Рисование эллиптической формы с помощью инструмента «Эллипс».

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

Форма, заполненная цветом.

Чтобы нарисовать идеальный круг с помощью инструмента «Эллипс», начните растаскивать фигуру, затем нажмите и удерживайте Клавиша Shift . Чтобы нарисовать эллиптическую форму из центра , нажмите и удерживайте Alt (Win) / Option (Mac) после начала перетаскивания. Нажатие и удержание Shift+Alt (Win) / Shift+Option (Mac) нарисует идеальный круг из его центра. Как всегда, отпустите клавиши только после того, как вы отпустили кнопку мыши:

Круг, нарисованный с помощью инструмента «Эллипс».

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

Polygon Tool — вот где все становится интереснее. Я выберу его на панели инструментов:

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

В то время как инструмент «Прямоугольник» в Photoshop ограничен рисованием четырехсторонних многоугольников, инструмент «Многоугольник» позволяет нам рисовать многоугольные фигуры с любым количеством сторон! Он даже позволяет нам рисовать звезды, как мы сейчас увидим. Чтобы нарисовать фигуру с помощью инструмента «Многоугольник», сначала введите необходимое количество сторон в параметр Стороны на панели параметров. Вы можете ввести любое число от 3 до 100. Я пока оставлю свое значение по умолчанию 5:

Введите необходимое количество сторон в поле Стороны.

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

5-сторонняя фигура, нарисованная с помощью инструмента «Многоугольник».

Установка для параметра Стороны значения 3 на панели параметров дает нам простой способ нарисовать треугольник:

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

А вот форма многоугольника со сторонами, установленными на 12. Как и параметр «Радиус» для инструмента «Прямоугольник со скругленными углами», Photoshop не позволяет нам изменять количество сторон после того, как мы нарисовали нашу фигуру, поэтому, если вы допустили ошибку, вы нужно перейти в меню Edit в верхней части экрана и выбрать Undo Polygon Tool (или нажмите Ctrl+Z (Win) / Command+Z (Mac)), затем введите другое значение в параметр Стороны и перерисуйте фигуру:

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

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

Чтобы нарисовать звезды с помощью инструмента «Многоугольник», щелкните значок шестеренки на панели параметров, затем выберите Звезда :

Щелкните значок шестеренки и выберите звездочку.

Затем просто щелкните внутри документа и вытащите звезду. Если выбрана звезда, параметр «Стороны» на панели параметров управляет количеством точек звезды, поэтому при значении по умолчанию, равном 5, мы получаем 5-конечную звезду: 9.0003

5-конечная звезда, нарисованная с помощью инструмента «Многоугольник».

Изменение значения сторон на 8 дает нам 8-конечную звезду:

Управляйте количеством точек с помощью параметра Стороны.

Мы можем создать звездообразную форму, увеличив параметр Отступ сторон на по сравнению со значением по умолчанию 50%. Я увеличу его до 90%. Я также увеличу значение сторон до 16:

Создание звезды путем увеличения значения Indent Sides By.

И вот результат:

Звездообразование, нарисованное с помощью инструмента «Многоугольник».

По умолчанию звезды имеют острые углы на концах своих точек, но мы можем сделать их закругленными, выбрав параметр Smooth Corners :

Включение сглаживания углов.

Вот стандартная 5-конечная звезда с включенной опцией «Сглаженные углы»:

Параметр «Сглаженные углы» придает звездам веселый и дружелюбный вид.

Мы также можем сгладить отступы и сделать их закругленными, выбрав Гладкие углубления опция:

Включение сглаживания отступов.

Выбрав Smooth Corners и Smooth Indents, мы получим форму морской звезды:

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

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

Последним из основных инструментов Photoshop для геометрической формы является Line Tool . Я выберу его на панели инструментов:

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

Инструмент «Линия» позволяет нам рисовать простые прямые линии, но мы также можем использовать его для рисования стрелок. Чтобы нарисовать прямую линию, сначала установите толщину линии, введя значение в пикселях в поле 9.0853 Поле Weight на панели параметров. Значение по умолчанию — 1 пиксель. Я увеличу его до 16 пикселей:

Параметр Вес определяет толщину или ширину линии.

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

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

Стрелки направления рисования

Чтобы нарисовать стрелки, щелкните значок шестеренки на панели параметров, чтобы открыть параметры Arrowheads . Выберите, хотите ли вы, чтобы стрелка отображалась в начале линии, в конце или в обоих случаях (если вы хотите, чтобы стрелка была направлена ​​в том же направлении, в котором рисуется линия, выберите Конец):

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

Вот линия, похожая на ту, что была нарисована ранее, на этот раз со стрелкой на конце:

Инструмент «Линия» упрощает рисование стрелок направления.

Если размер стрелки по умолчанию вам не подходит, вы можете настроить его, изменив параметры Ширина и Длина . Вы также можете сделать наконечник стрелки более вогнутым, увеличив параметр Вогнутость . Я увеличу его со значения по умолчанию 0% до 50%:

Измените форму наконечника стрелы, увеличив ее вогнутость.

Вот как теперь выглядит наконечник стрелы. Убедитесь, что вы изменили параметры инструмента «Линия» до того, как нарисуете фигуру, так как их нельзя будет изменить впоследствии (если вам нужно внести изменения, вам нужно будет отменить форму и начать заново):

Наконечник со значением Вогнутости равным 50%.

Скрытие контура пути вокруг фигуры

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

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

Чтобы скрыть контур контура в Photoshop CS6, просто нажмите Введите (Win) / Верните (Mac) на клавиатуре, и он исчезнет:

Нажмите Enter (Win)/Return (Mac), и контур исчезнет.

Как рисовать векторные фигуры в 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 на клавиатуре, или выберите инструмент «Перо» на панели инструментов и установите инструмент «Перо» на путь к форме.

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

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

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

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

1. Типы

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

2. Цвет заливки

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

3. Обводка и цвет обводки

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

В приведенном ниже примере показано, как выбрать цвет для обводки:

4. Ширина штриха

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

5. Тип обводки

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

Пример:

6. Высота и ширина фигуры

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

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

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

Давайте поговорим обо всех параметрах один за другим:

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

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

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

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

8. Выравнивание

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

9. Порядок фигур  

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

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

Как рисовать линии в Photoshop

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

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

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