Modular UX Design with Photoshop
48mAdvanced2017-08-23
Authors
Jesse Freeman
Head of Partner and Framework Marketing at Amazon
Course details
Photoshop offers some incredible tools for creating Photoshop Document (PSD) designs that are modular and easy to update. In this course, learn how to optimize your UX design work by leveraging a few Photoshop features—namely, Smart Objects and linked files—to create reusable elements across multiple PSDs. Join Jesse Freeman as he explains how to export and nest Smart Objects, create PSD templates, build your first modular file, reuse Smart Objects across PSDs, and more. Plus, he shares tips and tricks for keeping your design elements up to date throughout the creation process.
Learning objectives
Creating Smart Objects in Photoshop
Keeping Smart Objects up to date
Preparing elements for reuse
Creating a style sheet
Creating a PSD template
Reusing Smart Objects across PSDs
Using layer comps
Learning objectives
Creating Smart Objects in Photoshop
Keeping Smart Objects up to date
Preparing elements for reuse
Creating a style sheet
Creating a PSD template
Reusing Smart Objects across PSDs
Using layer comps
Skills covered
UX DesignPhotoshopUser ExperienceProjectAdobeWeb Development
Concepts
0. Introduction
- 01 - Welcome
- 02 - Using the exercise files
- 03 - What you should know
1. Smart Objects
- 04 - Working with Smart Objects
- 05 - Exporting Smart Objects
- 06 - Nesting Smart Objects
2. Smart Object Style Sheet
- 07 - Preparing elements for reuse
- 08 - Creating a style sheet
3. Creating PSD Templates
- 09 - Creating a PSD template
- 10 - Modular PSD design
- 11 - Building your first modular file
4. Tips and Tricks
- 12 - Reusing Smart Objects across PSDs
- 13 - Keeping things up to date
- 14 - Using layer comps
Conclusion
- 15 - Next steps