Generate CSS Code From Individual Photoshop Layers (Photoshop CC/CC 2014/CC 2015)

The challenge of creating rounded rectangles has plagued Photoshop users for years, but now this task is a cinch! Plus, you can edit your rectangles on the fly. First, select the Rectangle tool from the Tools panel. On the tool options bar select either the Path or Shape option. Click and drag on the canvas to draw a rectangle. Then, choose Window > Properties to display the properties panel. In the lower portion of the dialog box, enter new values for each corner, or click directly on the rounded corner shape. When you see a double-arrow scrubby pointer, drag to the right or to the left to increase or decrease the corner radius value respectively.