如何将psd中的灯光效果转换为xhtml？

Question

我有一个 psd，我现在正在转换为 xhtml。设计很棒，编码很有趣，但是 psd 充满了灯光效果层。 页面中的每个元素（页眉、页脚、内容、按钮和菜单）至少有 2 种灯光效果，基本上是覆盖模式的白色画笔点。

我尝试通过在单独的图像中获取每个灯光效果并将它们作为多个开发人员的背景并将它们定位在应有的位置来做到这一点，但是我不喜欢代码变得复杂并且图像开始产生巨大的影响在页面加载时。

我试图在一张非常大的图像中获得所有效果并将其放置在整个页面上一次，因为设计是固定宽度的。感谢上帝。但同样，图像很大，页面中的某些元素并不总是存在其照明效果。

我真的不知道还能用它们做什么。请帮忙。

谢谢

Answer 1

尝试将照明效果展平到它突出显示的图像上。这样一来，它就只有一个图像，听起来你已经有了这个位置。