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

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

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

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

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

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

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

После этого выбираем инструмент «волшебная палочка«, расположенный на панели инструментов.

Выбрав инструмент, щелкаем и по загруженному документу. Появится такое вот выделение:

Остался последний шаг – нажать на клавишу DELETE. В результате фон исчезнет, а останется чистое пространство, которое отображается, как квадратики:

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

Делаем прозрачным фон из картинки или рисунка в Photoshop

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

Загрузив фотографию, создаем дубликат слоя и выбираем «магнитное лассо«. Обводим им по контуру фигуру выделяемого объекта.

Прилипло по нужным границам? Далее, идем через «главное меню» «выделение«-«инверсия«.

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

Осталось нажать клавишу DELETE и фон будет удален, а интересующий нас объект останется на прозрачном фоне.

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

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

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

Если подпись стоит рядом с другими элементами, то при помощи «выделения» вырезаем подпись и ставим ее на новый документ.

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

Каким оно будет — зависит от самой подписи. Подбирайте экспериментально. Главное, что бы в итоге была выделена и подпись фон вокруг нее. В моем варианте значение допуска было равно 70. Щелкаем «волшебной палочкой» по документу и получаем такой результат.

Затем нажимаем все ту же клавишу DELETE. В результате фон будет удален. Но, обратите внимание, что имеются участки, где фон остался. Это зависит от подписи.

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

Теперь осталось вставлять ее в нужное место в отсканированном документе или напечатанном. Или в шаблон документа программы 1С. Вот так достаточно просто можно сделать прозрачный фон. Главное, не забыть сохранить картинку именно в формате PNG! Тогда прозрачный фон сохранится для других проектов. Успехов!

→ BlogGood.ru ←

Блог на разные темы, seo-оптимизация, раскрутка сайта, создание сайта, вкусные эффекты для сайта и многое другое…

Три способа, как сделать прозрачный фон картинки в Photoshop (фотошоп)

Здравствуйте, дорогие друзья!
В этой статье я расскажу, как в Photoshop (фотошопе) сделать фон картинки прозрачным.
Для чего нужен прозрачный фон?
Часто фон одной картинки закрывает другую картинку. В таких и подобных случаях полезно уметь делать фон прозрачным.

Будем работать с рисунком, который вы видите снизу: у нас есть пенек, а на пенек мы посадили колобка. Как видите, белый фон вокруг колобка закрывает пенек, да и вообще портит всю картину:

Значит, нам нужно удалить этот белый фон, фактически мы его не удаляем (ведь размер картинки остается прежний), а делаем его прозрачным, невидимым.
Есть три способа удаления мешающего фона.
○ 1 способ :
Будем использовать инструмент «Волшебная палочка» .
В графическом редакторе Photoshop откройте изображение. Справа, в слоях, нажмите двойным щелчком правой кнопкой мыши по замочку:

Далее откроется окошко, где нужно нажать на кнопку «Ок» . Теперь нажмите на инструмент « Волшебная палочка» и в «Допуске» мы ставим параметр «10» :

Нажмите «Волшебной палочкой» на белый фон. Когда фон выделится, жмите на клавиатуре клавишу «Delete» :

○ 2 способ :

Удаляем фон при помощи инструмента «Магнитное лассо» :

Нажимайте возле колобка и просто ведите курсор вокруг него. Линия сама будет притягиваться по контуру:

После выделения нужно перейти в верхнем меню на пункт «Выделение» => «Инверсия» :

Жмите на клавиатуре клавишу «Delete» . Все, фон исчез:

Хочу обратить ваше внимание, что 1 и 2-ой способ можно применять, если фон у картинки однотонный, например, только белый или только красный и т. д. А вот в случаях, когда фон разноцветный или имеет другие изображение сзади, то лучше использовать 3-й способ.

○ 3 способ :
Удаляем фон при помощи режима «Быстрая маска» . Она находится внизу:

Нажимаем на «Быструю маску» , выбираем инструмент «Кисть» и просто зарисовываем колобка, но не затрагивая фон:

Когда зарисовали колобка, нужно отжать кнопку «Быстрая маска» :

А на клавиатуре нажать клавишу «Delete» . Все, фон исчез:

Теперь самое важное: как сохранить?

Как сохранить изображение с прозрачным фоном

Если картинку сохранить в формате JEPG , то вместо прозрачного фона он будет белым. Сохранять нужно в формате PNG или GIF .
Итак, сохраняем:
Жмите в меню на «Файл» => «Сохранить как…» :

В «Имя файла:» дайте название картинке, в «Тип файла» найдите и выберите формат «PNG» . Жмите на кнопку «Сохранить» :

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

Можете посмотреть мой видео-урок по теме «Как сделать прозрачный фон картинки в Photoshop»:

Подписывайтесь на обновление моего блога .

Автор статьи: Степан => автор блога · Опубликовано в 22.04.2015 – Photoshop

Как удалить белый фон с картинки в Adobe Photoshop?

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

Adobe Photoshop — удаляем фон

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

Быстрая навигация:

1. # Удалить белый фон инструментом “Волшебный ластик”
2. # Удалить белый фон инструментом “Фоновый ластик”
3. # Удалить любой фон с изображения с помощью инструмента “Быстрое выделение”

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

1 Как удалить белый фон инструментом “Волшебный ластик” в Фотошопе

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

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

Открываем исходное изображение в Фотошопе

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

На панели слоев нажмите иконку “Замок”, чтобы разблокировать его и превратить в редактируемый слой. Переименуйте его из “Слой 0” во что-нибудь понятное. Можно создать дубликат слоя, а затем скрыть его, нажав на иконку “Глаз”. Это на тот случай, если вы захотите вернуться к первоначальному варианту.

Adobe Photoshop — разблокируем и переименуем слой Создаем дубликат, скрываем основной слой

Шаг 3 — Выберите инструмент “Волшебный ластик” (Magic Eraser)

На панели инструментов нажмите на “Волшебный ластик”. Это третий на вкладке ластик. Выберите следующие параметры:

1. Допуск (Tolerance): 30
2. Сглаживание (Anti-Alias): отметить галочкой
3. Непрозрачность (Opacity): 100%

Настраиваем волшебный ластик, чтобы удалить бэкграунд

Шаг 4 — сотрите слой

Нажмите на белый фон волшебным ластиком, чтобы удалить. Все, он исчез!

Удаляем фон ластиком

Вместе с фоном мы удалили и тень

У нашего изображения была серая тень, которая теперь исчезла. Если у вашего изображения есть подобные элементы, они тоже исчезнут. По этой причине вы можете попробовать другой инструмент — “Фоновый ластик”.

Как удалить белый фон с картинки в Adobe Photoshop?

Шаг 5 — обрежьте и сохраните как PNG

Нажмите на опцию Тримминг во вкладке Изображение (Image → Trim. ). Это позволит обрезать ненужное прозрачное пространство вокруг объекта. Экспортируйте изображение в виде файла PNG, нажмите Файл → Экспортировать → Быстрый экспорт в PNG. Если вы сохраните как JPEG, вся наша тяжелая работа будет напрасной, так как картинка будет сохранена с белым фоном, JPEG не поддерживает прозрачность.

Тримминг изображения Экспортируем изображение в png

2 Как удалить белый фон с помощью инструмента “Фоновый ластик” в Фотошопе

Шаг 1 — повторите первые два шага из части про “Волшебный ластик”

Шаг 2 — Выберите инструмент “Фоновый ластик”.

Вы можете найти его на вкладке Ластик панели инструментов. Курсор ластика выглядит как круг с перекрестием в центре.

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

1. Размер (Size): 100-300 px.
2. Проба (Sampling): однократно или образец фона
3. Ограничения (Limits): Выделение краев (Find Edges)
4. Допуск (Tolerance): 20%
5. Основной цвет: отметить галочкой

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

Настройки ластика

Шаг 3 — сотрите белый фон

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

Стираем белый фон

Шаг 4 — Повторите последние два шага из части про “Волшебный ластик”.

3 Как удалить любой фон с изображения с помощью инструмента “Быстрое выделение” в Фотошопе

Белый фон не всегда идеально белый, иногда он облачный с текстурой или градиентом. Для этого вида белого бэкграунда вам нужен другой инструмент. Благодаря которому мы сможем сделать все аккуратнее, чем ластиком. Инструмент “Быстрое выделение”. Для этого инструмента мы подобрали изображение с фоном-текстурой.

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

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

Открываем изображение

Шаг 2 — дублируйте слой

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

Шаг 3 — Выберите инструмент “Быстрое выделение” (Quick Selection)

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

1. Новая выделенная область (New Selection)
2. Размер (Size): 100 px
3. Жесткость (Hardness): 100%
4. Интервал (Spacing): 20%

Удаление фона Быстрым выделением

Шаг 4 — Выделите объект

Выделите инструментом “Быстрое выделение” объект, который вы хотите отделить от фона.

Выделение объекта

Держите курсор на объекте и на внутреннем краю выделения, чтобы он не касался фона. Когда объект выбран, вы можете добавить к нему выделения или вычесть лишние части комбинацией клавиш Alt + ЛКМ.

Шаг 5 — Уточните выделение

С большой долей вероятности наше выделение получится несовершенным, поэтому теперь мы уточним его с помощью инструмента “Кисть” (brush tool). Нажмите q на клавиатуре, и фон закрасится красным. Эта красная область является не выделенной частью вашего изображения.

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

Чтобы закончить его, Нажмите кнопку q еще раз, чтобы избавиться от красного и увидеть выделение с пунктирной линией. Нажмите ПКМ и выберите “Растушевка. “, установите радиус растушевки 3 px.

Уточняем выделение

Шаг 6 — инвертировать выделение

Как только вы убедитесь, что объект выбран правильно, инвертируйте выделение сочетанием клавиш Shift + Control + I или выберите инструмент “Прямоугольная область” нажмите ПКМ на изображение, выберите пункт Инверсия выделенной области. Когда фон выбран, удалите его (клавиша del), и вы увидите сетку прозрачности. Проверьте, чтобы ваш слой был разблокирован, иначе ничего не получится.

Инвертируем выделение Растушевка

Шаг 7 — Повторите последние два шага из части про “Волшебный ластик”

Готовое изображение

Подытожим

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

Источники:

https://fast-wolker.ru/kak-sdelat-prozrachnyj-fon-v-fotoshop.html
https://bloggood.ru/photoshop/tri-sposoba-kak-sdelat-prozrachnyj-fon-kartinki-v-photoshop-fotoshop.html/
https://active-vision.ru/blog/udalit-belyy-fon-s-kartinki-v-photoshop/