Jump to content

GIMP/Add a Shine to Buttons

From Wikibooks, open books for an open world

What the Effect Looks Like

[edit | edit source]

The effect will produce something like this:

Design the Button

[edit | edit source]


For this button I selected all, then did Image>Select>Rounded Rectangle, with a radius of 50. I filled it with red, then I selected the border and filled with a darker red.

Add a New Layer for the Shine

[edit | edit source]

Create a new layer (call it shine or something similar), then select the whole region of your button (If you created it on a new layer you can right click on the layer and select “Alpha to Selection”), next shrink the selection (Image>Select>Shrink), how much you want to shrink it depends on the size of the image, for mine I used 6px, then fill the selection with white.

Now, you have a big ugly white spot in your image, how will that be turned into a shine? First, turn the layer transparency down to about 80%, this is found in the layers dialogue

Turn the Ugly Spot into a Shine

[edit | edit source]

First, add a layer mask, and select fill with black. (Full transparency).

Then go to the gradient tool and select linear white to black gradient, (make sure you are editing the layer mask-- it should have a white border around it in the layers dialogue), draw a gradient from wherever you want the shine to start (Top-left corner in the example) to about the middle, feel free to experiment.

Once you are done you may add another layer for drawing on, or put text on, for the example I added the text “ADD”.


Caption a Picture · Using a Layer Mask to combine images