In the last post we saw how to create a Button using Gimp - now to create another prominent element of Web 2.0 design - badges or violators. Very useful for
under construction beta sites.
Create a new image, with 200x200 size and a white background.
Select the star tool(). Now increase the number of sides to 12. Then click 'Browse' and select the 1 pixel brush. Now click and drag anywhere inside the image to create a star. Try to make the star appear at the middle of the picture.
Select the 'Move Single Point' tool() and move the corner of the star to create this image.
Click 'Close' to go to the image window. The star we created should show up there. Choose the 'Continuous Region Select' Tool() and click the inside the star - this should select the star.
After this we have to create a gradient inside this star. For that, choose two different colors as your primary and secondary colors. I used #4d4c4c and #d0d0d0. Select the gradient tool() and set the 'Shape' as 'Radial'. Create the gradient inside the star.
You should get something like this...
Select the full star by clicking outside the star. This selects everything other than the star. Now inverse the selection using 'Select->Invert' - this should select just the star.
Select 'Script-Fu->Shadow->Drop-Shadow...' and enter these values and click 'OK' to create the shadow.
- Offset X : 2
- Offset Y : 2
- Blur Radius : 4
Now you should have this...
Use the text tool() to write whatever you want inside the star. 'Beta' is a favorite for Web 2.0 Designers everywhere. You can even give a tilt to the text using the 'Rotate' tool - if you wish.
This is what I had in the end...
The XCF file for this exercise.