From the course: Creating a Responsive HTML Email

Unlock this course with a free trial

Join today to access over 22,400 courses taught by industry experts.

Creating the banner and background graphics

Creating the banner and background graphics - HTML Tutorial

From the course: Creating a Responsive HTML Email

Creating the banner and background graphics

The first graphics we are going to create are going to be for the banner and the ghosted background content. So, let's go into exercise files. Let's open up folder 2, open up banner_images.psd up on Photoshop. Now up in the files panel you can see I have these broken down into three different folders, banner small, banner medium, banner large. If we open up one of these, you can see I have a clip area. I've colored this red so we can see it in the layers panel. And I have a photo that's clipped into this. These photos are also set up as smart objects. Now, the smart objects have been duplicated into the other sizes. So if I open up small and medium, you can see that these are all duplicates of the same smart object. What happens here is we get an instance of the original smart object, so making a change to one of these will reflect in all of them. So let's explore that first. To modify a smart object, we double-click on it. That'll bring up the original file inside of Photoshop that's…

Contents