Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   Наложение картинки и текстуры (https://javascript.ru/forum/jquery/46093-nalozhenie-kartinki-i-tekstury.html)

art_maestro 28.03.2014 01:09

Наложение картинки и текстуры
 
Вложений: 1
Здравствуйте, подскажите пожалуйста как реализовать такую фишку

Пример

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

изначально я использовал фильтры, но добился вот такого результата
http://javascript.ru/forum/attachmen...d=139595446 0

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

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

ksa 28.03.2014 08:55

Цитата:

Сообщение от art_maestro
я хотел бы узнать как добиться такого эффекта

Например сделать два ДИВа внутри третьего... Настройть ЦСС так, что первый ДИВ будет "ниже по слою" чем второй...
Т.о. получится то самое "наложение".

art_maestro 28.03.2014 20:10

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

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

ksa 29.03.2014 10:04

Цитата:

Сообщение от art_maestro
как мне убрать белый цвет и оставить темные области данной картинки

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

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 составить из кусков кода то, что вам нужно.


Часовой пояс GMT +3, время: 08:26.