13 Preparing Files for the Web

Image

PROJECT: MUSEUM WEBSITE

It’s often necessary to create separate images for buttons or other objects in a website. The Export As workflow makes it easy to save layers, layer groups, and artboards as separate image files.

Lesson overview

In this lesson, you’ll learn how to do the following:

  • Use the Frame tool to create a placeholder for a layout.

  • Create and stylize a button for a website.

  • Use layer groups and artboards.

  • Optimize design assets for the web.

  • Record an action to automate a series of steps.

  • Play an action to affect multiple images.

  • Save entire layouts and individual assets using Export As.

  • Design for ...

Get Adobe Photoshop CC Classroom in a Book (2019 Release), First Edition now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.