Найти тему
Артём Ткаченко

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

Оглавление
Коллаж мой
Коллаж мой

Наверное, один из самых популярных вопросов в поисковиках: Как сделать прозрачный фон в photoshop для изображения?

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

  1. Волшебная палочка, Волшебный ластик (в принципе, они идентичны по функционалу создания прозрачного фона);
  2. Быстрое выделение.

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

Файл -> Создать - > Ок.

Полученный файл обычно имеет либо черный, либо белый фон. Снимаем замочек со слоя, затем жмем сочетание клавиш:

CTRL+A.

Жмем клавишу:

DELETE.

Вот мы и сделали прозрачный фон, на котором можно работать ⤵️:

Теперь перехожу к главному.

Волшебная палочка, Волшебный ластик

Данные инструменты photoshop, действительно, хороши и удобны, но только для: контрастных изображений с, допустим, однородным черным, белым или знаменитым зеленым фонами; малым количеством мелких элементов; достаточно большим разрешением ⤵️:

Изображение 1. Зажимаем SHIFT и левой кнопкой мыши выделяем нужные объекты. Затем жмем DELETE для Волшебной палочки. И для Волшебного же ластика просто левую кнопку мыши
Изображение 1. Зажимаем SHIFT и левой кнопкой мыши выделяем нужные объекты. Затем жмем DELETE для Волшебной палочки. И для Волшебного же ластика просто левую кнопку мыши

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

Причем для "Волшебной палочки" наблюдал следующую картину. Так и не понял почему, появился белый контур ⤵️:

Изображение 3.
Изображение 3.

Однако же на более сложной картинке функционал Волшебных ластика и палочки сводится на НЕТ ⤵️:

Изображение 4. Картина идентична и для ластика, и для палочки
Изображение 4. Картина идентична и для ластика, и для палочки

Сделать прозрачный фон "Быстрым выделением"

Этот инструмент позволит более точно удалять фон в изображении photoshop, но при больших заморочках. Выделяем нужный нам объект ⤵️:

Изображение 5. Нажатие на поверхность объекта
Изображение 5. Нажатие на поверхность объекта

Изображение 6. Результат
Изображение 6. Результат

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

Изображение 7. Уточняю контур фигуры
Изображение 7. Уточняю контур фигуры

Рекомендую, в этом инструменте особо не задерживаться, а сразу же создать здесь слой-маску, так как в ней очень удобно работать для создания прозрачного фона ⤵️:

Изображение 8. Создание слой-маски
Изображение 8. Создание слой-маски

Теперь выбрав, миниатюру "Маски" и инструмент "Кисть", можно, меняя цвета заднего и переднего фона, соответственно, либо удалять фон, либо восстанавливать ⤵️:

Изображение 9.
Изображение 9.

Изображение 10. Получилось неплохо
Изображение 10. Получилось неплохо

Но даже такой приличный результат прозрачного фона, сделанного средствами Фотошоп на изображении 10, не идет ни в какое сравнение с тем, что получено при помощи искусственного интеллекта всего за 5 секунд, но это уже тема отдельной статьи ⤵️:

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