Photoshop Tutorial – Convert Shapes and Text Effects to CSS in Photoshop

Photoshop tutorials for everyone from beginner to advanced

We have collected some of the best photoshop tutorials across the web to assist you in creating imagery to support your digital marketing efforts. Please make sure you check out the original source’s website and credit them!

Check out another of my videos: “BREAKDOWN: Select and Mask vs. Refine Edge – Photoshop CC”


In this tutorial we’ll talk about the somewhat ill-advised “Copy CSS” feature of Photoshop and how it works. We’ll take code for text and a button that we’ve created and move it over into Dreamweaver and adjust and tweak the CSS code until it creates a graphic similar to what we had in Photoshop. You will see some of the pros and the cons of using this method for creating web design elements or entire web pages.

Find the written tutorial on site:

Pick up my image retouching tutorial package ($27) right here: