Как сделать прозрачный фон в Photoshop
Фотографируете предметку и нужно поместить её на идеально белый фон? А может, есть модель в отличном образе, но для атмосферного кадра нужно вырезать фон? Или нужна круглая иконка на сайт, в мобильное приложение? В любой из этих ситуаций понадобится прозрачный фон, а также — правильно сохранить файл.
Рассказываем о быстрых способах, как сделать прозрачный фон, а также о том, что такое png-формат и как сохранить в нём изображение.
Прозрачный фон выглядит в Photoshop именно так. Иллюстрация: Елизавета Чечевица, Фотосклад.Эксперт / Фото: pixabay.com
Как сделать фон прозрачным в Photoshop — три быстрых способа
Часто, когда нужно сделать прозрачный фон, речь идёт о потоковой обработке. Это организация работы ретушера, когда нужно сделать большой объём фотографий за небольшое количество времени.
Например, в некоторых фирмах, которые нанимают ретушёров для обработки каталожных снимков или школьных фотографий, в день просят обрабатывать больше 100 фотографий. И это далеко не предел!
Поэтому мы делимся с вами рабочими способами, как удалить фон буквально за несколько секунд.
Функция Удалить фон / Remove Background
Эта функция позволяет сделать прозрачный фон одним нажатием кнопки. Программа сама находит объект и стирает всё лишнее. Удобно, что Photoshop не просто удаляет фон — он «прячет» его под маской. Это значит, что в случае ошибки программы, неточной работы алгоритмов, результат можно легко подправить вручную.
1. Откройте файл, у которого хотите удалить фон. Нажмите на замок на строке слоя справа.
Пока на фоновом слое стоит замок, сделать фон прозрачным нельзя — только залить другим цветом / Иллюстрация: Елизавета Чечевица, Фотосклад.Эксперт / Фото: pixabay.com
Если вам нужно сохранить оригинал нетронутым, кликните по исходному слою правой кнопкой мыши и выберите функцию Копировать слой / Duplicate Layer, либо нажмите горячие клавиши Ctrl +J.
2. Откройте палитру Свойства / Properties.
Чтобы найти палитру, зайдите в командное меню Окно / Windows / Иллюстрация: Елизавета Чечевица, Фотосклад.Эксперт / Фото: pixabay.com
3. В палитре Свойства найдите и нажмите кнопку Удалить фон / Remove Background.
Напоминаем — кнопка не будет доступна, пока вы не снимите замок с фонового слоя, либо пока не сделаете его дубликат / Иллюстрация: Елизавета Чечевица, Фотосклад.Эксперт / Фото: pixabay.com
В течение нескольких секунд программа обработает запрос и скроет под маской всё, что посчитает фоном.
Серо-белая шахматная заливка означает, что в этих местах фон прозрачный, там нет пикселей. В данном случае программа стёрла также часть лимона / Иллюстрация: Елизавета Чечевица, Фотосклад.Эксперт / Фото: pixabay.com
Чем сильнее фон и объект отличаются по цвету и яркости, тем точнее Photoshop сотрёт всё лишнее. Если же программа сделала прозрачный фон некачественно, захватила ненужные элементы (как на скриншоте выше), поправьте результат вручную.
Для этого кликните на чёрно-белый прямоугольник, который появился рядом со слоем, с которого вы стирали фон. Возьмите Кисть / Brush (горячая клавиша B). Чёрным цветом сотрите всё ненужное, белым — верните то, что Photoshop стёр.
Белая кисть дорисовывает, а чёрная — стирает пиксели. Удалённая часть лимона восстанавливалась именно белой кистью, которой рисовали по маске — чёрно-белый прямоугольник справа / Иллюстрация: Елизавета Чечевица, Фотосклад.Эксперт / Фото: pixabay.com
Инструмент Выделить объект / Object Selection
Функция позволяет пользователю самому выбрать объект или несколько объектов на фотографии, которые он хочет выделить. После того, как программа обработает запрос, удалить фон можно в несколько кликов. Рассказываем и показываем поэтапный алгоритм удаления фона.
1. Откройте файл. Снимите с исходного слоя замок или сделайте дубликат этого слоя.
2. На панели инструментов слева найдите Выделение объекта / Object Selection Tool.
Быстро найти инструмент можно с помощью горячей клавиши W / Иллюстрация: Елизавета Чечевица, Фотосклад.Эксперт / Фото: pixabay.com
Теперь при наведении на объекты синим цветом будет подсвечиваться то, что Photoshop предлагает выделить.
Светло-синяя заливка показывает границы будущего выделенного объекта / Иллюстрация: Елизавета Чечевица, Фотосклад.Эксперт / Фото: pixabay.com
Если предложенный программой вариант не подходит или если нужно выделить больше одного объекта, зажмите левую кнопку мыши и постройте прямоугольник вокруг предметов, которые нужно выделить. Photoshop вновь попытается найти в указанном прямоугольнике объекты и выделить их.
Пунктир вокруг лимонов — марширующие муравьи — это то, что выделил Photoshop / Иллюстрация: Елизавета Чечевица, Фотосклад.Эксперт / Фото: pixabay.com
3. Когда вы выделили то, что нужно, нажмите Ctrl + J. Программа скопирует выделенные объекты и удалит фон.
В палитре Слои появятся два слоя — исходник и дубликат с прозрачным фоном. Чтобы было видно, что фон удалился, отключите видимость фонового слоя, который находится внизу. Для этого нажмите на значок с глазом / Иллюстрация: Елизавета Чечевица, Фотосклад.Эксперт / Фото: pixabay.com
Инструмент Волшебная палочка / Magic Wand
Волшебная палочка / Magic Wand выделяет цвет и его оттенки, после чего выбранные пиксели можно легко удалить. Лучше всего инструмент работает и выделение почти не нужно дорабатывать, если объект сфотографирован на однотонном фоне или циклораме. Это часто происходит при предметной и каталожной съемке одежды.
Как настроить Волшебную палочку в Photoshop, чтобы сделать прозрачный фон:
1. Размер образца / Sample Size: 3х3. При такой настройке за образец цвета, который будет искать программа, возьмется средний цвет из квадрата из 9 пикселей.
Если в размере образца стоит Точка / Point Sample, инструмент берёт за образец 1 пиксель, в который вы попали. Если на идеально белом фоне вы случайно попали в черную пылинку, Волшебная палочка выделит только тёмные пиксели, хотя вы рассчитывали на фон.
2. Допуск / Tolerance. То, как много оттенков от выбранного образца «захватит» Волшебная палочка. Чем выше число, тем больше разброс цветов. Подбирается под каждую фотографию отдельно в диапазоне от 0 до 100.
3. Смежные пиксели / Contiguous. Если галочка смежных пикселей нажата, Photoshop включает в выделение только то, до чего смог «дотянуться». То есть только фон.
Так как функция Смежные пиксели выключена, выделяется не только фон, но и похожая на него по цвету светлая кожура лимона / Иллюстрация: Елизавета Чечевица, Фотосклад.Эксперт / Фото: pixabay.com
Например, вы снимаете для каталога модель на белом фоне с белым принтом в центре красной майки. Если галочка нажата, программа выделит только фон, если нет — также выделится белый принт на майке, несмотря на то, что от фона его отделяла красная футболка.
Как сделать фон прозрачным в Photoshop инструментом Волшебная палочка
1. Откройте файл и снимите со слоя замок. На панели инструментов слева найдите Волшебную палочку / Magic Warp (горячая клавиша W).
2. Поставьте настройки, как сказано в предыдущем блоке.
3. Кликните инструментом по фону, который хотите удалить. Если выделенный вариант не нравится, сбросьте выделение с помощью клавиш Ctrl + D и кликните Волшебной палочкой в другом месте.
Волшебная палочка выделила почти весь фон, не считая желтоватых отражений под лимонами. Они, по мнению программы, сильно отличаются по цвету от выбранного образца / Иллюстрация: Елизавета Чечевица, Фотосклад.Эксперт / Фото: pixabay.com
4. Если выделение не идеально, доработайте его с помощью кнопок в настройках инструмента. Чтобы добавить к выделению новые области, нажмите на Добавить выделение / Add to selection. Чтобы исключить из выделения то, что попало в него по ошибке, нажмите на кнопку Исключить из выделения / Subtract to selection.
Чтобы добавление или исключение из выделения было аккуратным, меняйте Допуск / Tolerance. Так, уменьшив его до 10, мы включили в выделение тень под лимоном, но оставили нетронутым его хвостик, который также в глубокой тени / Иллюстрация: Елизавета Чечевица, Фотосклад.Эксперт / Фото: pixabay.com
5. Нажмите клавишу Delete, чтобы сделать фон прозрачным. Снимите оставшееся выделение, нажав Ctrl + D.
Как сохранить файл с прозрачным фоном в Photoshop
Чтобы картинка на прозрачном фоне оставалась такой же вне Photoshop, её нужно сохранить в специальном формате. Для этого используется формат PNG (аббревиатура от английского portable network graphics).
Его разработали в 1995-1996 годах для использования в сети как замену более старого GIF-формата. Тем не менее полностью вытеснить GIF не получилось — только этот формат поддерживает анимацию.
PNG сжимает изображения без потерь, в отличие от JPEG, поэтому некоторые фотографы сохраняют, выставляют в сеть и хранят в нём фотографии, даже если изображение без прозрачного фона.
Как сохранить файл в png-формате
Есть два способа, чтобы сохранить готовую картинку на прозрачном фоне. Важное «но» — фон не будет прозрачным, если сайт, на который вы загружаете файл, не поддерживает такую функцию. Так, например, «ВКонтакте» заполняет прозрачный фон png чёрным цветом на превью, а открывается файл только в отдельном окне на белом фоне.
1. В меню Файл / File найдите кнопку Сохранить как / Save as (горячие клавиши Ctrl + Shift + S).
В открывшемся окне выберите место, куда сохранять файл, название, а в выпадающем списке — формат / Иллюстрация: Елизавета Чечевица, Фотосклад.Эксперт
2. Меню Файл / File — Экспорт / Export — Сохранить для Web / Save for Web (горячие клавиши Ctrl + Shift + Alt + S).
В открывшемся окне найдите формат PNG, а также галочку Прозрачность / Transparency. Также в этом окне можно задать необходимый для будущей картинки размер / Иллюстрация: Елизавета Чечевица, Фотосклад.Эксперт
9 способов убрать фон с картинки при помощи Photoshop
Показываем самые простые способы, а также раскрываем секреты профессионалов.
Иллюстрация: Оля Ежак для Skillbox Media
Ольга Кондратова
Знает всё о дизайне, фотографии и современном искусстве. Постоянный посетитель московских музеев и галерей.
Удаление фона с картинки ― пожалуй, самая частая операция при создании коллажа. И это чаще всего именно то, с чего начинают осваивать программу начинающие фотографы, иллюстраторы и дизайнеры. В этой статье мы собрали девять способов удаления фона, причём как самые простые, которые не требуют серьёзных навыков, так и те, которыми пользуются профессионалы.
- четыре самых простых способа;
- три самых точных способа;
- два профессиональных способа.
Инструменты для удаления фона
Для начала давайте разберёмся с инструментами, которые нужны для удаления фона.
На панели инструментов вам потребуются:
«Волшебная палочка» (Magic Wand), клавиша W.
«Лассо» (Lasso), клавиша L.
«Кисть» (Brush)», клавиша B.
«Перо» (Pen), клавиша P.
Мы рекомендуем запомнить и в дальнейшем использовать горячие клавиши, поскольку это делает работу значительно быстрее. Узнать горячую клавишу инструмента можно, подведя курсор мыши к инструменту на панели инструментов и задержав курсор на некоторое время. Во всплывающей подсказке будет указано как название инструмента, так и клавиша, которая ему соответствует.
Режим слоя
Перед началом работы вам нужно убедиться, что ваше изображение расположено не в фоновом слое ― такой слой не поддерживает прозрачность.
- Откройте панель слоёв и найдите на ней слой с вашим изображением.
- Если он имеет название «Фон» или Background, кликните по маленькому замочку справа от названия этого слоя.
- Название автоматически изменится на «Слой 0» или Layer 0 ― теперь можно работать!
Маска слоя
Самый простой способ стереть фон с картинки ― воспользоваться инструментом «Ластик» (Eraser, клавиша E) или же нажать клавишу Delete. Но в этом случае область будет удалена безвозвратно. Поэтому профессионалы предпочитают использовать маски слоя. Маска ― это дополнительный параметр изображения, в котором содержится информация, какие области должны стать прозрачными.
Преимущество маски в том, что её всегда можно отредактировать, восстановив удалённые участки или добавив дополнительные области. Также маски поддерживают полупрозрачность, что очень важно при вырезании объектов с размытыми краями ― например, волос.
Вот как маски работают:
Если выделен фон, но изолировать вам нужно объект, выделение придётся инвертировать ― поменять местами выделенные области с теми, которые свободны от выделения. Это делается так:
- кликните по выделенной области правой кнопкой мыши с любым активным инструментом выделения (например, «Волшебная палочка» ― Magic Wand);
- в появившемся меню выберите «Инверсия выделенной области» (Select Inverse). Теперь маска скроет фон, оставив нетронутым ваш главный объект.
Точность работы инструмента можно менять на панели настроек, которая расположена вверху рабочего пространства:
- «Размер образца» (Sample Size) по умолчанию стоит 1×1 рх. Но если фон состоит из пикселей не одинаковых, а просто похожих цветов ― например, это синева неба на фотографии, то часть может не попасть в выделение из-за разницы оттенков.
- «Допуск» (Tolerance) ― параметр, отвечающий за точность выделения у границ объекта. Хотя на краю объекта пиксели выглядят как фоновые, на самом деле они незначительно отличаются. Слишком маленький допуск оставит ореол вокруг объекта, а слишком большой может выделить лишние участки на границах объекта внутри. По умолчанию в настройках установлено значение 32 ― его можно назвать оптимальным.
Параметры наложения
Этот метод по простоте схож с «Волшебной палочкой», однако подходит для изображений с неоднородным фоном. Влиять он будет на тёмные или светлые участки, делая их прозрачными.
- Кликните правой кнопкой мыши по названию слоя с изображением на панели слоёв и выберите в появившемся меню самый верхний пункт «Параметры наложения» (Blending Options).
- В нижней части окна «Наложение если» (Blend If) находится шкала «Данный слой» (This Layer). Передвигая на ней белый ползунок влево, вы будете стирать светлые области, а если двигать чёрный ползунок вправо, то пропадут тёмные.
- Если кликнуть по ползунку, удерживая клавишу Alt, и потянуть ― появится дополнительный полузнок, при помощи которого можно создать эффект полупрозрачности.
- Когда всё готово, нажмите ОК.
- Подберите размер кисти, которой будете выделять участок, ― кисть должна не выходить за его границы, но и не быть сильно меньше.
- Для этого на панели настроек в окне рабочего пространства в поле «Размер» (Size) введите числовое значение размера кисти и примерьте её на отделяемый объект.
- Изменить размер кисти можно также на панели настроек или воспользовавшись горячими клавишами «[» и «]».
- Кликайте этой кистью по нужному фрагменту изображения ― программа сама определит границы объектов на основе контраста.
- Участки можно расширять, двигая курсор безотрывно, или же добавлять к выделению новые места, изменив при желании размер кисти.
- Если в выделение попало что-то лишнее, участок можно подкорректировать ― для этого нужно перейти в режим кисти «Вычитание» (Subtract), нажав на знак «−» в кружочке слева на панели настроек.
- Под меню «Просмотр» справа находятся тонкие настройки выделенной области, при помощи которых сразу же в режиме предпросмотра вы можете модифицировать уже созданное выделение.
- После того как всё будет готово, нажмите Enter, чтобы вернуться в рабочее пространство Photoshop. При этом маска для слоя будет создана автоматически.
Принцип работы кривых хорошо известен тем, кто рисует в Adobe Illustrator или CorelDRAW. Изменить искривление линии можно, потянув с зажатой клавишей Ctrl за один из «усов», растущих из точки в две стороны. Чтобы добавить дополнительную опорную точку, нужно поднести перо к линии ― рядом с ним появится знак «+», чтобы точку удалить ― поднести к ней перо, рядом с курсором появится знак «−». Освоив этот инструмент, в Photoshop можно создавать точные выделения самых сложных форм.
Попрактиковаться в работе с кривыми Безье вы можете в онлайн-тренажёре The Bézier Game.
Для того чтобы убрать фон инструментом «Перо»:
- Обведите объект по контуру, а затем продолжите фигуру за пределы объекта, перекрыв таким образом фон.
- После того как контур будущей «дырки» готов, создайте маску слоя.
- Кликните внутри нарисованной области правой кнопкой мыши с активным инструментом «Перо».
- В появившемся меню выберите «Выполнить заливку контура» (Fill Path), причём убедитесь, что в поле «Содержание» (Contents) стоит значение «Чёрный» (Black). «Дырка» готова!
- Кликните правой кнопкой мыши внутри контура и выберите «Удалить контур» (Delete Path).
Чтобы отделить объект от фона этим методом, для начала нужно выбрать канал, который будет наиболее точно соответствовать форме объекта:
- перейдите на панель «Каналы» (Channels) и кликните по изображению с глазом слева от каждой строчки, чтобы видимым остался только один канал;
- изображение станет чёрно-белым. Задача ― найти канал, в котором будет наиболее точно представлена форма изолируемого объекта ― именно на его основе будет сформирована маска слоя;
- чтобы сравнить содержимое каналов, можно поочерёдно нажимать на строчки каждого из каналов ― «Красный» (Red), «Зелёный» (Green) или «Синий» (Blue).
Когда вы выбрали канал, нужно превратить его в слой-маску:
- Скопируйте выбранный канал, перетащив строчку с его названием на значок с плюсиком внизу панели «Каналы». Это будущая маска для изображения.
- Чтобы выделение было более точным, можно увеличить контраст будущей маски. Для этого в верхнем меню выберите «Изображение» → «Коррекция» → «Кривые» (Image → Adjustments → Curves, можно просто нажать Ctrl + M).
- Кликните на нижней части графика и перетащите её вниз ― тёмная часть вашего чёрно-белого изображения станет темнее. Если хочется выбелить фон ― полную прозрачность на маске даёт только чисто белый, ― приподнимите таким же образом верхнюю часть графика (тогда он приобретёт форму буквы S).
- Теперь нажмите на пустой квадратик слева от названия RGB в списке каналов, чтобы сделать видимыми все три канала сразу.
- В квадратике появится глаз, а изображение снова станет цветным.
- Поскольку пятый созданный канал образовал поверх изображения красный слой ― отключите его, кликнув по глазу рядом с названием строки.
- Удерживая Ctrl, кликните по названию этого канала ― появится выделение.
- Далее знакомая процедура ― осталось инвертировать выделение и создать маску слоя.
Видео: Женя Травкина / Skillbox Media
Мы разобрали девять способов убрать фон с картинки. Использовать эти методы можно как по отдельности, так и комбинируя. Например, маску, сделанную при помощи «Волшебной палочки» или каналов, можно затем доработать кистью или добавить на неё объекты при помощи «Пера». Чем более сложный объект, тем больше мастерства он потребует. Но используя эти методы, вы сможете обработать практически любой снимок.
Если вам нужен быстрый результат, попробуйте убрать фон с картинки с помощью нейросетей — читайте о них в нашей подборке.
Больше интересного про дизайн — в нашем телеграм-канале. Подписывайтесь!
Как сделать прозрачный фон у картинки
Часто в Сети можно найти картинки с прозрачным фоном. Они используются в качестве логотипов на сайтах или фотографий продуктов в интернет-магазинах. Однако совсем не нужно быть дизайнером, чтобы найти таким картинкам интересное применение! Их можно использовать для оформления видео, брошюр и презентаций. А ещё фото с прозрачным фоном эффектно смотрится, если распечатать его на кружке или футболке. Как сделать прозрачным фон у картинки? Узнаете из этой инструкции!
- Как сохранить картинку с прозрачным фоном
- Часто задаваемые вопросы
Как сохранить картинку с прозрачным фоном
Не каждый Photo Editor может сделать фон картинки прозрачным. Попробуйте Photo Editor от Movavi! Скачайте программу и следуйте инструкции ниже.
Шаг 1. Скачайте и установите Movavi Photo Editor
Запустите установочный файл и следуйте инструкциям программы. После завершения установки Photo Editor откроется автоматически.
Шаг 2. Загрузите изображение в программу
Кликните на кнопку Открыть файл, в появившемся окне найдите нужное фото и нажмите Открыть. Также картинку можно просто перетащить в окно программы.
Шаг 3. Удалите задний фон
На верхней панели выберите вкладку Замена фона. Нажмите кнопку Автовыделение, – программа автоматически выделит силуэты людей на фото.
Чтобы выделить любой объект вручную, воспользуйтесь зеленой кистью и выберите объект, который вы хотите перенести на прозрачный фон. Не обязательно уделять внимание каждому миллиметру изображения – любые огрехи можно будет исправить после. Далее красной кистью обозначьте область вокруг нужного объекта. Нажмите кнопку Далее.
Теперь нужно уточнить края вырезаемой части изображения. Чтобы скорректировать выделение крупных областей картинки, выберите подходящую кисть-маску. Чтобы уточнить край выбранной области, проведите по нему кистью Выделение волос. Когда результат вас устроит, перейдите к следующему шагу.
По умолчанию задний план изображения будет прозрачным. При необходимости его можно заменить. Чтобы сделать фон одноцветным, выберите один из готовых вариантов (программа предлагает черный, серый и белый фон) или воспользуйтесь палитрой. Чтобы поставить на задний план другую фотографию, нажмите кнопку Добавить изображение и выберите нужную картинку. Затем нажмите кнопку Применить.
Шаг 4. Сохраните результат
Нажмите кнопку Сохранить. По умолчанию программа предлагает сохранить файл в JPEG. Этот формат не поддерживает прозрачность, поэтому нужно выбрать другой. Откройте вкладку Тип файла и выберите BMP, DPX, PNG, TGA или TIFF. Нажмите Сохранить. Программа автоматически откроет папку с получившимся файлом.
Теперь вы знаете, как сохранить картинку с прозрачным фоном с помощью Movavi Photo Editor. Но в программе есть множество других опций редактирования, например удаление ненужных объектов со снимков, восстановление старых фотографий и наложение фильтров на фото. Экспериментируйте, и каждый кадр будет незабываемым!
Movavi Photo Editor
Качественная обработка фото – это легко!
*Пробная версия Movavi Photo Editor имеет следующие ограничения: сохранение до 10 изображений, водяной знак на сохраненных фото, запрет на снятие скриншотов при работе в программе.
Часто задаваемые вопросы
В каком формате сохранять изображения без фона?
Сохраняйте изображения без фона в формате PNG – в этом формате прозрачность не потеряется, а получившийся файл будет читаться большинством сайтов и устройств.
Как называется изображение с прозрачным фоном?
Отличить картинку с прозрачным фоном от картинки с непрозрачным по названию невозможно. Можно только определить, способен ли файл содержать прозрачные элементы. Для этого обратите внимание на расширение. Файлы с расширениями .png, .gif, .svg и .psd поддерживают прозрачность, с расширениями .jpg, .jpeg, .raw, .tiff и другими – нет.
Как сделать прозрачный фон у картинки
Удаление фона на изображениях
Автоматически на 100% и бесплатно
Удаляйте фон автоматически на 100% за 5 секунд без единого клика мышью
В мире есть около 20 миллионов более интересных занятий, чем удаление фона вручную.
Благодаря умному ИИ сайта remove.bg вы можете сократить время на редактирование и получить больше удовольствия!
Интеграция с вашим рабочим процессом
Мы создали утилиты и плагины для самых популярных дизайнерских программ, сайтов eCommerce и компьютерных рабочих сред. Чтобы повысить цифровую эффективность вашего собственного рабочего процесса, используйте наш API!
Все плагины и файлы для загрузки
Повышайте креативность — и эффективность!
Хотите ли вы сделать умопомрачительные поздравительные открытки для вашей лучшей подруги или обработать тысячи фотографий автомобилей практически за одно мгновение — remove.bg сделает это за вас.