порталу COMPLITRA.RU требуется в команду автор статей (возможно постоянное сотрудничество!) - подробнее


обновлено: 2021-11-22
в колонке:  в теме: Программы — софт, Web дизайн, графика
IT портал COMPLITRA.RU о компьютерах, интернете и жизни всё

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

Сегодня, с нашими читателями сайта Комплитра, закроем вопрос о том, как сделать прозрачный фон картинки при помощи Фотошоп (Photoshop).

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

 

…если вы хотите органично наложить одну картинку на другую, да так… чтобы фон накладываемой картинки не закрывал элементы другого изображения — то это статья как раз для вас (скриншоты ниже).

 

Будем работать с редактором Photoshop.

Поехали кататься по теме))

 


 

 

 

 

 

 

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

 

 

 

 

В этой статье мы учились работать с градиентом — как наложить градиент на фото.

Как создать анимированное изображение для сайта.

 

 

 

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

 

 

 

сделать прозрачный фон картинки

 

 

 

если эту картинку нанести на другую, получится примерно так:

 

 

 

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

 

 

 

 

Для кого-то это может показаться некрасиво! так как один фон залезает (накладывается) на другой.

 

 

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

 

 

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

 

 

 

Всё просто, — картинка, на которой изображён колобок, как понимаем, имеет белый фон.

 

 

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

 

 

 

 

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

 

 

 

 

Открываем программу Photoshop (фотошоп).

 

…затем открываем требуемую для удаление фона картинку…

 

 

 

 

фон картинки в Photoshop

 

 

 

 

Для того чтобы убрать с картинки фон, сделать его прозрачным, нам потребуется инструмент «Быстрое выделение»…

 

 

 

прозрачный фон картинки фотошоп

 

 

 

нажимаем на кнопку «Быстрое выделение» (см. горизонтальное меню слева)…

 

 

 

Преступим к правке картинки:

 

 

 

делаем фон картинки прозрачным — Photoshop

 

 

 

 

…нам нужно обвести пунктиром быстрого выделения мордочку колобка…

 

 

…кликаем куда-то по фотке в окне фотошоп… перемещая, и покликивая курсором, добиваемся такого эффекта как на картинке ниже…

 

 

…то есть чтобы мордочка колобка была выделена (обведена) пунктирной линией…

 

 

 

прозрачный фон картинки

 

 

 

 

…далее кликаете по меню «Выделение»…

 

 

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

 

 

 

 

Нажимаете опцию «Инверсия»… и…

 

 

…тюкнем на клавиатуре кнопку «Delete». Полезная подборка полезных сочетаний ГОРЯЧИХ клавиш Виндовс

 

 

Вот и всё — на данный момент фон картинки как бы исчез.

 

 

…Но ведь надо ещё сохранить нашу картинку с прозрачным фоном на компьютер.

 

 

 

 

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

 

 

 

 

Сохраняйте непременно в формате PNG, иначе вся наша работа пойдёт насмарку…

 

 

 

 

фон прозрачный

 

 

 

 

…Сделать прозрачный фон картинки в программе Фотошоп, оказалось совсем просто.

 

 

 

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

 

 

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

 

 

 

Общаемся в чате Телеграм задаем вопросы авторам, пользователям COMPLITRA.RU

 

 

 

Создание… продвижение сайтов: студия ATs media запросто с WordPress

 

 

 

 


Если что-то не ясно и остались вопросы, делитесь ими в комментариях...

 

 


Подписка на новости студии Комплитра МИГ подписки - ЭРА полезных знаний!!

 


все статьи автора Александра Брик
автор, соавтор сайта Комплитра ру - менеджер, веб разработчик студии ATs media - запросто с Вордпресс 
мой сайт 
Самое время рассказать о статье в соцсетях, буду признателен... complitra.ru !
рекомендовано лично для вас:



Прошу высказаться: Ваши суждения очень важны!!!!

   Внимание ! Обязательные поля помечены *

  доступен плагин: ats privacy policy ©

  я согласен c Privacy Policy COMPLITRA 

  1. Кто не владеет Фотошоп, попробуйте онлайн-обрезчик фона от

    // wilda.ru / obrezka-fona

    Сервис платный, стоит 30 руб. за фото, но если бесплатные проги не справляются, то можно и заплатить. Регистрация не нужна.

    Ответить - сергей
    • Ну, от бесплатного в глобальном смысле — пора отказываться… Бесплатно, это, к сожалению, ничто (Zero)…
      Все имеет меру…

      Ответить - Сергей