Наложение рисунка на фотографию или изображение

На самом деле, у меня есть идея получше: если вы начнете с белой футболки и установите для нее режим слоя «Умножение», вы можете поместить логотип на нижний слой, и он автоматически будет затенен, как если бы он был напечатан на футболке. -Рубашка. Более того, вы также можете изменить цвет самой рубашки, поместив слой сплошного цвета под логотипом.

Позвольте мне продемонстрировать эту технику. Я начну с простого изображения простой белой футболки на нейтральном фоне:

(На самом деле, я взял за основу это изображение футболки из Википедии от ArtMechanic, лицензия GFDL/CC-By-SA 3.0, и воссоздал исходный логотип.)

Далее я продублирую слой и вырежу футболку из верхнего слоя, оставив только фон:

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

После этого я меняю режим нижнего слоя на «Умножение» и добавляю под ним новый белый слой. На данный момент картина все еще выглядит точно так же, как когда я начал. Однако теперь я могу добавить несколько дополнительных слоев между белым нижним слоем и футболкой, которые будут отображаться так, как если бы они были напечатаны на футболке. Для этой демонстрации я буду использовать логотип GIMP :

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

... и окончательное изображение с видимыми различными цветовыми слоями выглядит так:

(Я добавил синий слой после того, как сделал снимок экрана с диалоговым окном слоев, и не стал делать его снова. Обратите внимание, что черный слой на самом деле не черный — он на 85% серый. Если бы он был полностью черным, вы бы не видно тени на рубашке.)

На самом деле, после этой демонстрации я придумал еще один трюк: если бы вместо использования режима «Умножение» я использовал « Слой» → «Прозрачность» → «Цвет в альфа-канал»... на рубашке (с белым цветом в качестве прозрачного) , я мог бы объединить два верхних слоя и сохранить результат в виде прозрачного изображения PNG. Затем я мог бы использовать CSS, чтобы расположить это изображение поверх любого другого изображения соответствующего размера на веб-странице, чтобы это изображение выглядело так, как будто оно было напечатано на футболке!

Кроме того, только потом я понял, что могло бы выглядеть лучше, если бы я сделал прозрачные области верхнего слоя немного непрозрачными (скажем, от 5% до 15% непрозрачности), так что, по сути, логотип и цвет слои станут немного светлее. Таким образом, даже использование слоя со 100% черным цветом внизу не уничтожит полностью затенение на рубашке.

Если это белая футболка и логотип не имеет белых частей, которые должны быть видны, то вы можете просто перейти на панель «Слои» и переключить настройку «Режим» на умножение.