Converting Images to High Contrast for UIO

This documentation is currently being moved to our new documentation site.

Please view or edit the documentation there, instead.

If you're looking for Fluid Project coordination, design, communication, etc, try the Fluid Project Wiki.

Converting Images to High Contrast for UIO

Converting Images With Transparency

The simplest images to convert are ones that already have a transparent background. Creating high-contrast versions involves simply 'locking' the transparent pixels so they stay transparent and then painting over everything not-transparent with the desired colour.

1. Lock the transparent pixels

In Photoshop, you can lock the transparent pixels in one of at least two ways:

  1. Type the '/' key.
    or

  2. In the "Layers" panel, click the 'lock pixels button (see image below).

2. Fill the rest of the image with the desired colour

In Photoshop, there are several ways to fill the image with a single colour:

  1. Type Alt+backspace to fill the image with the current foreground colour.
    or

  2. Type Command+backspace to fill the image with the current background colour.
    or

  3. Choose a paintbrush and a foreground colour, and drag the cursor over the image.

3. Save the image for the web

Type Shift+Alt+Command+S to save the in a web-ready format.

Another handy tip

If you've created a black (or white) image, you can easily invert the colour to convert it to white (or black) by typing Command+I.