Back to index

Transparent PNGs

Transparent PNGs are kind of neat because they let the background color show through the picture. Take a look at the table shown below of "Twisted Twister" images. There's only one image, but different background colors are used and so the presentation of the image looks different in each instance.

Making a Transparent PNG in The GIMP:
  1. Select file->new and then "Transparent" on the Fill Type section of the New Image dialog (see advanced options).
  2. Draw your image.
  3. Select Image->Mode->Indexed... (click OK button).
  4. Edit->Export... (select PNG extension).
  5. No need to save image in GIMP project format.

Assignment:

You will create your own transparent PNG. Make sure your image is original. You can create your own twister image or you can create any other kind of image you want. You may also use more than one color in your image. Your image must be set to a width of 140 and a height of 75. You will display your image in a table like the one shown, EXCEPT THAT YOU WILL CREATE A FIVE BY FIVE TABLE with background colors for each cell set in the following pattern:


  -----------------------------------------------
  |         |        |        |        |        |
  |  000000 | 000444 | 000888 | 000bbb | 000fff |
  |         |        |        |        |        |
  -----------------------------------------------
  |         |        |        |        |        |
  |  444000 | 444444 | 444888 | 444bbb | 444fff |
  |         |        |        |        |        |
  -----------------------------------------------
  |         |        |        |        |        |
  |  888000 | 888444 | 888888 | 888bbb | 888fff |
  |         |        |        |        |        |
  -----------------------------------------------
  |         |        |        |        |        |
  |  bbb000 | bbb444 | bbb888 | bbbbbb | bbbfff |
  |         |        |        |        |        |
  -----------------------------------------------
  |         |        |        |        |        |
  |  fff000 | fff444 | fff888 | fffbbb | ffffff |
  |         |        |        |        |        |
  -----------------------------------------------