Create an RSS feed icon/button (part 5)

OK, I think that it is time for another RSS feed icon tutorial. 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