CHAPTER 9: Android Graphic Design: Making Your UI Designs Visual 343I included a screenshot, shown in Figure 9-30, showing the purple hue, and the Export Image
dialog, with the hover state file named imagebutton1hover.png being saved into the
/res/drawable-xxhdpi resource folder.
Figure 9-29. The red hue, and using Hue-Saturation dialog to shift the Hue value -60 degrees to a purple hue
Again, make sure to use GIMP’s Edit ➤ Undo Scale Image command each time you downsample,
so that you give the scaling algorithm the full 500 pixels to use to create an optimal image scaling
result. Finally, you will need to create the ImageButton hover state asset, which we will color using
a purple hue for the decorative ring. To create this purple hue for the hover ImageButton state,
shift the Hue -60 degrees, as you can see in Figure 9-29, along with the red ring color, which you
achieved using the previous Hue shifting operation.