Довольно часто встречаются задачи, когда надо взять готовое фото с неким предметом и положить его на другой фон. В случае с вебом, нам нужно изображение, где тень задавалась бы альфа каналом, тогда мы без труда сможем разместить его на любой подложке. Для примера возьмем вот такое изображение, найденное на просторах всемирной помойки:
Оно в формате JPEG, значит в нем нет альфа-канала и мы не сможем просто так поместить его над градиентом или любым другим фоном, отличным от белого.
Вообще я каждый раз в таких случаях придумывал последовательность действий заново, но на этот раз решил все записать, т. к. тратить много времени на выдумку не всегда позволительно.
Замечу что нам нужна лишь тень, градиентный фон и часть тени, которая не смотрится и выглядит лишней, мы уберем.
Закрашиваем белым все те тени и участки, которые нам не нужны на финальном изображении.
Входим в режим «Quick Mask» (Q) и аккуратно выделяем все тени и весь фон.
Здесь нам надо сделать следующее: все, что мы сейчас выделили, надо скопировать в отдельный слой и закрасить прозрачную область черным, а на исходном изображении выделенную область закрасить в цвет тени.
Если тени на исходном изображении были цветными, то новый слой надо обесцветить.
Получилось два слоя, исходное изображение с фоном цвета тени:
Получаем нужное нам изображение, для этого будем использовать инструмент «Calculations», он находится в меню «Image».
Устанавливаем следующие параметры:
Нажимаем ОК, получаем выделение (результат), переключаемся на слой с исходным изображением (рис. 4), инвертируем выделение (Ctrl+Shift+I), нажимаем Del и получаем то, что хотели, ну почти:
Аккуратно убираем все возникшие артефакты, в данном примере: узкую черную обводку в некоторых местах.
И все готово. Проверяем как все выглядит на разношерстном фоне:
Масштабируем до нужного размера (без пробного фона, конечно), сохраняем в PNG (24bit + transparent) и можно использовать на сайте.
 |
| Рисунок 1 |
Оно в формате JPEG, значит в нем нет альфа-канала и мы не сможем просто так поместить его над градиентом или любым другим фоном, отличным от белого.
Вообще я каждый раз в таких случаях придумывал последовательность действий заново, но на этот раз решил все записать, т. к. тратить много времени на выдумку не всегда позволительно.
Замечу что нам нужна лишь тень, градиентный фон и часть тени, которая не смотрится и выглядит лишней, мы уберем.
Действие первое
Закрашиваем белым все те тени и участки, которые нам не нужны на финальном изображении.
 |
| Рисунок 2 |
Действие второе
Входим в режим «Quick Mask» (Q) и аккуратно выделяем все тени и весь фон.
 |
| Рисунок 3 |
Действие третье
Здесь нам надо сделать следующее: все, что мы сейчас выделили, надо скопировать в отдельный слой и закрасить прозрачную область черным, а на исходном изображении выделенную область закрасить в цвет тени.
Если тени на исходном изображении были цветными, то новый слой надо обесцветить.
Получилось два слоя, исходное изображение с фоном цвета тени:
 |
| Рисунок 4 |
И маска, которая хранит в себе информацию о прозрачности, все что белое — прозрачность максимальна, все что черное — минимальна.
 |
| Рисунок 5 |
Действие четвертое
Получаем нужное нам изображение, для этого будем использовать инструмент «Calculations», он находится в меню «Image».
Устанавливаем следующие параметры:
 |
| Рисунок 6 |
Нажимаем ОК, получаем выделение (результат), переключаемся на слой с исходным изображением (рис. 4), инвертируем выделение (Ctrl+Shift+I), нажимаем Del и получаем то, что хотели, ну почти:
 |
| Рисунок 7 |
Действие пятое
Аккуратно убираем все возникшие артефакты, в данном примере: узкую черную обводку в некоторых местах.
И все готово. Проверяем как все выглядит на разношерстном фоне:
 |
| Рисунок 8 |
Масштабируем до нужного размера (без пробного фона, конечно), сохраняем в PNG (24bit + transparent) и можно использовать на сайте.
Комментариев нет:
Отправить комментарий