Design the Web: Automating Web Graphics
30mBeginner2013-11-21
Authors

Chris Converse
Applies design and UX principles to technology
Course details
Learn to composite graphics in Adobe Photoshop using variables and a simple text file. This Design the Web installment shows how to automate your production workflow by combining separate graphic files, typography, and Photoshop effects into custom, ready-to-use graphics. This workflow allows you to generate hundreds, even thousands, of unique graphics suitable for websites, interactive projects, or even print. All you need to begin is a layered Photoshop file.
Skills covered
Web GraphicsWeb DesignPhotoshopLimited SeriesAdobe
Concepts
0. Introduction
- 01 - Preview the final project
- 02 - About the exercise files
1. Creating Variables and Data Sets
- 03 - Turning Photoshop layers into variables
- 04 - Creating an internal data set
- 05 - Creating an external data set
- 06 - Setting a layer's visibility with variables
2. Exporting and Processing Graphics
- 07 - Exporting graphics from data sets
- 08 - Using spreadsheets to create data sets