• home
  • forum
  • my
  • kt
  • download
  • Glossy RSS icon

    Author: 2008-11-19 10:10:55 From:

    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 
    Select Blending Options>Inner Glow

    Create Glossy RSS icon in Photoshop CS3


    Fill 0% on the layer. This way we've got several highlights on the icon:

    Create Glossy RSS icon in Photoshop CS3

    Let's represent one more circle colored with #F36523

    Create Glossy RSS icon in Photoshop CS3

    Mark out the last made circle, press Alt button and cut out a half ?moon element:

    Create Glossy RSS icon in Photoshop CS3

    Set the next parameters:

    Create Glossy RSS icon in Photoshop CS3

    We'll get this way a half ?shadow:

    Create Glossy RSS icon in Photoshop CS3

    Now we need to select the Ellipse Tool (U) and represent two circles of different sizes. The color's code is #FEDB8A

    Create Glossy RSS icon in Photoshop CS3

    Next we shall use the Rounded Rectangle Tool (U) (radius of 30 px) and represent a bended rounded line.
    1. Represent the line
    2. Insert the points of the bend, applying the Add Anchior Point Tool, bending the element with Direct Selection Tool (A) and Convert Point Tool.

    Create Glossy RSS icon in Photoshop CS3

    Place the new element as below:

    Create Glossy RSS icon in Photoshop CS3

    Apply for the new layer Blending Options>Gradient Overlay

    Create Glossy RSS icon in Photoshop CS3

    Gradient Editor:

    Create Glossy RSS icon in Photoshop CS3

    We'll get the next result!

    Create Glossy RSS icon in Photoshop CS3

    Next we shall draw one more element, but a bigger one, having the icon finally finished!

    Create Glossy RSS icon in Photoshop CS3 

    discuss this topic to forum

    relation tutorial

    No relevant information

    Category

      Abstracts (95)
      Effects (519)
      Animation (220)
      Photo Effects (823)
      Automation (20)
      Photo Retouch (316)
      Basics (411)
      Photography (302)
      Brushes (49)
      Scripting (5)
      Buttons (197)
      Text Effects (784)
      Color (81)
      Textures and Patterns (184)
      Digital Art (179)
      Web Graphics (746)
      Drawing (827)
      Web Layouts (206)

    New

    Hot