Содержание

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

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

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

Так, на панели инструментов в Фотошоп есть специальный фоновый ластик, который стирает выборочно фон по определенному образцу.

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

Второй способ сделать фон прозрачным – выделить объект в режиме быстрой маски и удалить область, которая не закрыта маской. Чтобы создать маску нужно щелкнуть курсором на сером прямоугольнике с белым кругом внутри (внизу панели слоев).

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

Следующий шаг – выйти из режима быстрой маски (это делается с помощью горячей клавиши Q) и нажать клавишу DEL. В итоге мы получаем изображение зимородка на ветке, а фон вокруг него прозрачный.           

Желтые участки фона, которые были случайно захвачены при создании маски, можно убрать с помощью инструмента Ластик (быстрая клавиша E).

И заключительный этап – сохранение изображение. Формат JPEG не поддерживает прозрачность, поэтому прозрачный фон сохраняется как белый. Сохранять полученную картинку нужно в формате PNG.

Рекомендую:

Если хотите получить перспективную профессию или освоить новый навык (будь то SEO, HTML, веб-программирование или даже мобильная разработка), то посмотрите ТОП-3 лучших онлайн школ:

  • Нетология — одна из старейших школ интернет-профессий. Основные направления — маркетинг, управление, дизайн и программирование;
  • GeekBrains — специализируется, в первую очередь, на обучении программистов. После интеграции в Mail Group появились и другие профессии;
  • SkillBox — наиболее молодая из 3-х перечисленных школ, но обладает наибольшим ассортиментом специальностей. Если услышали о какой-либо экзотической профессии, то наверняка этому уже обучают в Skillbox.

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

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

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

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

 

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

 

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

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

 

 

 

 

разделы поста:

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

 

 

 

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

 

 

 

 

 

 

 

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

 

 

 

 

 

 

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

 

 

 

 

 

 

 

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

 

 

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

 

 

 

 

 

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

 

 

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

 

 

 

 

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

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

 

 

 

 

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

 

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

 

 

 

 

 

 

 

 

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

 

 

 

 

 

 

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

 

 

 

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

 

 

 

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

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

 

 

 

 

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

 

 

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

 

 

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

 

 

 

 

 

 

 

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

 

 

 

 

 

 

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

 

 

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

 

 

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

 

 

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

 

 

 

 

 

 

 

 

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

 

 

 

 

 

 

 

 

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

 

 

 

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

 

 

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

 

 

 

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

 

 

 

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