Dreamweaver CC教程：从PSD文件提取字体、颜色和渐变

Dreamweaver CC教程：从PSD文件提取字体、颜色和渐变

从 PSD 文件提取字体、颜色和渐变
使用 Extract 面板，您可以提取字体、颜色或渐变等 CSS 属性，用于您的 PSD 复合中。

在 Extract 面板中，单击“样式”。 要提取字体，请在“字体”部分执行以下操作。

a.扩展所需字体类型。
要了解有关字体的更多信息，请单击 Adobe Typekit 图标（）。
b.单击要复制的格式和大小，在显示的弹出窗口中，单击“复制 CSS”。Extract 会标记那些使用了您点击过的字体、格式和大小的文本元素。

提取字体

注意:
您可以在 Extract 首选参数中将字体的单位更改为“em”或“rem”（“首选参数”>“Extract”）。在 Extract 面板右上角的弹出菜单中单击“重新加载 PSD”可以看到这些更改。
c.将 CSS 粘贴到所需的任意位置，例如，粘贴到代码中或粘贴到 CSS Designer 中。
要提取颜色，请在“颜色”部分执行以下操作：
d.单击所需的颜色色板。Extract 会标记使用选定颜色的元素。
注意：使用拾色器，也可以从 PSD 复合选择其他颜色。
e.在单击色板时出现的弹出窗口中，选择所需的颜色模型（“RGB”、“Hex”或“HSL”），然后复制颜色（Ctrl+c、Cmd+c）值。

提取颜色

f.将颜色值粘贴到所需的任意位置，例如，粘贴到代码中或粘贴到 CSS Designer 中。
3、步骤文本
4、要提取渐变，请在“渐变”部分单击渐变色板。在显示的弹出窗口中，单击“复制 CSS”。将 CSS 粘贴到所需的任意位置，例如，粘贴到代码中或粘贴到 CSS Designer 中。

提取渐变

在首选参数中选择的供应商前缀（“首选参数”>“CSS 样式”）将与渐变一起粘贴。如果提取径向渐变，则插入相应 CSS 时不带供应商前缀，因为不支持径向渐变。