BloGGood.ru

Блог Костаневича Степана

WordPress, PHP, HTML, CSS, Windows

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

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

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

2015-04-22 / Вр:23:08 / просмотров: 132561

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

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

как в Photoshop (фотошопе) сделать фон картинки прозрачным.

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

как в Photoshop (фотошопе) сделать фон картинки прозрачным.

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

как в Photoshop (фотошопе) сделать фон картинки прозрачным.

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

как в Photoshop (фотошопе) сделать фон картинки прозрачным.

Все, фон исчез:

как в Photoshop (фотошопе) сделать фон картинки прозрачным.

2 способ:

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

как в Photoshop (фотошопе) сделать фон картинки прозрачным.

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

как в Photoshop (фотошопе) сделать фон картинки прозрачным.

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

как в Photoshop (фотошопе) сделать фон картинки прозрачным.

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

как в Photoshop (фотошопе) сделать фон картинки прозрачным.

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

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

как в Photoshop (фотошопе) сделать фон картинки прозрачным.

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

как в Photoshop (фотошопе) сделать фон картинки прозрачным.

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

как в Photoshop (фотошопе) сделать фон картинки прозрачным.

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

как в Photoshop (фотошопе) сделать фон картинки прозрачным.

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

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

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

как в Photoshop (фотошопе) сделать фон картинки прозрачным.

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

как в Photoshop (фотошопе) сделать фон картинки прозрачным.

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

как в Photoshop (фотошопе) сделать фон картинки прозрачным.

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

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

Понравился пост? Помоги другим узнать об этой статье, кликни на кнопку социальных сетей ↓↓↓

Получай обновления блога!!! Подпишись:

Популярные статьи:

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

  1. Artur

    Большое спасибо за урок! Все очень просто и понятно.

  2. Avatar photo Степан => автор блога

    Пожалуйста, Артур!
    На завтра я подготовил два урока по фотошопу, если интересно, заходите и читайтею

  3. Екатерина

    Благодарю за исчерпывающий ответ! Понятно,ну очень просто!Легко воспринимается!Вы Молодец! Еще раз Благодарю! Успехов!

  4. Avatar photo Степан => автор блога

    Спасибо, Екатерина за Ваш приятный комментарий!

  5. Марина

    :rose: Это просто счастье какое-то! У вас талант учителя! Я бы мучилась до одурения, вспоминая, как правильно сделать прозрачный фон, но у Вас такое ЛЕГКОЕ решение, С П А С И Б О!

  6. Avatar photo Степан => автор блога

    Пожалуйста, Марина! :oops:

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

;-) :| :x :twisted: :smokes: :smile: :shock: :sad: :rose: :roll: :razz: :pop-corne: :oops: :o :mrgreen: :lol: :idea: :grin: :gazeta: :evil: :cry: :cool: :coffe: :arrow: :???: :?: :!:

Чтобы добавить в комментарий код HTML, PHP, CSS, JavaScript, нужно сделать так: [code] ваш код [/code]

Метки: ,

Мои цели на 2018-2019:

1). Закончить тему «Bootstrap»

2). Закончить тему «Все про PHP и MySQL»

3). Создать портфолио и мини интернет-магазин шаблонов

4). Довести количество статей до 800

5). Добиться посещаемости 3000 человек/сутки

6). Увеличить число подписчиков до 250

Статистика по блогу

Количество записей на блоге: 810
Количество страниц на блоге: 20
Количество рубрик на блоге: 28
Количество меток на блоге: 72
Количество комментариев на блоге: 4716