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

Обновлено: 21.11.2024

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

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

Как сделать фон прозрачным в Photoshop с помощью инструмента «Удалить фон»

<р>1. Откройте фотографию в Photoshop.

<р>2. Дублируйте изображение на новом слое. Для этого нажмите Ctrl + A, затем Ctrl + C, а затем Ctrl + V. (Это выделяет все изображение, затем копирует его и, наконец, вставляет как новый слой.) Вы должны увидеть новый слой, появившийся в слоях. палитра в правой части экрана.

<р>3. В палитре слоев найдите фоновый слой и щелкните значок глаза слева, чтобы скрыть его из поля зрения. На самом холсте изображения ничего не должно измениться, потому что дубликат слоя 1 в любом случае находится поверх фонового слоя.

<р>4. В палитре свойств справа найдите «Быстрые действия» и нажмите «Удалить фон».

Используйте быстрое действие «Удалить фон», чтобы удалить фон за один шаг. Дэйв Джонсон/Business Insider

Теперь вы должны увидеть объект в шахматном порядке — это прозрачный фон. Вы можете сохранить файл как файл Photoshop (PSD) или PNG, чтобы сохранить прозрачность.

Если это не сработало, вы можете попробовать сделать фон прозрачным вручную.

Как сделать фон прозрачным в Photoshop вручную

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

<р>1. Откройте фотографию в Photoshop и в палитре слоев дважды щелкните «Слой 0». Во всплывающем окне нажмите "ОК".

<р>2. Теперь вам нужно использовать любой из инструментов выделения, который вы предпочитаете, чтобы выбрать тему (и только тему). Вот лучшие варианты:

Инструмент выбора объектов. Нажмите и удерживайте четвертый инструмент сверху палитры инструментов, пока инструменты не выскочат из отсека. Выберите «Инструмент выделения объектов». Чтобы использовать этот инструмент, перетащите рамку вокруг объекта (или его части). Через некоторое время Photoshop автоматически выберет часть объекта, содержащуюся в рамке.
Инструмент быстрого выбора. Находится в том же отсеке, что и инструмент выделения объектов. Чтобы использовать этот инструмент, нажмите и перетащите объект, и выделение должно охватывать окружающую часть объекта.
Инструмент "Волшебная палочка". Также находится в том же закутке, щелкните волшебной палочкой внутри предмета, и он выберет область похожего цвета. Вы можете использовать элемент управления "Допуск" в верхней части окна, чтобы изменить чувствительность этого инструмента.

Инструмент "Лассо". Он находится на третьей позиции в палитре инструментов (чуть выше трех предыдущих инструментов). Вы можете использовать этот инструмент, чтобы выбрать объект, рисуя от руки.
Инструменты "Многоугольное лассо" и "Магнитное лассо". Эти инструменты, находящиеся там же, где и обычное лассо, позволяют рисовать выделения с помощью прямых линий. Магнитное лассо попытается привязаться к областям разной контрастности, в то время как многоугольное лассо имеет полностью свободную форму.

<р>3. Для сложных предметов вам нужно «создавать» свой выбор поэтапно, потому что часто невозможно правильно выбрать весь предмет сразу. Для этого вам нужно изменить стиль выделения, который вы можете найти в верхней части окна.

Новый выбор. Используйте этот режим только тогда, когда вы начинаете выбирать объект. Каждый раз, когда вы используете инструмент с выбранным этим режимом, вы начинаете свой выбор с нуля.
Добавить к выделенному. Это режим, который следует использовать, когда вы «создаете» свой выбор — каждый раз, когда вы используете инструмент, новый выбор будет добавлен к вашим предыдущим выборам.
Вычесть из выделения. Как следует из названия, это отвлекает от текущего выбора и удобна для исправления ошибок.

Чтобы создавать выделение понемногу, обязательно установите инструмент выделения на "Добавить к выделению". Дэйв Джонсон/Business Insider

<р>4. Когда вы выбрали весь объект в соответствии с вашим удовлетворением, нажмите «Выбрать» в меню, а затем выберите «Инверсия». Это переворачивает выделение так, что выделяется весь фон.

<р>5.Нажмите клавишу Delete на клавиатуре.

Изображения являются важным аспектом (в большинстве случаев) любого веб-сайта. Они оживляют сайт и делают его визуально привлекательным. Кроме того, люди любят фотографии! Но часто используемые изображения слишком велики или содержат ненужные прозрачные пиксели.

Как узнать, содержит ли мое изображение ненужные пиксели?

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

Хорошо, а как это исправить?

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

Если у вас нет Photoshop, вы можете приобрести его или использовать бесплатно. Однако, как только он у вас появится, вы, вероятно, захотите сохранить его, так как он очень полезен.

Самая интересная часть

Хорошо, а теперь самое интересное. Получив изображение, перетащите его (или поместите/откройте) в Photoshop. Простой способ — просто разместить изображение на рабочем столе и буквально перетащить его в Photoshop. Как только изображение окажется на месте, вы увидите, что имеется большое количество ненужного пространства (или прозрачные пиксели).

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

<р>1. Наведите указатель мыши на меню, наведите курсор на «изображение» и выберите «обрезать».

2. Появится всплывающее окно с вопросом, что именно вам нужно обрезать. Выберите «прозрачные пиксели», и изображение должно иметь реальный размер (без прозрачных пикселей).

<р>3. Нажмите «ОК» или Enter.

Теперь все, что вам нужно сделать, это сохранить файл, и все готово.

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

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

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

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

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

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

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

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

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

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

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

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

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

Шаг 3. Выберите инструмент «Волшебный ластик»

Выберите инструмент «Волшебный ластик» на панели инструментов. Это третья на вкладке ластика. Выберите следующие настройки:

Допуск: 30
Сглаживание: отмечено
Непрозрачность: 100%

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

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

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

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

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

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

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

Шаг 5. Обрежьте и сохраните в формате PNG

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

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

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

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

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

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

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

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

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

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

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

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

Шаг 3. Сотрите белый фон

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

Перемещайте курсор с перекрестием по фону, пока не сотрете его полностью.

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

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

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

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

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

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

Шаг 2. Дублируйте слой

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Шаг 7. Повторите последние два шага в разделе «Волшебный ластик» выше

Заключение

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

Орана Веларде

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

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

Главная
Экосистема Photoshop
Обсуждения
Удалить прозрачность и оставить форму.

/t5/photoshop-ecosystem-discussions/remove-transparency-and-just-leave-shape/td-p/10580771 21 августа 2019 г. 21 августа 2019 г.