ArtsAutosBooksBusinessEducationEntertainmentFamilyFashionFoodGamesGenderHealthHolidaysHomeHubPagesPersonal FinancePetsPoliticsReligionSportsTechnologyTravel
  • »
  • Arts and Design»
  • Crafts & Handiwork

How to Make an Elegant Silvery Button In Gimp

Updated on October 23, 2011

Presentation is Everything!

Grab attention to your message, make it stand out! Let me share with you how to make an attractive, silvery button in Gimp, a free imaging software, similar to photoshop.

If you do not have Gimp, download it.

Open Gimp.
Create a new Image with the following settings:
Size: 300x 300
Go to Advanced Options and click on Transparency.
Click on the round select tool (ellipse tool) and draw a selection that takes in all the size of the image.
Click on the Gradient or Blend Tool, choose, Linear, and from the drop down menu, choose Brushed Aluminum, then, stroking with your mouse straight down, fill your selection with the gradient.
Duplicate the layer by going to Layers, Duplicate Layer. Then go to Select, Shrink, when the menu opens, shrink it by 40 pixels.

Now go to Filters, Distors, Emboss, and emboss your inner circle selection to the following settings:
Azimuth: 140.00
Elevation: 45.00
Depth: 10. Click OK
Now go to Fliters, Noise, HSV Noise. Whent he Menu appears, choose the following settings:
Holdness: 1
Hue: 37
Saturation: 63
Value: 56
Click OK

Now go to Select, Shrink, when the menu opens, shrink the selection by 20.

Go to the Tools Menu. Change Foreground Color to e7e7e7. And the Background Color to 969696. Change gradient, choose Gradient FG to BG (RGB), still make it Linear. Also click on the double arrows
to change the direction of the gradient. Stroke with your mouse to make the gradient. Now go to Select, Shrink, and Shrink by 15 pixels, click Ok.

Change Gradient colors again. Go to the Toolbox and click on the Foreground Color and change it to ffffff to make it White. Click Ok. Click on the Background Color and change to 060606, which is Black.
Now fill your smaller selection with this new gradient. Go to Select, None.
Now draw an ellipse at the top of the smaller circle. Go to the Toolbox, click onthe gradient tool, make sure White is your Foreground color, and choose White to Transparent.
Stroke with your mouse to fill in the selection. Then go to Blur, Gaussian Blur and blur to 60 pixels. Click OK. Then go to Select, None.
Now go to the Toolbox again and click on the Paintbrush tool. Choose the brush Circle Fuzzy 17 and Scale 10, click on the lower part of your button once
Now take the Paintbrush and choose Circle Fuzzy 15 with the scale in 4.59, click only once on the side of the inner circle, towards the left, then click again, in the center of the inner circle, below the
first highlight.
Then got o Filters, Blur, Gaussian Blur, and blur by 5 pixels. Click OK.
Now go to Script-Fu, Layer Effects, Drop Shadow.
Save as a PNG image.


    0 of 8192 characters used
    Post Comment

    • craftybegonia profile image

      craftybegonia 5 years ago from Southwestern, United States

      I'm trying to tailor my tutorials especially for those who are bloggers or have stores and would like to catch the eye of the browsers. . .Stay tuned!

    • Rhelena profile image

      Rhelena 6 years ago

      Excellent tutorial! I have Gimp on my pc, but I havn't taken the time to figure it out. I've bookmarked this hub for future use. Thanks!

    • craftybegonia profile image

      craftybegonia 6 years ago from Southwestern, United States

      Thank you! I'm glad you found it useful, that was my aim.

    • prasetio30 profile image

      prasetio30 6 years ago from malang-indonesia have nice information and useful tips. Thanks for share with us. I learn much from you. Vote up!

    • craftybegonia profile image

      craftybegonia 6 years ago from Southwestern, United States

      You're very welcome! You can get a lot out of Gimp, it is a big plus for any creative person who wants to grab attention in visual way!

    • Peggy W profile image

      Peggy Woods 6 years ago from Houston, Texas

      Like Jamie, I have never used Gimp but with all of your great step by step tutorials, I am going to have to give it a try one of these days. Thanks for the useful information.

    • craftybegonia profile image

      craftybegonia 6 years ago from Southwestern, United States

      Gimp is really easy to use and it yields such pretty results! I encourage you to try it, and it's free!

    • Jamie Brock profile image

      Jamie Brock 6 years ago from Texas

      I have never used Gimp before. I usually use Photoshop but I've heard tons of great things about Gimp. I've also seen a LOT of really cute brush downloads for Gimp, too. Maybe one of these days I'll venture out and give it a try. Thanks for sharing this :)