[Dikucher]

Есть макет PSD, в нем текст. Слой текста налаживается перекрытием, заливкаой 50%, прозрачностью 94%.
На текст наложены следующие эффекты :
-тень ( перекрытие, прозрачность 63%, #fff)
-внутренняя тень ( перекрытие, проз 80%, #000)
-наложение градиента (линейный свет, проз 15%, инверсия, стиль = зеркальный,выровнять по слою)

вот как это выглядит.



Как лучше это исполнить на CSS ?

[Красавчег]

Подложку (деревянную) делаете бэкграундом к меню, а пункт меню (текст с тенями) делаем прозрачной картинкой в .png

[Dikucher]

Ну и макетик мне попался. Сплошные эффекты наложения слоев + прозрачности + заливки.
Я только не давно верстаю, но вот ну ни как не могу понять как выкрутить ! До этого все было стандартно, нужен какой то слой -> перевел его в смарт объект -> выделил, скопировал в новый док -> подгружаешь в CSS.
Но как быть, если при переводе в смарт отъект я получаю совершенно другую картинку, так как она естественно без всех этих эффектов наложения ?

Понятно, что отчасти дело тут в моих кривых не опытных руках, но по какому принципу верстать эти наложенные слои ?

---------- Сообщение добавлено 20:08 ---------- Предыдущее 19:09 ----------

Красавчег, Как вариант, но текст картинкой - не есть хорошо.

[Сергей Гопляк]

Dikucher, думаю для Вас будет полезна ссылочка _http://www.artlebedev.ru/tools/technogrette/js/gradient-text/

а также используйте такие параметры как text-shadow и для цветов rgba(255, 255, 255, 0.57) 0.57 - это процент прозрачности, по возиться предеться, но сделать можно, раньше делал просто щас писать весь код, немного лень если, что киньте в псд кнопочку попробую помочь, как буду свободен. Но думаю если поняли к чему намекнул у Вас дело пойдет:)