Dreamweaver CC教程:从PSD文件提取字体、颜色和渐变
从 PSD 文件提取字体、颜色和渐变
使用 Extract 面板,您可以提取字体、颜色或渐变等 CSS 属性,用于您的 PSD 复合中。
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 时不带供应商前缀,因为不支持径向渐变。