The UX Design Tools series makes the connection between early UX creative processes, like wireframing and prototyping, with the tools and techniques necessary to create a successful product design. This installment delves into the power of Adobe Photoshop. Justin Putney shows you how to create and edit live shapes, a key component in wireframes; store and display different application states with layer comps; export images and multilayer comps for sharing with clients and developers; and much more.

Topics include:* Setting up files* Building live shapes with the Rectangle tool* Using character and paragraph styles* Organizing content into layers* Building layer comps* Creating and reapplying custom shapes* Using Smart Objects to group and store elements* Saving and using layer effects* Exporting artwork