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

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

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

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

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

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

Основные понятия: фигуры, векторы и булевы операции

В Adobe Photoshop фигуры — это векторные объекты, создаваемые с помощью инструментов группы «Фигуры»: Прямоугольник, Эллипс, Многоугольник, Линия и Произвольная форма. В отличие от кисти или ластика, они не рисуют пиксели, а создают масштабируемые контуры с чёткими границами. Это значит, что вы можете увеличивать их до любого размера без потери качества.

Булевы операции — математические действия над формами, известные также как логические операции объединения. В Photoshop их четыре:

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

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

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

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

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

Пошаговое руководство: как вычесть фигуру из фигуры

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

  1. Откройте Photoshop и создайте новый документ (Файл → Новый). Рекомендуемый размер — 1920×1080 пикселей, разрешение 72 или 300 ppi в зависимости от цели.
  2. Выберите инструмент «Прямоугольник» (U) на панели инструментов. Удерживая Shift, нарисуйте квадрат в центре холста. Это будет основная фигура.
  3. На панели сверху найдите меню режимов фигур. По умолчанию стоит «Новая фигура». Измените его на «Вычесть переднюю фигуру».
  4. Теперь выберите тот же инструмент «Прямоугольник» и нарисуйте меньший прямоугольник внутри первого. Область перекрытия автоматически исчезнет, создав «вырез».
  5. Проверьте результат: если всё сделано верно, на слое останется только рамка в форме квадрата с пустым центром.
«Всегда проверяйте режим фигуры перед рисованием. Очень часто пользователи забывают переключиться с “Новой фигуры” на “Вычесть”, и вместо вычитания получают просто ещё один слой.» — Алексей Миронов, графический дизайнер, 12 лет опыта

Работа с разными типами фигур

Метод работает одинаково для всех инструментов фигур:

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

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

После выполнения операции вы можете:

  • Переместить вырез — кликните по нему инструментом «Перемещение фигур» (V), зажав Ctrl (Cmd на Mac);
  • Изменить размер — используйте Free Transform (Ctrl+T), держа Alt для масштабирования из центра;
  • Сменить режим — вернитесь к «Объединить фигуры», чтобы добавить элементы обратно.

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

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

Альтернативные методы и инструменты

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

Использование маски выделения

Если вы работаете с растровым слоем (например, фотографией или текстурой), векторные операции недоступны. Тогда применяется маска:

  • Создайте выделение вокруг области, которую хотите удалить (например, с помощью «Быстрого выбора» или «Волшебной палочки»).
  • Инвертируйте выделение (Shift+Ctrl+I), чтобы выбрать фон.
  • Добавьте маску слоя (нажмите на иконку прямоугольника с дыркой внизу панели «Слои»).
  • Теперь вычитание визуальное: скрытые области можно восстановить кистью на маске.

Работа с путями и контурами

Для максимального контроля используйте инструмент «Перо»:

  1. Нарисуйте внешний контур основной фигуры.
  2. Добавьте внутренний контур (вырез) в противоположном направлении (по часовой стрелке — внешний, против — внутренний).
  3. Конвертируйте путь в выделение (Ctrl+Enter), затем заполните (Alt+Backspace).

Этот метод подходит для сложных логотипов и иконок.

Сравнение методов

Метод
Где использовать
Преимущества
Недостатки
Булевы операции
Векторные иконки, UI-элементы
Нелинейное редактирование, масштабирование без потерь
Требует векторного слоя
Маски слоёв
Фотографии, текстуры
Гибкость, возможность коррекции
Не подходит для векторных вырезов
Контуры и пути
Сложные логотипы, печатная продукция
Максимальная точность
Сложный процесс, требует навыков
Полезно знать: Если вы планируете экспортировать результат в Illustrator или Figma, всегда используйте векторные методы. Это обеспечит совместимость и сохранит качество.

Частые ошибки и как их избежать

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

Ошибка 1: Вычитание не работает

Причина: вы пытаетесь вычесть из растрового слоя или текста. Photoshop не применяет булевы операции к таким объектам.

  • Решение: преобразуйте слой в фигуру (Правый клик → Преобразовать в фигуру) или создайте новую векторную фигуру.

Ошибка 2: Фигура исчезает полностью

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

  • Решение: уменьшите размер вычитаемой фигуры или проверьте порядок слоёв. Иногда помогает изменение направления контура.

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

Если вы случайно растрировали слой, векторные свойства теряются.

  • Решение: используйте историю (Ctrl+Z) или повторите операцию на векторном слое. В будущем избегайте команды «Растрировать слой» без необходимости.
«Сохраняйте исходные фигуры на отдельном слое перед вычитанием. Это ваш страховочный вариант, если что-то пойдёт не так.» — Ксения Лебедева, UX-дизайнер, ArtDirector в студии PixelFlow

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

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

Создание кнопки с отверстием

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

  • Нарисуйте прямоугольник — экран.
  • В режиме «Вычесть» добавьте маленький овал в верхней части.
  • Результат — реалистичный макет с вырезом.

Логотип с негативным пространством

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

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

Иконка домика с окном

  • Нарисуйте контур домика с помощью «Произвольной формы».
  • В режиме «Вычесть» добавьте квадрат — окно.
  • Повторите для двери — получится сложная иконка без ручного стирания.
Полезно знать: Сохраняйте проект в PSD-формате, чтобы сохранить все векторные данные. Для экспорта в веб используйте SVG (через «Файл → Экспорт → Экспорт как»), если все элементы векторные.

Экспертное мнение

Анна Петрова, старший графический дизайнер, 15 лет в индустрии

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

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

Советую новичкам: потратьте 20 минут на изучение инструментов фигур и режимов объединения. Это один из самых недооценённых, но мощных инструментов Photoshop.»

Вопросы и ответы

Можно ли вычесть текст из фигуры?
Да, но сначала преобразуйте текст в фигуру (Правый клик по текстовому слою → Преобразовать в фигуру). После этого вы сможете использовать его как векторный объект для вычитания.
Почему при вычитании цвет меняется?
Цвет фигуры зависит от текущего режима заливки. Убедитесь, что у основной фигуры установлен нужный цвет, а вычитаемая фигура — прозрачная. Цвет не влияет на форму, только на визуальное отображение.
Как вычесть несколько фигур одновременно?
Выберите режим «Вычесть переднюю фигуру» и последовательно нарисуйте несколько фигур. Каждая новая будет вычитаться из общей формы. Можно также нарисовать все вычитаемые элементы в режиме «Новая фигура», затем выделить их все (Shift+клик по слоям) и объединить через Ctrl+E, после чего изменить режим всего слоя на вычитание.
Поддерживает ли Photoshop булевы операции на мобильной версии?
Нет, мобильная версия Photoshop Express или Fresco имеет ограниченные возможности. Полноценные булевы операции доступны только в десктопной версии Photoshop на Windows и macOS.

Заключение

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

Главное — помнить, что операция работает только с векторными слоями и требует правильного выбора режима на панели инструментов. Соблюдение этих условий гарантирует успех даже у новичков.
  • Используйте режим «Вычесть переднюю фигуру» для создания вырезов.
  • Работайте только с векторными слоями — растровые и текстовые слои нужно преобразовывать.
  • Сохраняйте исходные формы для быстрого редактирования.
  • Применяйте маски, если работаете с фотографиями.
  • Экспортируйте векторные проекты в SVG для использования в вебе и мобильных приложениях.
⚠️ Дисклеймер — нажмите, чтобы развернуть

Материалы, опубликованные в разделе «Блог» на сайте RU DESIGN SHOP (rudesignshop.ru), носят исключительно информационный и ознакомительный характер и не являются руководством к действию, финансовой рекомендацией, медицинской услугой, ветеринарным назначением либо рекламой товаров и услуг, включая азартные игры. Публикации не содержат призывов к участию в азартных играх и не направлены на продвижение соответствующих операторов.

Безопасность применения товаров и веществ: при использовании строительных материалов, бытовой химии, пестицидов и агрохимикатов необходимо строго следовать инструкциям производителя и действующему законодательству Российской Федерации, включая Федеральный закон РФ от 19.07.1997 № 109-ФЗ «О безопасном обращении с пестицидами и агрохимикатами».

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

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

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

Правовая ответственность: решения, принятые на основе опубликованной информации, пользователь принимает самостоятельно и на свой риск; редакция и авторы несут ответственность в пределах, установленных законодательством Российской Федерации.

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

Упоминание организаций с ограниченным статусом: компания Meta Platforms Inc. (социальные сети Facebook и Instagram) признана экстремистской организацией решением суда РФ, её деятельность запрещена на территории Российской Федерации; любые упоминания приводятся исключительно в информационных целях.

Авторские права и источники: информация собирается из открытых источников; её актуальность указывается на дату публикации и может изменяться.

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

Персональные данные и cookies: сайт использует cookies и обрабатывает персональные данные пользователей в соответствии с Федеральным законом № 152-ФЗ «О персональных данных» и Политикой конфиденциальности RU DESIGN SHOP.

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