Start learning with our library of video tutorials taught by experts. Get started
Viewers: in countries Watching now:
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.
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.
Access exercise files from a button right under the course name.
Search within course videos and transcripts, and jump right to the results.
Remove icons showing you already watched videos if you want to start over.
Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.
Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.