http://www.mintyferret.com
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.
Alright, ready? Select
Custom Shapes. Load up the
Symbols collection. Choose
Bull’s Eye.

Holding down
Shift to keep it in proportion, drag out a Bull’s Eye shape on a new layer:

Add in the following
Gradient Overlay:

Drag the Bull’s Eye between the Highlight and Background layer. Again, select the
Vector Mask of the Bull’s Eye layer.

Now to transform the Bull’s Eye into an RSS icon! Select the
Pen Tool. This time, choose
Subtract from Shape Area.

Now mold out your RSS Icon. Follow the pen path like I have here – hold down shift when making the horizontal and vertical lines to keep them straight:

When you’re finished subtracting everything you don’t need, you’ll end up with your RSS icon as shown here!

And there you go. Just select the layer and scale/move it into place. After that you can scale your folder to whatever size icon you need, and adjust the colours of the Circle layer as well. Make sure to download the PSD file for this tutorial, which includes a
whole whack of PNG RSS icons for you to use!
No comments:
Post a Comment