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 content graphics - HTML Tutorial
From the course: Creating a Responsive HTML Email
Creating the content graphics
Next we're going to create the graphics for the content of the email. So back in the exercise files let's go to folder two, our templates. Let's open up contentimages.psd. Now here we can see multiple sizes of our banner across the top. We can see multiple sizes of the promo graphics that are going to be after the main body of the HTML. Down at the bottom, we can see the icons for the call out, and the signiture we're going to have after the main concept. Now to see these sliced properties, let's come down and choose the slice selection tool. And let's click on the first one for example. We can see we're calling this logo large, the next one is logo medium, and then logo small. And you'll also see that we have a large version of the promo graphics, a medium version and a small version. Now, if we look back to the responsive designs we're going to be creating, in the large screen, we have large graphics for the promos stacked in columns. We have the individual icons for the callouts…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.