Need a need RSS Icon for your blog?
Here’s a nice short tutorial on how to make a unique and memorable RSS Icon by manipulating Shapes in Photoshop. This comes with the added bonus of allowing you to scale your RSS icon to fit your website!
If you’re lazy and would rather get your grubby hands on the finished product, I have posted up the PSD and various PNG RSS icons for you to download freely. Just check out this post!
However if you want to learn the techniques behind making this:
Then subscribe to my RSS feed and head on after the break!
First, you’ll need to make a square canvas. Mine was 200x200px. Grab the Ellipse Tool, make sure Shape Layers is selected, and drag out a circle on your canvas – you’ll have to hold down Shift while dragging.
Great, you’ve got a circle! Now to spruce it up. Enter Blending Options and apply the following layer styles:
Of course, if you want an RSS Icon that’s not blue, just adjust the colours above to reflect your innermost desires.
You should end up with something that looks like this after applying the layer styles:
Now to make the highlight. Duplicate the circle layer, and make sure the Vector Mask is selected on the new layer.
To make the highlight, we want to create a wave that encompasses just the top part of the circle. Select the Pen Tool. If you’ve selected the Vector Mask like I’ve shown above, you should be able to choose Intersect Shape Area.
Using the pen tool, draw a pepsi-style wave.
Bring it up around and connect it to the starting point. Because you’ve chosen Intersect Shape Area, you’ll be left with a top wave that fits perfectly to your circle shape! Brilliant!
Now change the fill opacity of that new layer to 0% and add in this Gradient Overlay to make the highlight. Set the Blend Mode to Soft Light.
You should end up with something like this when you’re done!
Now to add in the RSS icon. Head on over to the next page to discover an easy way to do this using Photoshop’s pre-existing shapes!
Pages: 1 2