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:
Type the '/' key.
orIn 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:
Type Alt+backspace to fill the image with the current foreground colour.
orType Command+backspace to fill the image with the current background colour.
orChoose 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.