Web plateColor plates for Web pages (Screen output)

Color plates can be created for Web pages using the methods for the B & W plates. For web images I like to set rulers for pixels to better relate to screen output which is measured in pixels. Do this under File Menu, Preferences, Units. Resolution for web page images is 72 dpi, the same resolution of the raw video images, so that doesn't have to be changed.

Note: If you have images from slides that have been scanned in at a higher resolution, you should change the resolution to 72 dpi before you use them. Do this by :

1. First, resample the image to fit the screen size you want in pixels (for example, 640 x480 or 800 x 600 to fit the entire screen).

Under Image menu choose Image size...

2. Second, change the image resolution to 72 dpi.

Again under Image menu choose Image size...

Create a blank background plate in color at 72 dpi resolution. Assemble and compose the plate using the methods for B & W plates. The dimensions the plate appears on the screen at 1:1 (or 100%) are the dimensions it will have in the Web page. Save the file as jpg document with high, medium or low image quality. This reduces the file size tremendously. An example is an image that starts as 870 kb goes down to 96 kb after high jpg compression.

If you are using thumbnails in the web page text to get access to the larger screen images, you can save a separate copy of the image as a thumbnail, reduced in dimension (scaled down using Image Size under the Image Menu; for example 20%) and also reduced in file size (for example down to 18 kb). This image gets placed as the thumbnail.

 

RETURN to Introduction

RETURN to Manipulating main page

GO to Photoshop slide demonstration