Please check out the new Help Developer forum

Show Sidebar

Create an RSS feed icon/button (part 3)

April 14, 2008

In the second of my tutorials on creating RSS feed icons, I will show you how to create this:

rss8.png

  1. Firstly, as last time download this image by right clicking and choosing the Save Image As… (or something similar) option:
    rss1.png
  2. Create a new image with 125px x 125px dimensions
  3. Now select the Open As Layers option on the File menu and find the RSS feed icon you just saved
  4. Select the transform tool (shortcut: “Shift and P”), and click and drag the edges to make a shape like this:
    screenshot-untitled-180-rgb-2-layers-125x125-1.png
  5. Click the Transform button, it should now look something like this:
    rss5.png
  6. Duplicate the layer, select the second of the two rss layers and move the layer to the right by 8 pixels and below by 8 pixels and press Ctrl and A to select the layer, press Ctrl and X to cut the layer content and paste it back in using Ctrl and V.
  7. Set the fore colour to #ff4b2f and press Ctrl and comma (,) to fill the selection with the colour.
  8. It should look something like this:
    screenshot-rss-180-rgb-4-layers-125x125.png
  9. Duplicate this layer so that it adds more colour
  10. Create a new layer under the top layer and draw the following with the path tool
    screenshot-rss-180-rgb-6-layers-125x125-1.png
  11. Fill it with the foreground colour, and do a similar thing with the top right:
    screenshot-rss-180-rgb-5-layers-125x125-1.png
  12. And there you have it, the final result:
    rss7.png
  13. Now to add the drop shadow select the penultimate layer and create a drop shadow by clicking Drop Shadow from the Light and Shadows menu on the Filters menu. Set the offsets to 0 and click OK. And there you have it, finished.
    rss8.png

You can download the xcf file here: rss.xcf

Previous RSS Tutorials
1:
http://help-developer.com/index.php/2008/04/12/create-an-rss-feed-iconbutton/
2:
http://help-developer.com/index.php/2008/04/12/create-an-rss-feed-iconbutton-part-2/

Submit to Stumbleupon Submit to Del.icio.us Submit to Google

SUBSCRIBE TO RSS

RSS FEED - EMAIL FEED