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
Related courses
- Creating Web Icons with SVG
- Generative AI UX Design with Uizard
- InDesign for the In-House Designer
- Advanced Selenium: Page Objects and GUI Automation
- Automating Document Processing with AI in AWS
- No-Code Solutions for Web Sites and Apps
- Office Scripts In Excel: Automating Tasks
- AWS Lambda Projects: Serverless Functions, Cost-Efficiency, and Peak Performance in Cloud Environments
Related learn paths
- Generative AI for Customer Service with Microsoft 365 Copilot Professional Certificate
- Advance Your MS SQL Server Skills
- The Top Skills Engineering Professionals Have Right Now
- Master Digital Transformation
- Improve Your Test Automation with Python Skills
- Become a Power BI Specialist
- Microsoft Copilot for Productivity
- Explore a Career in Application Security