Make your own RSS Feed icon
Learn how to make a classic RSS Feed icon with a unique style.
1. First create a square using the Rounded Rectangle Tool and use the Geometry Options as you can see below. With this we’ll be doing a square with a size of 96px,if you want can use another icon size like: 128px, 64px, 48px, 32px, 24px, 16px, 12px or 10px. If you prefer it can use you own customized size.

2. Now you should have something like this.

3. Then open the Layer style’s window (right click over the layer/Blending Options or simply double click over the layer) and select Bevel and Emboss and use the following values.

4. Now go to Gradient Overlay. And if you don’t like orange can use your own it doesn’t matter. I used #ffaf04 to#ffc853.

5. Press Ctrl+Click over the square layer thumb to select it. Now go to Select/Modify/Contract and put 2 px.

6. Make a new layer and fill it with the bucket, could be any color it doesn’t matter and press Ctrl+D to deselect
or Select/Deselect.
7. Change the fill of the layer to 0% and Open the Layer Style’s window. Select Stroke and put the following, for the Gradient use a Transparent to White gradient.

8. Make another layer and then with the Elliptical Marquee Tool make a selection, make it a perfect circle by pressing Shift at the same time.

9. Now with the Gradient Tool make a Radial Gradient, do it holding Shift as you can see below. Now deselect it pressing Ctrl+D or go to Select/Deselect.

10. Then we’re going to select the square layer, press Ctrl+Click over the square layer thumb then go to Select/Contract and put 1px and then Select/Inverse or Shift+Ctrl+I. Now select the layer where you made the Radial Gradient and press Delete. Deselect it and you should have something like this.
![]()
11. Change the Blending Options to Soft Light and the Opacity to 70%.

12. You should have something like this.
![]()
13. Now we’re going to make the RSS symbol. Using Fixed Size we are going to make a circle then right click over it go to Make Selection then fill it with any color, now go to Select/Contract and put 25px (with this we’ll make a smaller circle) and delete it, you should have something like a ring.

14. Cut it using the Rectangle Marquee Tool.

15. Then Ctrl+Click over the layer to select it and go to Select/Smooth and put 10px. After these go to Select/Contract and put 6px. Go to Select/Inverse and delete it.

16. If your shape is bigger than your icon you can resize it, press Ctrl+T and change the percentage to 90%, press the “Mantain aspect ratio” button and then press return.

17. Duplicate the layer. Click over the layer and then Duplicate( go to Layer/Duplicate Layer) and resize it to 70%. Then go to Layer/Merge Down or press Ctrl+E with this you will have one layer for the RSS symbol.
18. Now in the same layer While pressing Shift, make a selection with the Elliptical Marquee Tool then fill it with any color.

19. To center the RSS symbol first select the square layer once again and choose the Move tool(V)
and align it using the buttons shown below wich appears in the top toolbar. Align vertical center and Align horizontal center. Then deselect it.

20. Open the Layer Style’s window. Go to Gradient Overlay.

21. And you’re done, your own RSS Feed icons. I hope this tutorial was helpful to you.
![]()
256 Kb






This tutorial is awesome, very simple and the result is excellent.
A++
Yeh good one i never would of thought about using the smooth tool and doing it that way but looks cool.
Nice job, i like it.
Sorry, but this doesn’t even look like the RSS Feed icon! You could have made the curves better! I’m sure you won’t publish this, but ah well
The most easy way to create it.
Amongst all, the steps you have described is so clean and simple that everyone with little knowledge of photoshop can make it happen.
Keep it up!!:)
Quite nice.
The second bar is thicker than the first bar, but that can be done differently.
I still like it!
Keep the tutorials coming!
Ok - so I tried it.
The instructions are a bit confusing - especially step #13.
Also, you might want to consider the Mac users (like me). When you give a shortcut - give the Mac equivalent. It’s fairly easy to figure out - but it’ll just make this site all the more professional.
I agree with Brian. The Step 13 is confusing. Please clear it when you have a chance and thanks for a lot for posting this kind of topic.
I’ve improved step 13, hopefully you can understand it more now. Brian Purkis I’ll take in mind your advise, thanks.
If you have any other question or suggestion, feel free to post it using the comment box.
[…] , when I was surfing the internet i found the tutorial i was thinking to creat in a website called (Photoshoplovr) and here’s the tutorial […]
Very Very nice tutorial thnx mate .
I’ve always wanted to know how to make one of these. This is great. Thanks.
all i can see is, all tutos in ur page are taken from others..
great web 2.0 tutorial, thanks..
Yeah… yeah very nice tutorial… love the result
thanks,
this is very simple process to creat web logo.
Thanks for this great tutorial.
I listed it in my photoshop tutorial directory and attached a photoshop contest to it:
http://www.photoshoptalent.com/photoshop-tutorials/ext/
Nice job
[…] Make your own RSS Feed icon Ein Photoshop Tutorial […]
[…] Make your own RSS Feed icon - Descarga Psd Otro icono muy bonito y los pasos son sencillos de seguir, todo esta muy bien […]
[…] Make your own RSS Feed iconA Photoshop tutorial. […]
[…] a suitable RSS icon. You can find some excellent tutorials on creating feed icons here, here and here. Alternatively, you can download a whole bunch of free icons from […]
[…] Rss icon 3 + Rss icon 4 […]
Leave a Reply