Как отделить полупрозрачное изображение от фона с помощью Adobe Photoshop.

О программе

Adobe Photoshop — одна из наиболее известных и функциональных программ для обработки растровой графики: фотографий, рисунков, коллажей. Пока она не имеет равных по богатству набора инструментов и приёмов.

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

Постановка задачи

В процессе обработки фотографий пользователи, да и опытные дизайнеры, сталкиваются с проблемой отделения полупрозрачного объекта от сложного фона реальной картинки. На первый взгляд — задача практически невыполнимая.

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

Для примера возьмём фотографию водопада словенских ключей.

Рисунок 1: задача отделить воду от фона

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

Работа будет вестись с помощью каналов, масок и слоёв. Что это такое?

Немного теории

Что такое каналы в Adobe Photoshop?

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

Что такое слои в Adobe Photoshop?

Любая фотография, картинка, коллаж в фотошоп представляет собой своеобразную стопку прозрачных плёнок. На каждой из них — часть рисунка. Для примера попробуйте сложить две фотографии и посмотреть через них на свет. Это и есть слой Photoshop. Картинка, которую мы видим — результат наложения множества «плёнок», называемых слоями. С другой стороны, слой может быть и один (если мы сверху ничего не добавляли).

Что такое маски в Adobe Photoshop?

Маска очень похожа на описанный выше канал. Её можно сравнить с бумагой на фонарике или вуалью на лице женщины. Чем темнее маска-вуаль, тем меньше мы видим. Но есть отличие от канала. Маска применяется сразу ко всему изображению (всем цветам), а канал только к одному цвету.

Маски и каналы представляют из себя рисунок Grayscale (в оттенках серого). Информация под белой областью маски видимая. Под чёрной — нет.

Маска является основным инструментом для работы с прозрачностью части изображения в Adobe Photoshop. Её ещё называют картой прозрачности фотографии.

Работа с масками идентична для всех версий. Начиная от Adobe Photoshop CS и вплоть до Adobe Photoshop CS6.

Отделение струй воды от фона

В качестве примера отделим воду источника от фона.

1. Нажатием клавиши F7 включите просмотр слоёв. Определите зоны, содержащие нужную информацию. После этого перейдите в закладки «Каналы». Необходимая вкладка подключается через меню «Окно» — «Каналы» или непосредственно через палитру «Слои».

2. Последовательно меняя видимый канал, выберите наиболее контрастный по отношению к целевой зоне — той части изображения, которую хотите скопировать. Нажав сочетание клавиш «CTRL+A», выделите всю информацию с канала.

Рисунок 2: демонстрация метода выбора канала

3. Создание маски

Перейдите во вкладку «Слои». Двойным щелчком мыши по пиктограмме в виде замка снимите защиту со слоя. Либо сделайте его дубликат.

Создайте маску. Для этого достаточно нажать соответствующую пиктограмму в нижней части палитры инструмента. Белый прямоугольник на пиктограмме слоя и есть маска Adobe Photoshop.

Рисунок 3: создание маски

Удерживая клавишу ALT, щёлкните левой клавишей мыши на него. Вы перешли на маску.

Вставьте скопированную из канала информацию. Перейдя на слой, проверьте результат. Для удобства можно создать однотонную подложку.

Рисунок 4: редактирование маски. Вставка информации из канала

3. Перейдите на маску. Инструментом «Кривые» («Изображения»-«Коррекция»-«Кривые») затемните зоны теней, средних тонов и добавьте яркости в зону света. Щелчок левой клавишей мыши на диагональной линии создаёт точку коррекции. Нажав второй раз и удерживая клавишу, Вы можете двигать её, изменяя таким образом характеристики изображения.

Сделайте примерно так, как показано на рис. 5. Вода стала более заметной, фон начал исчезать.

Рисунок 5: Редактирование маски с помощь кривых

4. Инструментами «Затемнитель» и «Осветлитель» из панели инструментов Adobe Photoshop доработайте контрастность. Используйте «мягкие» параметры: насыщенность инструментов до 20%. «Осветлителем» подсвечиваем зону света. «Затемнителем» затемняем зоны теней. Использовать инструменты следует поочерёдно, методом маятника: два мазка одного, два другого.

Рисунок 6: Использование инструментов «осветлитель» и «затемнитель»

5. Для смягчения граней воспользуйтесь стандартным фильтром «Размытие».

При необходимости закрасьте стандартной кистью ненужные элементы. Параметры инструмента ставим очень мягкими: нажим и насыщенность менее 40%.

Рисунок 7: Параметры кисти для закрашивания ненужной информации

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

Рисунок 8: Проверка правильности вырезания

7. В случае наличия посторонних цветов, воспользуйтесь инструментом Adobe Photoshop «Цветовой тон/насыщенность». Он находится в меню «Изображения»-«Коррекция». Измените тон рисунка в сторону синего цвета, уменьшите насыщенность и увеличьте яркость. Это «обесцветит» вашу воду и придаст ей натуральный вид.

Рисунок 9: Доработка маски изображения

8. Примените маску. Для этого нажмите на пиктограмме маски правой клавишей и выберите «Применить слой» — «Маску».

При необходимости вставить воду, просто скопируйте слой в нужное изображение. Пример — водопад из памятника основателем Киева.

Рисунок 10: Добавление слоя

Удачной работы!

Администрация сайта CADELTA.RU выражает благодарность за подготовку материала автору i.tyshkevich.

Убрать наложенный полупрозрачный серый прямоугольник | Render.ru

Longitude Lattitude

Пользователь сайта

20 окт 2019

#1

20 окт 2019

#1

Собственно я новичёк, с фотошопом знаком только поверхностно, но сейчас требуется убрать наложенное полупрозрачное изображение. Полупрозрачное изображение (про прозрачности я бы его оценил в 30%) это равномерный серый цвет. Хочется убрать это наложение (серый прямоугольник наложен только на небольшую часть изображения, остальное в полном порядке). Помогите, подскажите какие инструменты использовать или подскажите как это погуглить, потому что я даже не знаю как сформулировать запрос в поисковик.

 

Ylana

Знаток

20 окт 2019

#2

20 окт 2019

#2

Посмотреть бы Ваше изображение и что на нем надо убрать.

Инструменты, конечно, есть, навскидку это:

Можно выделить ненужный участок(удобным инструментом выделения), ПКМ —Выполнить заливку. .., в окне выставить С учётом содержимого, снять выделение. (работает не всегда корректно)

Можно поработать инструментом

Штамп.

Можно инструментом Заплатка, а также инструментами в этой группе.

Можно применить Корректирующий слой, как Обтравочную маску (это сильно зависит от того, что за и изображения и что нужно сделать), применить нужный эффект и выбирая цвет Маски убрать не нужное.

Есть и другие приёмы, но эти(или один из этих) могут справиться.

Longitude Lattitude сказал(а):

я даже не знаю как сформулировать запрос в поисковик.

Нажмите, чтобы раскрыть…

Если для Вас не понятно, как пользоваться вышесказанными инструментами, то в поисковике:

Как пользоваться инстументом Штамп в Фотошопе.
Как пользоваться инструментом Заплатка в Фотошопе
Как удалять объекты с помощью Выполнить заливку с учетом содержимого в Фотошопе.

Это, конечно, примерные виды запроса, можете вводить от себя что то похожее на приведенные.

Будут вопросы, спрашивайте, уточняйте.

 

Последнее редактирование: 20 окт 2019

Longitude Lattitude

Пользователь сайта

20 окт 2019

#3

20 окт 2019

#3

Ylana сказал(а):

Посмотреть бы Ваше изображение и что на нем надо убрать.

Инструменты, конечно, есть, навскидку это:

Можно выделить ненужный участок(удобным инструментом выделения), ПКМ —

Выполнить заливку. .., в окне выставить С учётом содержимого, снять выделение. (работает не всегда корректно)

Можно поработать инструментом Штамп.

Можно инструментом Заплатка, а также инструментами в этой группе.

Можно применить Корректирующий слой, как Обтравочную маску (это сильно зависит от того, что за и изображения и что нужно сделать), применить нужный эффект и выбирая цвет Маски убрать не нужное.

Есть и другие приёмы, но эти(или один из этих) могут справиться.

Если для Вас не понятно, как пользоваться вышесказанными инструментами, то в поисковике:

Как пользоваться инстументом Штамп в Фотошопе.
Как пользоваться инструментом Заплатка в Фотошопе
Как удалять объекты с помощью Выполнить заливку с учетом содержимого

в Фотошопе.

Это, конечно, примерные виды запроса, можете вводить от себя что то похожее на приведенные.

Будут вопросы, спрашивайте, уточняйте.

Нажмите, чтобы раскрыть. ..

Привожу пример такой картинки, штампом и заплаткой я так понимаю тут отделаться не получится

 

• 1646308.jpg

  50 КБ Просмотров: 332

Ylana

Знаток

20 окт 2019

#4

20 окт 2019

#4

Longitude Lattitude сказал(а):

Привожу пример такой картинки

Нажмите, чтобы раскрыть…

Вот это да!!!

Главная часть изображения и в таком состоянии!!!
Это Вам ни кисть руки, ни монитор!!

Longitude Lattitude сказал(а):

серый прямоугольник наложен только на небольшую часть изображения

Нажмите, чтобы раскрыть. ..

ДА, но это ЛИЦО!!!

Longitude Lattitude сказал(а):

заплаткой я так понимаю тут отделаться не получится

Нажмите, чтобы раскрыть…

Longitude, то что я Вам советовала, забудьте!!

Скорее всего, ничего хорошего не получится, пытаясь восстановить лицо.

Но если Вам это фото очень дорого и имеется большая необходимость убрать квадрат…

На первом месте, при таких делах, стоит разрешения футажа. Если он более чем

Full HD, можно пытаться, если меньше, надо, мне кажется, выбросить затею из головы.

Показанное фото сжато или это оригинальное разрешение?

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

И для такой работы обязательно нужен планшет, мышкой не вытяните.

A так как Вы:

Longitude Lattitude сказал(а):

с фотошопом знаком только поверхностно

Нажмите, чтобы раскрыть…

Об этом можно и не думать.

 

Последнее редактирование: 20 окт 2019

pavel55555

Знаток

20 окт 2019

#5

20 окт 2019

#5

Longitude Lattitude сказал(а):

требуется убрать наложенное полупрозрачное изображение. Полупрозрачное изображение (про прозрачности я бы его оценил в 30%) это равномерный серый цвет. Хочется убрать это наложение (серый прямоугольник наложен только на небольшую часть изображения, остальное в полном порядке). Помогите,

Нажмите, чтобы раскрыть…

Ну как-то вот так:

Лепилось за 3 секунды на скорую руку. Необходим качественный исходник — иначе имеем то, что имеем.

 

Последнее редактирование:

22 окт 2019

Ylana

Знаток

20 окт 2019

#6

20 окт 2019

#6

pavel55555 сказал(а):

Необходим качественный исходник — иначе имеем то, что имеем

Нажмите, чтобы раскрыть. ..

Да, это очень важно.

 

pavel55555

Знаток

20 окт 2019

#7

20 окт 2019

#7

Ylana сказал(а):

И для такой работы обязательно нужен планшет, мышкой не вытяните.

Нажмите, чтобы раскрыть…

Да ладно…
Имхо, всё зависит от «прослойки» между монитором и стулом/креслом.

 

Ylana

Знаток

20 окт 2019

#8

20 окт 2019

#8

pavel55555 сказал(а):

Да ладно

Нажмите, чтобы раскрыть.

..

Если Вы до такой степени дружите с мышкой, то жму Вашу руку!

Как по мне, тонкости легче исправить с помощью планшета.
Те же волоса восстановить (дорисовать).
Границу лица и т.д.

pavel55555 сказал(а):

всё зависит от «прослойки» между монитором и стулом/креслом

Нажмите, чтобы раскрыть…

Да, и с этим не поспоришь!!

 

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

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

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

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

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

Что такое прозрачный фон Photoshop 

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

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

Где используется прозрачный фон Photoshop?

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

Как сделать фон прозрачным в Photoshop с помощью инструмента Pen tool clipping path  

Хватит болтать!!!

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

Первый метод, который мы собираемся использовать, чтобы сделать фон прозрачным, — это техника отсечения контура.

Шаг 1. Откройте фотографию товара, чтобы узнать, как сделать фон прозрачным в Photoshop

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

Шаг 2: Создайте дубликат слоя Создайте дубликат слоя, чтобы сделать фон прозрачным в фотошопе

В Photoshop, когда мы вставляем наш файл изображения на панель слоев, создается исходный слой. Мы можем начать редактирование исходного слоя, но вернуть исходный файл будет сложно, если что-то пойдет не так. Итак, мы создадим дубликат нашего исходного слоя на панели слоев. Чтобы создать дубликат слоя, выберите исходный слой, а затем выберите параметр «Дублировать слой». Ваш дубликат слоя будет сформирован, и вы готовы начать редактирование.

Шаг 3. Выберите инструмент «Перо» на панели инструментов, чтобы узнать, как сделать фон прозрачным в Photoshop. Итак, перейдите на левую панель инструментов и оттуда выберите инструмент «Перо».

Шаг 4. Создайте обтравочный контур за пределами продукта

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

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

Шаг 5. После выделения инвертируйте фон  

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

Чтобы инвертировать выделение, перейдите в Изображение → Настройка , а затем выберите параметр Инвертировать или просто нажмите Ctrl+I , и все готово.

Шаг 6: Удалить фон

После выбора фона фотографии путем инвертирования выделения пришло время его удалить. Нажмите кнопку «Удалить» на клавиатуре, и фон будет удален.

Шаг 7: Сохраните прозрачный фон Photoshop и файл . PNG

Сохраните файл изображения в формате .PNG, и вы получите такое прозрачное фоновое изображение.

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

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

Шаг 1. Откройте фотографии с Amazon в Photoshop  

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

Шаг 2. Создайте дубликат слоя

 Редактирование дубликата слоя сохранит исходный слой. Создание дубликата слоя похоже на кусок пирога. Перейдите к слою → , затем выберите опцию «Дублировать слой», и наш дубликат слоя будет создан.

Шаг 3: Выберите инструмент «Волшебная палочка» на панели инструментов

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

Шаг 4: Выберите за пределами фотографии Amazon

После выбора инструмента «Волшебная палочка» процесс выбора осуществляется одним щелчком мыши. Наведите курсор на предмет и нажмите. Инструмент «Волшебная палочка» в Photoshop автоматически обнаружит край объекта и выделит его, создав пути вокруг него.

Совет для профессионалов: процесс выделения с помощью инструмента «Волшебная палочка» занимает один клик, но если вам нужна точность, вам нужно увеличить масштаб и исправить края, которые инструмент пропускает. Алгоритм Adobe Photoshop cc очень богат, и день ото дня он совершенствуется. На данный момент он еще не идеален. Чтобы увеличить масштаб, используйте знак + и -, чтобы выбрать, где это необходимо.

Шаг 5. После выбора инвертируйте фон 

Теперь мы выбрали объект, но нам нужно инвертировать выделение на фон, так как мы хотим стереть фон. Чтобы инвертировать выделение, мы перейдем в «Изображение» → «Настройка», а затем выберем опцию «Инвертировать». Но если вы собираетесь ускориться, то можете просто нажать Ctrl+I, и выделение будет инвертировано с объекта на фон

Шаг 6: Удалить фон

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

Шаг 7: Сохраните прозрачный фон Photoshop и файл .PNG.

Чтобы сделать фон нашего изображения прозрачным, мы должны сохранить его в формате .png. Поэтому нажмите Ctrl+S и дайте имя файлу, а затем нажмите кнопку «Сохранить». Этот метод лучше всего подходит для фотосъемки продуктов Amazon, потому что с помощью инструмента «Волшебная палочка» создание прозрачного фона не занимает много времени.

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

Сделать фон прозрачным — это почти повседневная рутина для создателей логотипов. Потому что когда они экспортируют и сохраняют логотип после его завершения, его фон должен быть прозрачным. Логотипы играют важную роль для брендов, и они используются на разных поверхностях. Поэтому фон логотипов должен быть прозрачным. В этом методе мы сотрем фон логотипов и сделаем их прозрачными. Инструмент, который мы используем в этом сегменте, — Lasso Tool. Вы также можете использовать его для удаления фона вашего изображения.

Шаг 1. Откройте файл логотипа в Photoshop  

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

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

Так как на этот раз мы будем использовать инструмент «Лассо» для процесса выделения, перейдите на панель инструментов слева и выберите инструмент «Лассо».

Шаг 3: Выберите за пределами изображения логотипа

После выбора инструмента лассо, теперь мы выберем за пределами изображения логотипа. Чтобы выбрать края, просто перетащите курсор вокруг объекта, включив инструмент лассо. После того, как вы завершите перетаскивание по краям объекта, вы заметите, что путь создан. Это означает, что ваша тема выбрана.

Шаг 4: После выбора инвертируйте фоновые изображения логотипа

После завершения нашего выбора мы инвертируем область выделения и перенесем ее на фон.

Чтобы инвертировать область выбора, перейдите в «Изображение» → «Настройка», а затем выберите параметр «Инвертировать», и выделение будет инвертировано.

Шаг 5: Удалить фон с логотипа

Удерживая активным выделение фона, нажмите кнопку «Удалить», и фон логотипа будет стерт.

Шаг 6. Экспортируйте прозрачный фон  

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

Белое фоновое изображение с помощью инструмента выбора объекта

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

Шаг 1: Откройте ваше белое фоновое изображение в Adobe Photoshop

Как обычно, мы начнем с открытия изображения, которое мы хотим отредактировать. Итак, откройте свое белое фоновое изображение в Adobe Photoshop, чтобы начать редактирование. Вы можете перетащить изображение или перейти в «Файл» → «Открыть», затем выбрать изображение и нажать «Вставить».

Шаг 2: Создайте дубликат изображения слоя.

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

Шаг 3: Выберите инструмент выбора объекта на панели инструментов  

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

Шаг 4: Выделите фоновое изображение за пределами белого

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

Шаг 5: После выбора автомобиля фотография перевернула изображение.

Пришло время инвертировать выделение, которое мы сделали на последнем шаге. Чтобы инвертировать выделение с объекта на фон, перейдите в «Изображение» → «Настройка» и выберите параметр «Инвертировать».

Шаг 6: Удалить фон изображения

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

Шаг 7: Сохранить как или экспортировать в файл png.

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

Заключение

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

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

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

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

В этом уроке мы будем использовать Adobe Photoshop CC, но вы сможете выполнить эти шаги в большинстве версий Photoshop.

Содержание

Как удалить фон с изображения в Photoshop

Прежде чем мы сможем сделать фон прозрачным в Photoshop, нам нужно удалить существующий фон. Если вы уже сделали это, вы можете пропустить этот шаг и вместо этого следовать инструкциям в следующем разделе.

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

Для этого руководства мы будем использовать бесплатную фотографию на Pexels. Выполните шаги с собственным изображением, чтобы удалить фон.

• Сначала найдите свою фотографию на ПК, щелкните изображение правой кнопкой мыши и выберите открыть с помощью > Adobe Photoshop.
• После того, как ваша фотография окажется в Photoshop, вам нужно будет удалить существующий фон. Лучший способ сделать это — использовать инструмент быстрого выделения. Щелкните четвертый значок вниз на панели инструментов Photoshop, а затем выберите Инструмент быстрого выбора , чтобы активировать его. После этого вы можете просто нажать W , чтобы начать использовать его.
• Инструмент «Быстрое выделение» — это мощная функция Photoshop, которая может вычислять края изображения за вас. При этом мы хотим выделить объект на переднем плане. Таким образом, мы можем скопировать эту часть изображения и удалить задний фон. Просто нажмите и быстро перетащите вокруг объекта, и вокруг него появится линия.

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

Ниже приведены некоторые элементы управления, которые помогут вам улучшить контуры.

• Удерживайте Alt + щелкните/перетащите, чтобы удалить области
• Удерживайте Shift + щелкните/перетащите, чтобы добавить области
• Используйте колесо прокрутки, чтобы увеличить масштаб, чтобы приблизиться к объекту

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

  • Когда вы сделаете нужный выбор, нажмите Ctrl+X . Это обрежет изображение, и вы сможете увидеть, остались ли какие-либо области вашего изображения, которые вы могли пропустить. В этом случае нажмите Ctrl+Z , чтобы повторить этот шаг. Затем просто используйте Quick Selection Tool, чтобы выбрать эту область. Продолжайте делать это, пока не будет выбрано полное изображение.
  • Теперь вам нужно нажать Ctrl+C , чтобы скопировать изображение, затем нажать Ctrl+V , чтобы вставить его на новый слой.
  • Далее нажмите F7 , чтобы открыть вкладку слоев, если она еще не открыта. Он должен появиться в правом нижнем углу экрана. Щелкните значок глаза рядом с фоновым слоем, чтобы скрыть его.
  • Теперь вы удалили фон в Photoshop. Прежде чем выполнить последний шаг, чтобы сохранить свою работу в виде прозрачного изображения, вы должны стереть все метки, которые могли быть пропущены при вырезании изображения. Нажмите E , чтобы получить доступ к инструменту ластика, и увеличьте масштаб, чтобы тщательно стереть любые ошибки.
  • Вы также можете повторно выбрать инструмент «Быстрое выделение», щелкнув его на панели инструментов, и переключить его на инструмент «Волшебная палочка». Благодаря этому вам будет легче выбирать на изображении участки пикселей одинакового цвета. Это полезно сделать, чтобы стирать только те области изображения, которые не нужны.
  Как сохранить изображение с прозрачным фоном в Photoshop

  Только определенные типы файлов поддерживают прозрачный фон, поэтому при экспорте изображения в Photoshop необходимо выбрать правильный файл. Мы рекомендуем использовать PNG — это популярный веб-формат, который поддерживает прозрачный фон и может быть легко сжат для экономии памяти или пропускной способности сети.

  • Нажмите Ctrl+Shift+S , чтобы открыть окно Сохранить как . Щелкните раскрывающееся окно Сохранить как тип: и выберите .PNG .
  • Дайте вашему изображению имя. Убедитесь, что вы сохранили расширение файла .png.
  • Щелкните Сохранить .
  • Появится новое окно — вы можете выбрать Большой размер файла и затем нажать OK . Теперь у вас будет новое прозрачное изображение в формате PNG на вашем компьютере в том месте, которое вы выбрали для его сохранения. 

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

  Резюме

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

  No related posts.