Уважаемые пользователи Голос!
Сайт доступен в режиме «чтение» до сентября 2020 года. Операции с токенами Golos, Cyber можно проводить, используя альтернативные клиенты или через эксплорер Cyberway. Подробности здесь: https://golos.io/@goloscore/operacii-s-tokenami-golos-cyber-1594822432061
С уважением, команда “Голос”
GOLOS
RU
EN
UA
yurchello
7 лет назад

Хитрости работы с Photoshop. Отделяем полупрозрачный фон

Встретился как-то ещё давно урок в Интернете, где подробно описывалось, как отделить от фона объект вместе с его тенью таким образом, чтобы тень оставалась полупрозрачной, и чтобы после этого объект вместе с тенью легко накладывались на любой фон по желанию дизайнера. Речь там шла об изначально белом фоне, видимо, чтобы было проще отделять, но недавно я задумался, а нельзя ли "вытащить" картинку из любого фона, даже текстурированного. Решил попробовать, и вот что у меня получилось.

Прежде всего, я нашёл изображение, где машина стоит на асфальте. Поверхность дороги не однородна, поэтому, если я отделю тень описанным в том уроке способом, то в ней всё равно останутся всякие камушки и неровности. Как же быть?

Итак, начнём! Берём фото  ЗДЕСЬ

Первым делом нужно сделать две копии первого слоя. В итоге у нас получится бэкграунд и ещё два таких же автомобиля на разных слоях. С помощью инструмента "Полигональное лассо" выделить машину (пока без тени!) от фона. Сделать это не всегда бывает просто, потому что тон колес и тени могут совпадать.

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

Теперь на первом нашем слое удалим фон.

А на втором дубликате удалим машину.

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

Не снимая выделения (это важно!), применяем фильтр Lens Blur (Размытие линзой). В диалоговом окне ставим точечку More accurate (Более аккуратно) и оставляем все ползунки по умолчанию (Все по нулям, кроме радиуса 15 единиц и Порог 255) Смотрите! Наша тень стала гладенькой! Но тут вылезла другая беда – появилась незапланированная прозрачность по краям.

Избавиться от неё просто. Дублируем наш слой с тенью три раза и сводим их в один. Теперь край жёсткий и нет даже намёка на прозрачность.

Вот теперь мы получили заготовку, с которой можно иметь дело дальше. На следующем этапе переёдём во вкладку "Каналы", предварительно скрыв все слои кроме слоя с заготовкой для тени. В любом из понравившихся  (Red, Green или Blue) выделим содержимое канала (можно это сделать, зажав Ctrl, и кликнув по каналу во вкладке)

Теперь перейдём в основной общий канал RGB, затем во вкладку "Слои" и нажмём Delete. Мы добились, чего хотели! Наша тень свободна от предрассудков и теперь совершенно доступна и легка!

Сделаем теперь слой с машиной видимым. Но, что это за нестыковка? Тень и машину разделяет небольшая каёмка толщиной всего в один пиксель. Ничего, и это не беда. Просто переёдём в инструмент "Стрелочка" (Move Tool) и подсунем нашу тень под машину, переместив её, нажав на клавиатуре компьютера стрелку "Вверх"

Смотрим на результат. Красота! Но слои пока не сводите.

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

Избавиться от "ореола" вокруг нашей, с таким трудом добытой тени, поможет режим наложения слоя Multiply. Для большей прозрачности и аккуратности можно добавить непрозрачности к нашей тени от 70 до 80%

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

Вот, собственно, и вся нехитрая алхимия.

39
32.713 GOLOS
На Golos с June 2017
Комментарии (16)
Сортировать по:
Сначала старые