UX Design Tools: Photoshop
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
- [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.
UX Design Tools: Illustrator78,410 Views
Foundations of UX: Prototyping253,556 Views
UX Design Techniques: Creating Scenarios and Storyboards90,918 Views
UX Design Techniques: Creating Personas117,764 Views
UX Design Techniques: Overview190,691 Views
Illustrator CC 2013 One-on-One: Fundamentals1,677,913 Views
Illustrator CC 2013 One-on-One: Mastery302,307 Views
Edge Animate Essential Training631,862 Views
iOS 8 App Development with Swift 1 Essential Training1,023,812 Views
Illustrator CC 2013 One-on-One: Advanced392,023 Views