Вход

Просмотр полной версии : Наложение картинки и текстуры


art_maestro
28.03.2014, 01:09
Здравствуйте, подскажите пожалуйста как реализовать такую фишку

Пример (http://klv-oboi.ru/crop-image/title/0100)

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

изначально я использовал фильтры, но добился вот такого результата
http://javascript.ru/forum/attachment.php?attachmentid=2145&stc=1&d=1395954460

Можно заметить белый цвет.

Надеюсь вопрос изложил понятно, спасибо за любую помощь.

ksa
28.03.2014, 08:55
я хотел бы узнать как добиться такого эффекта
Например сделать два ДИВа внутри третьего... Настройть ЦСС так, что первый ДИВ будет "ниже по слою" чем второй...
Т.о. получится то самое "наложение".

art_maestro
28.03.2014, 20:10
Я сделал так как Вы написали. наложить один див на другой (это видно на картинке, которую я прикрепил), это не проблема. Сама суть проблемы в том, что нужно две картинки совместить так, чтобы нижняя картинка имела определенную текстуру, гравировку, неровности. Как на сайте, который я указал.

Обратите внимание на прикрепленную картинку, у меня почти получилось то, чего я хотел, но много белого цвета, как мне убрать белый цвет и оставить темные области данной картинки.

ksa
29.03.2014, 10:04
как мне убрать белый цвет и оставить темные области данной картинки
Так делай картики такие, какие тебе дадут нужный визуальный эффект.
Если просто взять две любые - конечно не получится. А вот если с ними поработать - оно глядишь и будет похоже на нужный вариант.

art_maestro
30.03.2014, 20:21
Да, спасибо за совет. Так и начали делать, но пока нужного эффекта не можем получить.

Aetae
30.03.2014, 21:45
С результатом то что делать надо будет? Если сохранять(каким либо образом), то одни путь - в canvas. Иначе - svg filters. Наложения с прозрачностью - это из другой оперы.

art_maestro
03.04.2014, 00:04
нужно будет текстуру с картинкой объединить и вырезать определенную область, потом сохранить на сервере.

Aetae
03.04.2014, 00:09
Если сохранять(каким либо образом), то одни путь - в canvas.
Гугль уже знает о canvas достаточно, чтобы даже не имея познаний в js составить из кусков кода то, что вам нужно.