如何将带阴影效果的按钮从 PSD 复制到 PNG

如何将带阴影效果的按钮从 PSD 复制到 PNG

我从一位网页设计师那里得到了一个 PSD 文件中的网站设计。那里的所有元素都与参考线对齐,这在我选择将设计元素复制到 PNG 文件时非常方便:参考线使我的选择更加精确。

那里的一个按钮有两种状态:正常和悬停。两种状态都包含多个图层。因此,我尝试将两种状态复制为 PNG 文件,以便在 html 中制作一个漂亮的按钮。

问题是这两种状态都有阴影效果,超出了图层的边缘,即当我尝试选择一个按钮时,我的选择(捕捉到参考线)不包括阴影的外部。

在这种情况下,如何精确选择按钮状态?

答案1

以下是我用来从 PSD 中提取元素的方法:

1) 确保只有按钮的图层可见。隐藏所有其他图层。2
) 确保没有背景或任何其他不需要的颜色或半透明像素“隐藏”,否则这将不起作用。3
) 从菜单中选择“图像” -> “修剪”,并勾选所有复选框,点击“确定”。

现在您应该只看到所需的图层,包括效果(如果它们可见)。
现在您可以使用“保存为网络和设备”来保存文件。

相关内容