Web设计使用案例

从 PSD 文件生成图像资源对于多设备 Web 设计来说尤其有用。考虑以下 Web 设计及其图层结构：

Web 设计及其图层层次结构

将顶部的图标和“全球热点”图像网格的顶行提取为图像资源：

  • 将图像格式扩展添加到适当的图层名称中。

为适当的图层/图层组重命名

附注：将从图层/图层组的内容中生成一个图像资源。例如，上面屏幕抓图中的 AdventureCo Logo 图层组包含一个形状图层和一个活动文本图层。当从图层组生成图像资源时，这些图层会进行拼合。

Photoshop 生成资源，并将它们保存在与源 PSD 文件相同的位置。

生成的图像资源

VOOSSI