Copying CSS code from specialty layers


show more Copying CSS code from specialty layers provides you with in-depth training on Design. Taught by Deke McClelland as part of the Photoshop CS6 New Features show less
please wait ...

Copying CSS code from specialty layers

One of the more remarkable new features in Photoshop 13.1 is its ability to automatically generate CSS code. So you can take a text layer or a shape layer or entire group and copy the CSS code associated with it and then paste it into your web document. So it's a chance to have Photoshop do some of the work for you, instead of having to code everything by hand. Now this example that I am about to show you comes from my buddy Justin Seeley, who does the course Photoshop for Web Design at lynda.com.

So a brief shout out to him. I am going to switch over to this document, and you can see that it's got this solid blue header, and there's no button around Buy Now. Whereas, if we go ahead and switch over to the mockup inside of Photoshop, you can see that Buy Now has a button around it and both it and the header have these red to dark red gradients. So what I am going to do here, the first thing you've got to do is confirm that Photoshop is ready to export the clipboard. This is very impo...

Copying CSS code from specialty layers
Video duration: 4m 54s 3h 20m Appropriate for all Updated Jan 15, 2013

Viewers:

Copying CSS code from specialty layers provides you with in-depth training on Design. Taught by Deke McClelland as part of the Photoshop CS6 New Features

Subjects:
Design Photography
Software:
Photoshop
Author:
please wait ...