Сегодня, с нашими читателями сайта Комплитра, закроем вопрос о том, как сделать прозрачный фон картинки при помощи Фотошоп (Photoshop).
Не скажу что много, но однако же, подобные вопросы время от времени поступают, а значит должно быть решение…
…если вы хотите органично наложить одну картинку на другую, да так… чтобы фон накладываемой картинки не закрывал элементы другого изображения — то это статья как раз для вас (скриншоты ниже).
Будем работать с редактором Photoshop.
Поехали кататься по теме))
сделать фон картинки прозрачным
В этой статье мы учились работать с градиентом — как наложить градиент на фото.
Как создать анимированное изображение для сайта.
…научимся создавать прозрачный фон картинки на примере рисунка колобок… как видите, у самой картинки есть белый фон:
если эту картинку нанести на другую, получится примерно так:
Для кого-то это может показаться некрасиво! так как один фон залезает (накладывается) на другой.
Так как же сделать фон картинки прозрачным ?? чтобы при наложении картинки получилось так, как на скриншоте ниже:
Всё просто, — картинка, на которой изображён колобок, как понимаем, имеет белый фон.
1 — нужно убрать этот белый фон, т.е. сделать прозрачным, а уж затем нанести подготовленную картинку на другую…
как сделать прозрачный фон картинки в Photoshop
Открываем программу Photoshop (фотошоп).
…затем открываем требуемую для удаление фона картинку…
Для того чтобы убрать с картинки фон, сделать его прозрачным, нам потребуется инструмент «Быстрое выделение»…
нажимаем на кнопку «Быстрое выделение» (см. горизонтальное меню слева)…
Преступим к правке картинки:
делаем фон картинки прозрачным — Photoshop
…нам нужно обвести пунктиром быстрого выделения мордочку колобка…
…кликаем куда-то по фотке в окне фотошоп… перемещая, и покликивая курсором, добиваемся такого эффекта как на картинке ниже…
…то есть чтобы мордочка колобка была выделена (обведена) пунктирной линией…
…далее кликаете по меню «Выделение»…
Нажимаете опцию «Инверсия»… и…
…тюкнем на клавиатуре кнопку «Delete». Полезная подборка полезных сочетаний ГОРЯЧИХ клавиш Виндовс…
Вот и всё — на данный момент фон картинки как бы исчез.
…Но ведь надо ещё сохранить нашу картинку с прозрачным фоном на компьютер.
Сохраняйте непременно в формате PNG, иначе вся наша работа пойдёт насмарку…
…Сделать прозрачный фон картинки в программе Фотошоп, оказалось совсем просто.
В следующих статьях рассмотрим иные варианты того, как делается фон картинки прозрачным.?.
Сегодня мы работали с однотонным фоном, а потом станем убирать, скажем так, многоцветный фон…
Общаемся в чате Телеграм задаем вопросы авторам, пользователям COMPLITRA.RU
Создание… продвижение сайтов: студия ATs media запросто с WordPress
МИГ подписки - ЭРА полезных знаний!!
Кто не владеет Фотошоп, попробуйте онлайн-обрезчик фона от
Сервис платный, стоит 30 руб. за фото, но если бесплатные проги не справляются, то можно и заплатить. Регистрация не нужна.
Ну, от бесплатного в глобальном смысле — пора отказываться… Бесплатно, это, к сожалению, ничто (Zero)…
Все имеет меру…