Start learning with our library of video tutorials taught by experts. Get started
Viewers: in countries Watching now:
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.
The Design the Web series was created and produced by Chris Converse. We are honored to host this content in our library.
Hi this Chris Converse, and in this course we're going to explore a work flow for automating the creation of web graphics in Photoshop, using data driven graphics. We'll start with standard text and art layers, and then we're going to redefine those layers as variables inside of Photoshop. And once we have this set up, we'll create a simple data file to specify values for these variables. These values can be text, they can be a layers visibility and they can even specify a separate graphic that will then be imported back into our original Photoshop file.
Now this work flow will allow us to generate hundreds or thousands of unique customized graphics suitable for websites, interactive projects or even print-based projects. So grab a layered Photoshop file and let's get started.
There are currently no FAQs about Design the Web: Automating Web Graphics.
Access exercise files from a button right under the course name.
Search within course videos and transcripts, and jump right to the results.
Remove icons showing you already watched videos if you want to start over.
Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.
Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.