1.Open the image you want to export as a CSS in Photoshop.
2.Select the "Slice" tool from the Tools palette.
3.Place the mouse over the section you want to slice.
4.Draw a box around that area and then release the mouse to create the slice. Repeat this process to slice more areas of the image.
4.Go to File->Save for Web & Devices.
5.Click "Save" and the CSS code will be generated and the "Save Optimized As" box will open.
6.Change the drop-down option Format to HTML and Images. Change the Settings drop-down as Other.
7. In the drop down list, change from HTML to Slices. Go to Slice Output and choose Generate CSS. Set the Referenced to either By ID, Inline or By Class. From the "Default Slice Naming" section Select a naming convention.
8. Click Save, and name your file.
How to Export PSD to CSS?
1.Open the image you want to export as a CSS in Photoshop.
2.Select the "Slice" tool from the Tools...
export psd to css
&nsbp;
2 user(s) are reading this topic
0 members, 2 guests, 0 anonymous users