Как сохранить картинку без фона
Перейти к содержимому

Как сохранить картинку без фона

  • автор:

Как сделать прозрачный фон на фото и сохранить картинку без фона

WiFiGid

Всех приветствую на WiFiGid! В этой статье я покажу вам основные способы, как можно на сегодняшний день сделать у картинки прозрачный фон и сохранить ее себе в PNG. Скорее всего ваша картинка уже имеет какой-то однородный фон (например, белый). Но даже если это не так, мы все равно попытаемся удалить все лишние объекты и получить нужный результат. Благо сейчас это все выглядит не так сложно.

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

Способ 1 – Photoshop

Как сделать прозрачный фон на фото и сохранить картинку без фона

;)

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

Шаг 1 – Удаляем слой белого фона

Если у вас нет такого слоя, можете смело переходить к следующему шагу.

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

  1. На панели слоев находим слой с белым фоном и дважды щелкаем по нему, чтобы снялась блокировка (я про вот этот замочек):

Как сделать прозрачный фон на фото и сохранить картинку без фона

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

Как сделать прозрачный фон на фото и сохранить картинку без фона

Отлично теперь у нас нет никаких фоновых слоев, а значит после удаления чего-то на основной картинке, на фоне получится прозрачность. Это ведь нам и нужно? Переходим дальше!

Шаг 2 – Удаляем ненужный фон

Теперь будет самая сложная операция – нам нужно удалить фон. Здесь есть несколько подходов:

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

Какой вариант выбрать? Что проще выделить, то и нужно делать. Если у вас однородный белый или зеленый фон, конечно, проще выделить его. А в моем варианте как раз проще будет выделить облако, а уже от него перейти к фону.

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

;)

  1. Начинаю выделять свой основной объект (облако). Для этого можно воспользоваться разными способами – и волшебной палочкой, и классическим лассо, и даже современными инструментами быстрого выделения и выделения объектов. Все это подробно описано по ссылке в статье выше, так что будем считать, что выделять вы уже умеете Результат будет примерно таким.

Как сделать прозрачный фон на фото и сохранить картинку без фона

  1. Отлично, объект выделен! Теперь нам нужно выделить фон, но без этого объекта. Что делать? Можно просто инвертировать выделение. Для этого используем горячие клавиши Ctrl + Shift + I или пользуемся меню «Выделение инверсия». В результате вы должны получить выделение фона БЕЗ первичных объектов.

Как сделать прозрачный фон на фото и сохранить картинку без фона

  1. У вас тоже так получилось? Теперь просто удаляем выделение – нажимаем клавишу Delete и фон исчезает.

Как сделать прозрачный фон на фото и сохранить картинку без фона

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

Шаг 3 – Сохранение фото с прозрачным фоном

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

  1. Переходим в меню «Файл» и выбираем пункт «Экспортировать».
  2. В подпункте нужно выбрать или «Быстрый экспорт в PNG», или «Экспортировать как», а уже там выбрать формат PNG.

Как сделать прозрачный фон на фото и сохранить картинку без фона

Вот и все, так вы и получите картинку с прозрачным фоном. Главное при сохранении помнить, что формат JPG не поддерживает прозрачность. Поэтому по-хорошему нам подходит из народного и популярного только PNG (GIF лучше для анимации, а WEBM в Фотошопе в чистом виде нет).

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

Способ 2 – Сервисы

Прошлый способ показался вам слишком веселым? Тогда можете попробовать в поиске найти любой сервис для удаления фона с изображения. Что делать? В любую поисковую систему вводим запрос вроде такого:

А еще интереснее в Google можно ввести что-то такое:

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

В поиске я нашел сервис « Removal.AI ». Не реклама, показываю на примере его работу.

  1. Сразу же на главной странице вижу большую кнопку и загружаю через нее свою картинку.

Как сделать прозрачный фон на фото и сохранить картинку без фона

  1. И получаем готовую картинку, которую уже можно скачивать. И никаких морок с фотошопом. А главное, такое можно провернуть даже на телефоне.

Как сделать прозрачный фон на фото и сохранить картинку без фона

;)

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

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

Про другие способы

Можно ли это все сделать в каких-то других приложения? Да, конечно, можно. Этих приложений уже тьма, причем как для компьютера, так и для телефона. А ведь еще сколько онлайн-сервисов и графических редакторов…

Но так случилось, что в своей практике я привык использовать только Фотошоп. Так что если у вас разовая задача, просто воспользуйтесь любым понравившимся сервисов. А вот если вы это будет делать каждый день, тогда настоятельно рекомендую перейти к освоению Фотошопа (на худой конец GIMP) и забыть по поиске разных сервисов под большую часть задач, тем более последние чудеса Фотошопа с использованием ИИ удивляют более чем полностью…

Как сохранить рисунок из Фотошопа с Прозрачным фоном?

прозрачность поддерживают не все форматы!
сохраняй в *png *gif или *tiff
все зависит от нужд!
если для веб, то первые 2, если для печати — то 3
гиф болше 256 цветов не держит, соответственно вариант2!
удачи

Остальные ответы

для ночала не должно быть слоя с ФОНОМ . т. е. его надо удалить совсем оставить лишь рисунок который ты хочшеь сохранить без фона
зайди в Файл — Сохранить как . выбери формат (тип файлов) GIF —палтиру выбери Локальную или Мастер (Основная) и поставь главную галочку *прозрачность
надеюсь у тебя руссий фотошоп

Создание прозрачного фона в Фотошопе и Paint – основные и эффективные инструменты

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

Использование волшебной палочки

Самый простой способ сделать прозрачный фон в Фотошопе CS6 и новых версиях — это использования инструмента «волшебная палочка» или «magic wand». Далее дана пошаговая инструкция:

  1. Открыть изображение. Легче всего работать с изображениями, где задний план имеет однотонный цвет, для других придется использовать иные средства. Перед началом работы с картинкой следует ее разблокировать, для этого 2 раза кликните по замочку в правом нижнем углу экрана и он исчезнет.Открыть изображение
  2. Далее необходим инструмент «волшебная палочка», в англоязычной версии «magicwandtool». Кликаем с помощью него на область иллюстрации, которую хотим удалить, автоматически выделится область с одинаковым цветовым тоном.Волшебная палочка
  3. После этого надо нажать Delete и выделенное изображение удалится, а фон станет прозрачным.Удаление фона
  4. Далее можно наложить любую картинку или картинку позади изображения, просто перетащив ее и поменяв местами нужные слои.Наложение фона

Ластик

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

  1. Открыть изображение. После открытия картинки снимать блокировку не обязательно, инструмент «волшебный ластик» сам снимает блокировку и изменяет тип изображения с фонового на обычное.Открытие фото
  2. Найдите на панели инструмент «ластик» и, нажав правой кнопкой мыши на открывшейся панели, выберите инструмент «волшебный ластик».Выбор ластика
  3. Далее нужно настроить параметры. Они по умолчанию должны быть такими: допуск — 32, сглаживание — активно, смеженные пиксели — активно, образец со всех слоев — неактивно, непрозрачность — 100%. Если параметры не такие, то нужно изменить их для более комфортной работы и лучшего результата. Параметр «допуск» задает чувствительность. Параметр «сглаживание» нужен для того, чтобы контуры объекта зрительно были ровными. Функция «смежные пиксели» нужна для того, чтобы при выделении объекта не выделялись другие части изображения того же тона, но в иных местах.Настройки параметров
  4. Нужно провести волшебным ластиком по заднему плану вокруг объекта. Заметим, что после использования инструмента блокировка снялась, и изображение из фонового стало стандартным.Разблокировка фона
  1. Далее можно обычным ластиком убрать остатки заднего плана и закончить редактирование, что позволить сделать картинку на прозрачном фоне.

Где используется программа Microsoft Dynamics Axapta и как в ней работают

Замена фона

Данная функция позволяет заменять фон или вообще сделать его прозрачным. Подробная инструкция по его использованию:

  1. Открыть картинку и снять блокировку.
  2. На рабочей панели выбрать «быстрое выделение» и настроить его размер. Размер можно регулировать клавишами с фигурными скобками на клавиатуре, левая клавиша уменьшает, а правая увеличивает размер кисти.Быстрое выделение
  3. После этого просто проводим инструментом по ненужному изображению, и оно автоматически выделяется. Выделение работает по принципу нахождения схожих по цветовой гамме пикселей смеженных с пикселями в зоне кисти.Выделяем область
  4. Чтобы убрать фон наиболее качественным способом следует использовать функцию уточнить край. Для этого нужно выбрать любой инструмент выделения и нажать на кнопку в правой верхней четверти экрана «уточнить край», однако если перед этим выделялась фоновая картинка, то используйте сочетание клавиш shift+ctrl+I, произойдет инверсия и будет выделено уже изображение, края которого и надо уточнить. После этого откроется панель, на которой можно будет выбрать контрастный фон и настроить сглаживание, растушевку, контрастность и положение края. Чаще всего используется функция сглаживания, которая визуально сделает все переходы между пикселями более плавными.Уточнить край
  5. Затем можно нажать клавишу delete и всё выделенное удалится. Выделенную часть можно удалить и при помощи обычного ластика просто начав проводить им по выделенной области (стираться будет только фоновая картинку).
  6. Также можно не только стирать задний план, но и скопировать его и вставить в другой редактор фото или текста, для этого нужно выделенный фон скопировать и вставить в другой программе, возможно и скопировать иллюстрацию, использовав инверсию и нажав ctrl+c.

Как сохранить картинку без фона в Фотошопе

Сохранение картинки

Сохранить картинку без фона не получится в обычном формате JPEG, после сохранения иллюстрации фон создастся автоматически. Чтобы сохранить нужную иллюстрацию с прозрачным фоном надо использовать формат PNG. Для его использования нужно следовать пути: файлсохранить как – тип при сохранении указываем PNG.

Популярные программы для массовой рассылки сообщений на email

Прозрачный фон в Paint

Бесцветный фон можно сделать и в редакторе Paint. Существует единственное условие — однотонный задний план. Чтобы это сделать нужно:

  1. Открыть изображение в Paint.
  2. Выбрать функцию «волшебная палочка».Волшебная палочка
  3. Настроить чувствительность на 18 процентов.
  4. Кликнуть по белому фону.Выделяем белый фон
  5. Использовать функцию обрезать (ножницы).Функция обрезки
  6. Сохранить в формате PNG.

Использование флажков «Прозрачность» и «Подложка»

Прозрачные изображения и изображения с незаметным переходом кромки изображения к фоновому цвету веб-страницы

Прозрачность позволяет создавать изображения разнообразной формы для веб-страниц. Прозрачность фона, поддерживаемая GIF и PNG сохраняет прозрачные пиксели в изображении позволяет фону веб-страницы проглядывать сквозь прозрачные области изображения. (Несмотря на то, что JPEG не поддерживает прозрачность, поэтому прозрачные пиксели оригинала, если они есть, можно заполнить цветом подложки, имитирующей прозрачность оригинала.)

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

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

При работе с файлами в формате GIF или PNG-8 можно создать области с высокой прозрачностью на краях: все пиксели, прозрачность которых в оригинальном изображении выше 50% становятся полностью прозрачными в оптимизированном изображении, в все пиксели, непрозрачность которых в оригинальном изображении выше 50% становятся полностью непрозрачными в оптимизированном изображении. Применяйте высокую прозрачность на краях в случае, когда вам неизвестен цвет фона веб-страницы или он представляет собой текстурную или узорную заливку. Однако помните о том, что высокая прозрачность на краях может привести к зубчатые границам в изображении.

Сохранение прозрачного фона в изображениях в формате GIF или PNG

Формат GIF и PNG-8 поддерживают один уровень прозрачности — пиксели могут быть либо полностью прозрачными, либо полностью непрозрачными. Частичная прозрачность не допускается. (И наоборот, формат PNG-24 поддерживает многоуровневую прозрачность, т. е. пиксели в изображении могут иметь до 256 уровней непрозрачности, начиная с полной прозрачности и заканчивая полной непрозрачностью.)

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

В диалоговом окне «Сохранить для Web» выберите «GIF», «PNG-8» или «PNG-24» в качестве формата оптимизации.

Установите флажок «Прозрачность».

Для форматов GIF и PNG-8 можно указать, как должны себя вести частично прозрачные пиксели в оригинальном изображении. Такие пиксели можно смешивать с цветом подложки или создавать высокую прозрачность на краях.

Создание изображения с незаметным переходом кромки изображения к фоновому цвету веб-страницы в формате GIF или PNG

Для создания незаметного перехода кромки изображения к фоновому цвету веб-страницы заполните фоновые области цветом подложки, если фон веб-страницы заполнен сплошным цветом, координаты которого вы знаете.

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

В диалоговом окне «Сохранить для Web» выберите «GIF», «PNG-8» или «PNG-24» в качестве формата оптимизации.

В окне сохранения в формате «GIF» и «PNG-8» выполните одно из следующих действий.

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

Выберите один из вариантов заполнения фона:

  • «Без фона», «Цвет, выбранный пипеткой» (для использования пипетки для выбора цвета),
  • «Белый», «Черный» и «Произвольный» (для выбора цвета на палитре «Выбор цвета»).

Создание файлов в формате GIF или PNG-8 с высокой прозрачностью на краях

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

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

В диалоговом окне «Сохранить для Web» выберите «GIF» или «PNG-8» в качестве формата оптимизации.
Установите флажок «Прозрачность».

Выберите из списка вариантов заполнения фона параметр «Без фона» для отмены использования цвета подложки для заполнения фона.

Создание изображения с незаметным переходом кромки изображения к фоновому цвету веб-страницы в формате JPEG

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

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

В диалоговом окне «Сохранить для Web» выберите «JPEG» в качестве формата оптимизации.

Выберите один из вариантов заполнения фона: «Без фона», «Цвет, выбранный пипеткой» (для использования пипетки для выбора цвета), «Белый», «Черный» и «Произвольный» ( для выбора цвета на палитре «Выбор цвета»).

При выборе команды «Без фона» в качестве цвета подложки используется белый цвет.

Справки по другим продуктам

  • Добавление слоев
  • Оптимизированные форматы файлов для веб-страниц
  • Формат GIF
  • Формат PNG-24
  • Формат PNG-8
  • Формат JPEG

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *