Glossy RSS icon

July 24th, 2008 by ART-D Posted in Adobe Photoshop, Buttons

   

In this tutorial we are going to create a colorful RSS icon for your blog.

It’s necessary for the beginning to create a new file (File>New) of 512x512px and 72 dpi. Select the Ellipse Tool (U) and try to make an ellipse like the next one:

Create Glossy RSS icon in Photoshop CS3

Fill 0% on the layer:

Create Glossy RSS icon in Photoshop CS3

Select Blending Options>Gradient Overlay (making a mouse click on the processed layer on the layers’ palette) setting the next demands as below:

Create Glossy RSS icon in Photoshop CS3

This element we should get. It’ll represent the shadow of the icon:

Create Glossy RSS icon in Photoshop CS3

. Select the same tool to draw now a circle, colored with #F36523

Create Glossy RSS icon in Photoshop CS3

Select Blending Options>Inner Shadow and set the next parameters for the last layer:

Create Glossy RSS icon in Photoshop CS3 

Blending Options>Stroke

Create Glossy RSS icon in Photoshop CS3

Fill 0% for the layer. We should get the next result. It’ll represent the basis of the icon

Create Glossy RSS icon in Photoshop CS3

Next we shall represent one more circle:

Create Glossy RSS icon in Photoshop CS3

Choose the next selection for the layer: Blending Options>Gradient Overlay

Create Glossy RSS icon in Photoshop CS3 

Gradient Editor:

Create Glossy RSS icon in Photoshop CS3

Now we need to draw another circle, but a circle that needs to be corrected with Direct Selection Tool (A), as it is shown below:

Create Glossy RSS icon in Photoshop CS3

  •  

  •    
  •  

 

Post Pages: 1 2

  • Tutorials Palace

    02/12/2009

    Amazing … i love it

  • Asharak

    06/12/2009

    Great man, just what i needed! Used it with couple of modifications, but, after all – that is what it is used for – to help about something that we’re stuck in. Keep writing, excelent!

  • sola

    24/12/2009

    Thank you for this tutorial. its what i need to improve my design

  • graffiti vector

    24/01/2010

    Very nice tutorial thanks

  • squazzie

    14/02/2010

    Loved this tutorial and I love you too.
    Peace and love, too much time on my hands,
    Joshua

  • Sergey

    13/04/2010

    Good and bad!!!

  • Sangeet

    25/04/2010

    it’s a cool tutorial. Thanks for the tutorail.

  • Icelime

    31/05/2010

    Cool tutorial realy

  • Kathmandu

    02/10/2010

    Good tutorials easy to understand.

  • peter

    10/10/2010

    good rss button

  • blogs4seo

    18/05/2011

    Thanks for this nice tips on adobe tutorials this is very basic knowledge on phototshop

  • maryjane

    07/07/2011

    I followed your tutorial step by step to a T and I did NOT get the same result. I think you missed a few steps in there….

  • chezki

    13/01/2013

    hay! tnx. love it :)

  • Afsar

    11/07/2013

    Hi, I need to save this file wile creating on photoshop. How can I save it in .ico extension? Please email me

The material for 646-985 and 650-195 can be the best career choice you ever made,we also make sure that our JN0-304,1Y0-A16 and HP0-S27 not only provide guarantee to pass but also make sure that no body have to use it.