Learn how to use Photoshop shapes, styles, and layers to create wireframes, prototypes, and other UX design documents.
- [Voiceover] 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 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 wire frames as both single images and multi-layer comps so you can share them with clients as well as developers. So let's get started with UX Design Tools: Photoshop.
- 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