UX Design Tools: Photoshop
Video: WelcomeLearn how to use Photoshop shapes, styles, and layers to create wireframes, prototypes, and other UX design documents.
- Next steps
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.
- 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
Welcome to UX Design Tools: Photoshop. I'm Justin Putney. In this course you'll learn how to set up your files and how to create and edit live shapes. You'll also learn how to save and reuse character and paragraph styles. You'll learn about organizing content into Layers, and how to use Layer Comps to store and display different application states. You'll learn about creating and re-applying custom shapes, as well as how to use smart objects to group and store elements.
We'll dive into saving and using Layer Effects. And finally, you'll learn how to export your wireframes as both single images and Multi-layer Comps, so that you can share them with clients as well as developers. So let's get started with UX Design Tools: Photoshop.
There are currently no FAQs about UX Design Tools: Photoshop.