Create an RSS feed icon/button (part 5)

Posted on Monday, June 2nd, 2008 | stored in Web Graphics

OK, I think that it is time for another RSS feed icon tutorial over on Help Developer. This time we are going to create this:

-

Step 1

Create a new canvas sized 420px width and 300px height. And fill it with the colour 6f1919 so that you can clearly see the reflections and other effects, you can change this at the end to the appropriate colour for your website.

-

Step 2

Download the image below and use the Open As Layers option on the File menu to add it to the canvas:

-

Step 3

Duplicate the new layer and click the canvas to make the window active. Then press Ctrl and A then Ctrl and X and finally Ctrl and V. This should Add a selection area around the curves of the image. Now use the select ellipse tool to draw an oval shape like this onto the canvas:

-

Step 4

Fill it with white and change the opacity of the layer to 15.0, it should now look like this:

-

Step 5

Now select the first (from the bottom) RSS icon layer and click Duplicate. Go to the main Gimp window and select the option to Flip and change the Flip properties to Verticle, then click the layer on the canvas which should flip it upside down like this:

-

Step 6

Change to the select tool and use the arrow keys on the keyboard to move the layer down till it looks like this:

-

Step 7

Select the Gradient tool and in the Gradient options change the Gradient to FG to Transparent and click and drag from half way down the layer to the top to create this effect:

-

Step 8

Go to the Colours menu and choose the Colour to Alpha option. Click the big white button and change the HTML notation to 6f1919. And click OK until you get back to the canvas. Change the opacity of the layer to 20.0

-

Step 9

Create a new layer above the background layer and choose the Select Ellipse tool and draw an oval like this:

-

Step 10

Fill the oval with white. Select the Filters menu and choose Blur and then Gaussian Blur, change the blur radius options to 10.0 horizontal and vertical and click OK and then change the opacity of the layer to 20.0 so that it looks like this:

-

Step 11

Finally change the colour of the Background layer if you wish to change it and then Crop the image down so that it looks like this, the final result:

-

Download

You can download the XCF file here



You may also be interested in these posts:


One Response to “Create an RSS feed icon/button (part 5)”

  1. Create an RSS feed icon/button : APO-Phil.Org said on June 2nd, 2008 at 12:53 pm :

    […] showing how to design a neat looking but simple to produce RSS feed icon in The Gimpread more | digg […]

Leave a Reply



Get Gimp

Help Developer

  • About

      howtogimp is a site dedicated to bringing you the best resources for The Gimp, the popular image editing program.

      The site is run by me, Simon North, a web designer from England, UK. I use The Gimp to design websites and graphics, much to the dismay of my clients who want designs in Photoshop format. I believe that the Gimp is a great alternative to Photoshop and hopefully I can prove this with howtogimp.