Categories
web

Creating and exporting assets to use in web and screen projects

What kind of images should we make for screens?

There are a lot of different image file formats, not all of them are appropriate for use on the internet or screen based media.

This video gives a breakdown of web/screen file formats, plus other useful information and guidelines for producing artwork for the internet.


How do you make different images for screens?

Now that we know a little more about the different image files for web and screen, we can look at how we might produce some of them. In this series of videos, I’ll guide you through the various ways of outputting appropriate files to use in your web designs. Photoshop and illustrator are perfect tools for web and screen image production.

You can download the files that are used in these videos at the bottom of the page.


Save for web (Legacy)


Quick Export from Photoshop


Using Export As… to optimise web assets


Exporting web assets from Photoshop with Generate


Creating a frame by frame animation in Photoshop


Export web assets from Adobe Illustrator