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
Introduction
- Preview the final project
- About the exercise files
Creating Variables and Data Sets
- Turning Photoshop layers into variables
- Creating an internal data set
- Creating an external data set
- Setting a layer's visibility with variables
Exporting and Processing Graphics
- Exporting graphics from data sets
- Using spreadsheets to create data sets