Design the Web: Layer Comps
26mIntermediate2014-12-01
Authors
Chris Converse
Applies design and UX principles to technology
Course details
Discover how to use Adobe Photoshop layer comps to storyboard your interaction designs. Author Chris Converse shows how to create and modify multiple states of your Photoshop file to simulate user feedback, movement, and device interaction, all while working in a single PSD file. Once your design is complete, the course demonstrates how to export your layer comps to multiple files, export a multipage PDF file, and even access Photoshop layer comps from within InDesign.
Learning objectives
Simulating a navigation menu rollover
Combining layer masks and layer comps
Simulating a video lightbox
Representing movement
Exporting layer comps
Learning objectives
Simulating a navigation menu rollover
Combining layer masks and layer comps
Simulating a video lightbox
Representing movement
Exporting layer comps
Skills covered
Image EditingPhotoshopPhotographyLimited SeriesAdobe
Concepts
0. Introduction
- 01 - Introduction to layer comps in Photoshop
- 02 - About the exercise files
1. Working with Layer Comps
- 03 - Simulating a navigation menu rollover
- 04 - Combining layer masks with layer comps
- 05 - Combining layer effects with layer comps
- 06 - Simulating a video lightbox
- 07 - Simulating movement onscreen
- 08 - Updating existing layer comps
2. Exporting and Sharing Layer Comps
- 09 - Exporting layer comps to files
- 10 - Exporting layer comps to a multipage PDF
- 11 - Accessing layer comps from within InDesign
3. What's New in the Creative Cloud Version
- 12 - Exploring new tools in the Layer Comps panel