Design the Web: Automating Web Graphics

Design the Web: Automating Web Graphics

30mBeginner2013-11-21

Authors

Chris Converse

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
40,000 Toman