дизайн/UI

Как удалить белый фон с картинки в Adobe Photoshop?

407
Как удалить белый фон с картинки в Adobe Photoshop?
Active vision

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

Как удалить белый фон в Фотошопе Adobe Photoshop — удаляем фон

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

Быстрая навигация:

  1. # Удалить белый фон инструментом "Волшебный ластик"
  2. # Удалить белый фон инструментом "Фоновый ластик"
  3. # Удалить любой фон с изображения с помощью инструмента "Быстрое выделение"
Важно: бело-серая клетчатая сетка является общепринятым стандартом прозрачности. Когда вы видите эту сетку, знайте, что фон прозрачный.

1Как удалить белый фон инструментом "Волшебный ластик" в Фотошопе

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

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

Удаление заднего фона с картинки Открываем исходное изображение в Фотошопе

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

На панели слоев нажмите иконку "Замок", чтобы разблокировать его и превратить в редактируемый слой. Переименуйте его из "Слой 0" во что-нибудь понятное. Можно создать дубликат слоя, а затем скрыть его, нажав на иконку "Глаз". Это на тот случай, если вы захотите вернуться к первоначальному варианту.

Удаление заднего фона Adobe Photoshop — разблокируем и переименуем слой Как быстро удалить белый фон в Photoshop Создаем дубликат, скрываем основной слой

Шаг 3 — Выберите инструмент "Волшебный ластик" (Magic Eraser)

На панели инструментов нажмите на "Волшебный ластик". Это третий на вкладке ластик. Выберите следующие параметры:

  1. Допуск (Tolerance): 30
  2. Сглаживание (Anti-Alias): отметить галочкой
  3. Непрозрачность (Opacity): 100%
Как удалить фон в фотошопе и сделать прозрачным Настраиваем волшебный ластик, чтобы удалить бэкграунд

Шаг 4 — сотрите слой

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

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

Но подождите!

Удаляем фон волшебным ластиком Вместе с фоном мы удалили и тень

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

Нажмите на опцию Тримминг во вкладке Изображение (Image → Trim...). Это позволит обрезать ненужное прозрачное пространство вокруг объекта. Экспортируйте изображение в виде файла PNG, нажмите Файл → Экспортировать → Быстрый экспорт в PNG. Если вы сохраните как JPEG, вся наша тяжелая работа будет напрасной, так как картинка будет сохранена с белым фоном, JPEG не поддерживает прозрачность.

Удаление фона в Adobe Photoshop Тримминг изображения Экспорт картинки в png Экспортируем изображение в png

2Как удалить белый фон с помощью инструмента "Фоновый ластик" в Фотошопе

Шаг 1 — повторите первые два шага из части про "Волшебный ластик"

Шаг 2 — Выберите инструмент "Фоновый ластик".

Вы можете найти его на вкладке Ластик панели инструментов. Курсор ластика выглядит как круг с перекрестием в центре.

Поскольку мы удаляем белый фон за цветной графикой, мы должны выбрать следующие настройки для инструмента "Фоновый ластик":

  1. Размер (Size): 100-300 px.
  2. Проба (Sampling): однократно или образец фона
  3. Ограничения (Limits): Выделение краев (Find Edges)
  4. Допуск (Tolerance): 20%
  5. Основной цвет: отметить галочкой

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

Удаляем белый фон ластиком Настройки ластика

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

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

Как вырезать фон в Фотошопе Стираем белый фон

Шаг 4 — Повторите последние два шага из части про "Волшебный ластик".


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

Белый фон не всегда идеально белый, иногда он облачный с текстурой или градиентом. Для этого вида белого бэкграунда вам нужен другой инструмент. Благодаря которому мы сможем сделать все аккуратнее, чем ластиком. Инструмент "Быстрое выделение". Для этого инструмента мы подобрали изображение с фоном-текстурой.

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

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

Photoshop — удалить белый фон Открываем изображение

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

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

Шаг 3 — Выберите инструмент "Быстрое выделение" (Quick Selection)

На панели инструментов нажмите на "Быстрое выделение". Он в одной группе с инструментом волшебная палочка. Настройте параметры следующим образом:

  1. Новая выделенная область (New Selection)
  2. Размер (Size): 100 px
  3. Жесткость (Hardness): 100%
  4. Интервал (Spacing): 20%
Удалить белый фон Быстрым выделением Удаление фона Быстрым выделением

Шаг 4 — Выделите объект

Выделите инструментом "Быстрое выделение" объект, который вы хотите отделить от фона.

Вырезаем белый фон в Фотошопе Выделение объекта

Держите курсор на объекте и на внутреннем краю выделения, чтобы он не касался фона. Когда объект выбран, вы можете добавить к нему выделения или вычесть лишние части комбинацией клавиш Alt + ЛКМ.

Шаг 5 — Уточните выделение

С большой долей вероятности наше выделение получится несовершенным, поэтому теперь мы уточним его с помощью инструмента "Кисть" (brush tool). Нажмите q на клавиатуре, и фон закрасится красным. Эта красная область является не выделенной частью вашего изображения.

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

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

Правильно удаляем фон картинки Уточняем выделение

Шаг 6 — инвертировать выделение

Как только вы убедитесь, что объект выбран правильно, инвертируйте выделение сочетанием клавиш Shift + Control + I или выберите инструмент "Прямоугольная область" нажмите ПКМ на изображение, выберите пункт Инверсия выделенной области. Когда фон выбран, удалите его (клавиша del), и вы увидите сетку прозрачности. Проверьте, чтобы ваш слой был разблокирован, иначе ничего не получится.

Adobe Photoshop — удаление фона Инвертируем выделение Adobe Photoshop — растушевка Растушевка

Шаг 7 — Повторите последние два шага из части про "Волшебный ластик"

Результат удаления белого фона Готовое изображение

Подытожим

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

Написать комментарий