Extract measurements from psd files – Adobe Dreamweaver CC 2015 User Manual
Page 468
461
Cross-product
Last updated 6/3/2015
Extract measurements from PSD files
Using the Extract panel, you can easily view and extract the measurement value between any two elements in the PSD
comp.
1
In the PSD file in the Extract panel, click the required elements by holding down the Shift or the Command key.
The Extract panel displays the horizontal and vertical distance between the two elements.
Note: To view the measurements in percentage units, click any element and then click percentage.
2
Click the required value to copy it to the clipboard.
3
Paste the value wherever required, for example, in the CSS properties of CSS Designer or in your code.
Extract fonts, colors, and gradients from PSD files
Using the Extract panel, you can extract the CSS properties of fonts, colors, or gradients used in your PSD comp.
1
In the Extract panel, click Styles.
2
To extract fonts, perform the following actions in the Fonts section.
a
Expand the required font type.
To know more about the font, click the Adobe TypeKit icon (
).
b
Click the format and size that you want to copy, and in the popup that appears, click Copy CSS. Extract tags the
text elements that use the font, format, and size that you clicked.