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

Опубликовано: 2019-06-24

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

Давайте сначала сконцентрируемся на удалении белого (или сплошного) фона. Используемый инструмент и техника будут зависеть от качества всего изображения и его цвета. Если изображение, которое нужно вырезать, имеет темные цвета и не имеет светлых цветов, вы можете использовать простые инструменты Background Eraser или Magic Eraser. Тем не менее, для изображений со светлыми цветами или детализированным фоном вам понадобится более подробный инструмент, чтобы вы не стерли важные части изображения по ошибке.

В этом уроке мы рассмотрим удаление фона изображения с помощью инструмента Magic Eraser, инструмента Background Eraser и инструмента Quick Selection.

Совет от профессионала : бело-серая клетчатая сетка является отраслевым стандартом прозрачности. Когда вы видите эту сетку, вы знаете, что фон прозрачный.

Как удалить белый фон с изображения с помощью инструмента Magic Eraser Tool

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

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

Удалите белый фон с изображения с помощью Photoshop

Откройте и отцентрируйте свое изображение на панели инструментов

Шаг 2: разблокируйте слой

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

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

Разблокируйте слой и переименуйте его

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

Дублируйте, переименуйте и скройте слой

Шаг 3. Выберите инструмент Magic Eraser.

Выберите инструмент Magic Eraser на панели инструментов. Он третий на вкладке ластика. Выберите следующие предпочтения:

Допуск: 30
Anti-Alias: проверено
Непрозрачность: 100%

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

Выберите волшебный ластик

Шаг 4. Сотрите фон

Нажмите на белый фон и смотрите, как он исчезнет!

Удалите белый фон с помощью волшебного ластика.

Нажмите на белую область с выбранным волшебным ластиком.

Но ждать!

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

Волшебный ластик может стереть слишком много

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

Шаг 5: Обрежьте и сохраните как PNG

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

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

Обрезать изображение по прозрачным пикселям со всех сторон

Как удалить белый фон с изображения - экспорт и сохранение для Интернета

Экспорт и сохранение для Интернета

удалить белый фон с изображения с помощью фотошопа

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

Как удалить белый фон с изображения с помощью инструмента «Ластик для фона»

Шаг 1. Повторите первые два шага с помощью опции «Волшебный ластик».

Шаг 2: Выберите инструмент «Ластик для фона».

Вы можете найти его на вкладке ластика на панели инструментов. Курсор Background Eraser выглядит как круг с перекрестием в центре, это перекрестие, которое управляет инструментом. Он пробует цвет непосредственно под ним, в данном случае белую область.

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

Размер: 300-800 пт.
Выборка: один раз или образец фона
Пределы: найти края
Допуск: 20%
Защитить цвет переднего плана

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

ластик для удаления белого фона с изображения

Выберите инструмент «Ластик для фона» и настройки

Шаг 3: сотрите белый фон

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

Фоновый ластик для удаления белого фона с изображения

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

Шаг 4. Повторите последние два шага опции Magic Eraser, описанной выше.

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

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

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

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

Удалите белый фон с фотографии с помощью инструмента быстрого выбора

Откройте изображение и отцентрируйте его на монтажной области Photoshop.

Шаг 2: продублируйте слой

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

Шаг 3. Выберите инструмент быстрого выбора.

Выберите инструмент быстрого выбора на панели инструментов. Он размещен вместе с инструментом Magic Wand. Настройте параметры курсора следующим образом:

Новый выбор
Размер: 100 пикселей
Твердость: 100%
Интервал: 20%

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

Выберите инструмент быстрого выбора и настройки

Шаг 4: Выберите объект

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

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

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

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

Шаг 5. Уточните выбор

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

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

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

Как убрать белый фон с изображения

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

Уточните выделение с помощью кисти

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

Шаг 6. Инвертируйте выделение

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

Удаление белого фона с изображения с помощью фотошопа

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

удалить белый фон с изображения с помощью фотошопа

Примените легкий эффект растушевки к краям выделения

Удалите белый фон с изображения с помощью инструмента быстрого выбора

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

Шаг 7. Повторите последние два шага в опции Magic Eraser выше.

Заключение

Некоторые графические дизайнеры полагаются на использование лассо и пера для выбора объектов на фоне, но эти инструменты просто не нужны, когда фон имеет простой белый цвет. С помощью трех инструментов, которые мы показали вам в этом руководстве, у вас более чем достаточно информации, чтобы стереть любой белый фон. Помните, что вы можете загружать графику с прозрачным фоном в двух разных форматах файлов: PNG и SVG. Если у вас нет последней версии Photoshop, вы можете получить бесплатную пробную версию на веб-сайте Adobe Creative Cloud.