Modular UX Design with Photoshop

Learn how to work with Smart Objects and linked files to create reusable elements across multiple PSDs.

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.

Introduction

• Welcome
• Using the exercise files
• What you should know

1. Smart Objects

• Working with Smart Objects
• Exporting Smart Objects
• Nesting Smart Objects

2. Smart Object Style Sheet

• Preparing elements for reuse
• Creating a style sheet

3. Creating PSD Templates

• Creating a PSD template
• Modular PSD design
• Building your first modular file

4. Tips and Tricks

• Reusing Smart Objects across PSDs
• Keeping things up to date
• Using layer comps

Conclusion

• Next steps