Как сделать фоновый слой в фотошопе

Обновлено: 02.07.2024

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

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

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

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

Как заполнить фон в Photoshop

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

Как заполнить фоновый слой Photoshop CS5 (руководство с картинками)

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

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

Если панель «Слои» не отображается в правой части окна, нажмите клавишу F7 на клавиатуре, чтобы отобразить ее.

Шаг 2. Щелкните фоновый слой на панели «Слои».

 выберите фоновый слой

Шаг 3. Нажмите «Выбрать» в верхней части окна, затем нажмите «Все».

И наоборот, вы можете нажать Ctrl + A на клавиатуре, чтобы выбрать весь слой.

 выделить весь слой

Шаг 4. Нажмите «Изменить» в верхней части окна, затем нажмите «Заполнить».

 заполнить слой фотошоп cs5

Шаг 5. Нажмите раскрывающееся меню справа от пункта «Использовать», затем выберите параметр «Цвет».

 как заполнить фоновый слой в фотошопе cs5

Шаг 6. Щелкните мышью на цвете, которым вы хотите заполнить фоновый слой, нажмите кнопку «ОК», чтобы выбрать цвет, затем снова нажмите кнопку «ОК», чтобы заполнить фоновый слой вашего изображения Photoshop CS5.

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

Вы можете узнать больше об использовании команды «Заливка» в Photoshop CS5, прочитав эту статью.

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

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

Как изменить цвет фона изображения в Photoshop CS5

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

Шаг 1. Откройте изображение в Photoshop CS5.

Шаг 2. Нажмите инструмент быстрого выбора на панели инструментов.

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

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

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

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

 выберите объект переднего плана

Шаг 4. Нажмите кнопку «Уточнить край» в верхней части окна.

 нажмите кнопку

Шаг 5. Установите флажок слева от «Умного радиуса», затем перетащите ползунок «Радиус», пока выбранный объект не будет выглядеть правильно. Затем вы можете нажать кнопку OK в нижней части окна.

 настроить радиус

Шаг 6. Нажмите «Выбрать» в верхней части окна, затем выберите параметр «Инверсия».

При этом будет выбрано все, кроме объекта, который вы выбрали на предыдущих шагах.

 выберите инверсию

Шаг 7. Нажмите «Изменить» в верхней части окна, затем нажмите «Заполнить».

 выберите вариант заполнения

Шаг 8. Нажмите раскрывающееся меню справа от пункта «Использовать», затем выберите параметр «Цвет».

 выберите вариант цвета

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

Теперь цвет фона вашего изображения Photoshop должен измениться.

Дополнительные источники

Мэттью Берли пишет учебные пособия по технологиям с 2008 года. Его тексты появились на десятках различных веб-сайтов и были прочитаны более 50 миллионов раз.

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

Его основные темы написания включают iPhone, Microsoft Office, Google Apps, Android и Photoshop, но он также писал и на многие другие технические темы.

GCFGlobal Logo

поиск меню

Логотип Goodwill

Урок 10. Больше возможностей со слоями

Введение

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

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

Непрозрачность слоя

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

изображение с различными уровнями прозрачности

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

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

Чтобы настроить прозрачность слоя:

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

Снимок экрана Adobe Photoshop CC

Снимок экрана Adobe Photoshop CC

Попробуйте это!

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

Прозрачность фона

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

Скриншот Adobe Photoshop CC

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

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

Скриншот Adobe Photoshop CC

Обратите внимание: если вы хотите, чтобы фон вашего изображения был прозрачным, вам нужно сохранить его в формате, поддерживающем прозрачность. Мы рекомендуем использовать формат PNG-24, который доступен в диалоговом окне «Сохранить для Web». Файлы JPEG не могут иметь прозрачный фон, поэтому все прозрачные области будут сохранены как белые.

Снимок экрана Adobe Photoshop CC

Режимы наложения

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

Если вы следуете файлу примера, выберите слой «Запись». Обратите внимание, что режим наложения установлен на Умножение. Несмотря на то, что непрозрачность слоя «Запись» установлена ​​на 100 %, этот режим наложения позволяет просвечивать бирюзовый цвет нижнего слоя.

Скриншот Adobe Photoshop CC

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

Снимок экрана Adobe Photoshop CC

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

Несмотря на то, что режимы наложения обеспечивают большую гибкость, их использование может оказаться сложным. Чтобы узнать больше о режимах наложения, просмотрите это руководство от Photo Blog Stop.

Обтравочные маски

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

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

Снимок экрана Adobe Photoshop CC

Чтобы применить обтравочную маску, нажмите и удерживайте клавишу Alt на клавиатуре (или Option на Mac), затем щелкните между нужными слоями на панели «Слои».В этом примере мы щелкаем между слоями Gradient Map и Acorn.

Снимок экрана Adobe Photoshop CC

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

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

Попробуйте это!

Откройте файл примера. Выберите слой Acorn, затем добавьте корректирующий слой Curves. Убедитесь, что к новому слою применена обтравочная маска, затем измените кривые на панели «Свойства». Обратите внимание, что корректировка кривых влияет только на слой Acorn. Затем попробуйте уменьшить непрозрачность корректирующих слоев до 70%.

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

Слои-маски

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

Создание маски слоя может быть немного сложным, поэтому давайте начнем с того, что уже готово. Если вы следуете файлу примера, выберите слой Acorn. Здесь мы использовали маску слоя, чтобы скрыть или замаскировать фон, чтобы желудь был единственной видимой частью слоя. Маска слоя представлена ​​​​черно-белой миниатюрой справа от значка слоя на панели «Слои». Обратите внимание, как области, видимые в окне документа, соответствуют белой области на миниатюре маски слоя.

Скриншот Adobe Photoshop CC

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

Чтобы отредактировать маску слоя:

Чтобы лучше понять, как работают маски слоя, попробуем отредактировать маску слоя Acorn. Мы будем использовать инструмент «Кисть», поэтому, если вы никогда им не пользовались, рекомендуем просмотреть наш урок по работе с кистями.

  1. Выберите миниатюру маски слоя на панели «Слои». В нашем примере мы выберем миниатюру рядом со слоем Acorn.
  2. Затем выберите инструмент "Кисть" на панели "Инструменты" и установите для параметра ForegroundColor белый цвет.
  3. Нажмите и перетащите изображение, чтобы открыть области слоя. В этом примере мы раскрываем больше фона, добавляя белую краску к маске слоя.

Снимок экрана Adobe Photoshop CC

Чтобы получить наилучший возможный результат, вам потребуется время и тщательная работа, особенно при уточнении краев маски слоя вокруг объекта. Может оказаться полезным настроить размер, жесткость и непрозрачность инструмента «Кисть».

Чтобы создать новую маску слоя:

Теперь, когда вы знаете больше о масках слоев, вы можете попробовать создать свои собственные.

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

Снимок экрана Adobe Photoshop CC

Снимок экрана Adobe Photoshop CC

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

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

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

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

Чтобы удалить маску слоя:

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

Снимок экрана Adobe Photoshop CC

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

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

Группы слоев

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

Чтобы создать группу:

  1. Найдите и нажмите кнопку "Группировать" в нижней части панели "Слои".

Снимок экрана Adobe Photoshop CC

Снимок экрана Adobe Photoshop CC

Скриншот Adobe Photoshop CC

Снимок экрана Adobe Photoshop CC

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

Попробуйте это!

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

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

Объединение и сведение слоев

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

Чтобы объединить слои, выберите первый слой, нажмите и удерживайте клавишу Shift и щелкните последний слой, который нужно объединить (будут выбраны все слои между первым и последним). Затем щелкните правой кнопкой мыши слои и выберите «Объединить слои». Вы также можете выбрать слои и нажать Ctrl+E (или Command+E на Mac).

Снимок экрана Adobe Photoshop CC

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

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

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

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

Попробуйте это!

Откройте файл примера. Выберите слои Gradient Map и Acorn, а затем объедините их.

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

Преобразование, объединение и дублирование фоновых слоев в Photoshop CC

Сью Честейн (Sue Chastain) — бывший писатель Lifewire и авторитетный специалист по графическому программному обеспечению, имеющая опыт веб-дизайна и публикации в печатных изданиях. Она также имеет опыт администрирования WordPress.

Что нужно знать

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

Когда вы открываете изображение в Photoshop, фоновый слой обычно блокируется в палитре «Слои».Вот как разблокировать его в Photoshop CC 2019 для Windows и Mac.

Дублирование заблокированного слоя

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

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

Дублировать слой

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

Объединить видимые слои

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

Разблокировка фонового слоя

Чтобы преобразовать фон в новый незаблокированный слой:

Выберите «Слой» > «Создать» > «Слой из фона».

Создать слой из фона

Дайте слою имя и нажмите OK.

Имя нового слоя

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

Новый разблокированный слой в палитре слоев

Преобразование фонового слоя в смарт-объект

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

Преобразование слоя в смарт-объект

Почему фоновый слой заблокирован?

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

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

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

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

Без дальнейших церемоний, давайте приступим к делу. Как сделать фон белым в Photoshop?

В сегодняшнем блоге мы рассмотрим:

  • Зачем нужен простой белый фон
  • Как сделать фон белым в Photoshop с помощью настроек уровней
  • Как сделать фон белым в Photoshop с помощью инструментов выделения
  • Как проверить чистый белый цвет

Приступим.

Зачем нужен простой белый фон

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

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

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

Как сделать фон белым в Photoshop

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

Первый шаг в каждом подходе один и тот же — загрузить фотографию в Photoshop. Вот как импортировать изображение в Photoshop:

1. Откройте свое изображение в Photoshop

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

открыть изображение в Photoshop

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

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


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

Новый значок слоя на панелях слоев

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

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

Сделать фон белым в Photoshop с помощью настроек уровней

Один из способов сделать фон в Photoshop просто белым — настроить уровни цвета изображения. Этот процесс довольно прост для большинства изображений с несложным фоном.

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

1. Ползунки регулировки уровней

Чтобы настроить уровни, нажмите «Изображение» в верхнем меню, затем выберите «Настройки» >> «Уровни».


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

Диалоговое окно ползунков уровней

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

2. Добавьте маску слоя

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

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

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

Редактирует слой на панели слоев

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

Добавить значок маски слоя

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

Эскиз маски слоя на панели слоев

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

Выберите жесткую круглую кисть на панели инструментов кистей Photoshop или нажмите клавишу B на клавиатуре. Установите непрозрачность кисти на 100 % с помощью ползунка непрозрачности в верхней части экрана Photoshop.

Инструмент

3. Закрасьте фон

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

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

Маска слоя на панели слоев

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

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

После того, как вы закончите рисовать на белом фоне, нажмите Cmd/Ctrl + S, чтобы сохранить прогресс.

Белый фон с маской слоя

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

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

1. Замаскируйте фон

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


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

Режим просмотра с наложением

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

Режим просмотра Ovleray

2. Выберите тему изображения

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

Выбор темы с включенным режимом просмотра с наложением

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

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

Выбор темы в режиме наложения

Когда вы нарисовали выбранный объект и довольны результатом, вы готовы вывести его в главное окно Photoshop. Для этого выберите «Вывод в» >> «Новый слой с маской слоя» в правом нижнем углу экрана.

Вывод в: новый слой с маской слоя

Эта операция перемещает изображение обратно на главный экран Photoshop в новый слой. В этом новом слое фон фотографии замаскирован, поэтому ваш объект остается.

Фото с замаскированным фоном

3. Добавьте белый фон

Теперь, когда вы удалили фон, вы можете добавить белый фон позади вашего объекта. Просто создайте новый слой, выбрав Layer >> New >> Layer. Выберите простой белый цвет и с помощью инструмента «Заливка» закрасьте слой белым цветом.

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

Измененные слои на панели слоев

4. Подправьте свою работу

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

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

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


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

Теперь не забудьте сохранить свой прогресс!

4. Проверьте свою работу

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

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


Нажмите «ОК» в появившемся диалоговом окне. Затем переместите ползунок Threshold до упора влево. Если вы видите, что на фоне вашего изображения остается черный цвет, значит, ваш фон не просто белый!

Пороговый слайдер

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

Вот наш окончательный результат:

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

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

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

Читайте также: