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


обновлено:2020-03-17
в колонке:  - в теме: Компьютерные программы — софт, Web дизайн графика  пост читали: 4652
Комплитра ATs media: о компьютерах, интернете и жизни

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

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

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

 

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

 

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

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


 

 

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

 

 

 

 

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

 

 

 

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

 

 

 

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

 

 

 

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

 

 

 

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

 

 

 

 

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

 

 

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

 

 

 

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

 

 

 

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

 

 

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

 

 

 

 

вернуться к оглавлению

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

 

 

 

 

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

 

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

 

 

 

 

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

 

 

 

 

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

 

 

 

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

 

 

 

 

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

 

 

 

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

 

 

 

вернуться к оглавлению

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

 

 

 

 

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

 

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

 

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

 

 

 

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

 

 

 

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

 

 

 

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

 

 

 

 

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

 

 

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

 

 

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

 

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

 

 

 

 

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

 

 

 

 

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

 

 

 

 

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

 

 

 

 

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

 

 

 

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

 

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

 

 

 


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

 

 


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

 


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

смотреть в теме Компьютерные программы — софт, Web дизайн графика другие статьи


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

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

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

 необходимо принять правила конфиденциальности 

помощь по вашему сайту... расторопно и качественно!
запросто с WordPress
запросто с Wordpress
Skype консультация Skype консультация

Если вы выбрали для своего сайта WordPress и только-только начинаете изучать панель управления контентом, то этот вариант Skype оnline консультаций по любым вопросам — для вас!

Телеграм консультация


Яндекс.Метрика