A (175)

CHAPTER 9: Android Graphic Design: Making Your UI Designs Visual 333

Figure 9-18. The Fuzzy Select tool (top) and Tool Options (bottom) and selection set in the four image corners

The “target layer” mode is set to ImageButtonRing.png, the tool or “pixel operation mode” is set to
Fuzzy Select, and the “Antialiasing” mode and “Select transparent areas” mode for that tool are also
selected. A Threshold of 15% variation in pixel colors (which is the default, and does not apply
here, as we are selecting transparency) is also shown on the Tool Options palette. You can use just
about any Threshold setting, in this particular case.

Once all of your settings or “modes” of operation are defined, you can click in the upper-left corner
of the image which will select that corner, as shown by the “marching ants” selection area. Next, you
will want to hold down the Shift key on your keyboard, which tells GIMP that you want to ADD more
areas to your “selection set.” Next, click in the other three corners, making sure that you hold the
Shift key down when you make each of these three strategic clicks!

Once you have marching ants in all of the corners, which at this point will look like marching
ants around a square perimeter of the image composite, as well as around the circular part,
which is outside of the ring image, you will then want to make sure to click on the other
ImageButton1source.png layer, before hitting your Delete key on your keyboard. This is because
you do not want to delete the transparency in the ring image, but instead, the black rounded
corner areas that you have strategically selected, by using the ring image transparency in the
ImageButton1source.png source image to easily define a round corner selection.

If you are doing this series of “moves” or operations using Photoshop, you will see the transparency
immediately, which will look like what is shown in Figure 9-22 (if you want to look ahead). However,
GIMP uses a white background for its layers, which once you hit the Delete key, you will see, and
which is shown in Figure 9-19.