Step 9

Select Rounded Rectangle Tool set radius (15px) and create a rectangle with white color #ffffff as like in preview.

Create a Rectangle

Go to the Blending Options and applying some Layer Styles on this rectangle layer.

Go to Layer > Layer Styles and applying these Layer Styles.

Drop Shadow

Drop Shadow

Inner Shadow

Inner Shadow

Gradient Overlay

Gradient Overlay

After applying these layer styles we get awesome effect on rectangle layer.

Get Awesome Effect

Step 10

Select Ellipse Tool and create a small circle with white color #ffffff as like in picture below.

Create a Small Circle

After create circle now applying some Blending Options on this circle layer.

Go to Layer > Layer Styles and applying these Blending Options.

Bevel and Emboss

Bevel and Emboss

Gradient Overlay

Gradient Overlay

After applying these layer styles we get beautiful result.

Get Result

Step 11

Select Ellipse Tool again and create one more small circle with white color #ffffff as like in picture below.

Create Another Circle

Go to the Blending Options and applying some Layer Styles.

Go to Layer > Layer Styles and applying these Layer Styles.

Drop Shadow

Drop Shadow

Gradient Overlay

Gradient Overlay

After applying these layer styles we get new effect on small circle layer.

Get New Effect

Now duplicate both circle layers three time and place right side as like in preview.

Duplicate Circle

Step 12

Select Rounded Rectangle Tool set radius (15px) and draw a rectangle with white color #ffffff.

Create a Rounded Rectangle

Go to the Blending Options and applying some Layer Styles on this rectangle layer.

Go to Layer > Layer Styles and applying these Blending Options.

Gradient Overlay

Gradient Overlay

Stroke

Stroke

After applying these blending options we get new result.

Get New Result

Step 13

Select Rectangle Tool from tool panel and create a 1px line with this color #696868 as like in preview.

Create a Line

Now duplicate this line layer nine or ten time and set them as like shown in picture below.

Duplicate Line and Set

Select Rectangle Tool again and create one more line with this color #e56969.

Create One More Line

Step 14

Select Text Tool and write some text on top line areas with white color #ffffff, use any of font here we are using Photoshop default Tahoma Font.

Write Some Text

Again select Text Tool and now write some text down areas of lines with black color #000000.

Write Some Text

Step 15

In this step select Rounded Rectangle Tool and create a rectangle top of all layers with white color #ffffff.

Create a Rectangle

Select Polygonal Lasso Tool from tool panel and make a selection as like in preview.

Make a Selection

Select rectangle layer rasterize it and hit delete button to delete selected area then press (Ctrl+D) to deselect selection.

Delete Selected Area

Now set Opacity (15%) of this rectangle layer.

Set Opacity

Step 16

Select Rectangle Tool and draw a small rectangle with black color #000000 as like in preview.

Create a Rectangle

Go to the Blending Options and applying Gradient Overlay on this rectangle layer.

Go to Layer > Layer Style > Gradient Overlay.

Gradient Overlay

After applying gradient overlay we get nice result.

Get Nice Result

Now select Rectangle Tool again and create two more small rectangles as like in preview.

Create Two More Rectangles

Right click on 1st small rectangle layer select (Copy Layer Style) option and then paste layer style on other two small rectangle layers then we get result as like in picture below.

Paste Layer Style

When we complete these all steps, we get our beautiful retro radio icon in final preview.

Final Preview

Final Preview

We hope you will definitely like this radio icon tutorial. Remember to share your comments with us. Follow TutorialChip on Twitter or Subscribe to TutorialChip to Get the Latest Updates on Giveaways, Tutorials and More for Free.