Alluring Apple Safari Icon Tutorial in Photoshop

Today we are going to learn how to create a complex apple safari icon in photoshop CS5. In this tutorial you will learn that how to create shapes and use different layer styles to create this fantastic icon. We Hope you will like this exquisite creation. Enjoy it and never forget to share your suggestions with us.

More expensive photoshop tutorials:

Tutorial details:

  • Program: Adobe Photoshop CS5
  • Difficulty: Intermediate
  • Estimated Completion Time: 50 Mins

Create an Apple Safari Icon in Photoshop – Final Preview

Final Preview

Tools and Resources

Tools and Resources

External Resource

Photoshop Tools

  • Text Tool
  • Ellipse Tool
  • Gradient Overlay
  • Rectangle Tool
  • Custom Shape Tool
  • Polygonal Lasso Tool

Lets start to create our apple safari icon in photoshop.

Step 1

Create a new document (Ctrl+N) with 600×500 of size.

Create New Document

Step 2

Select Custom Shape Tool from tool panel, select Circle Shape.

Select Custom Shape

Draw circle shape with black color #000000 name it Outer Circle, as like in preview.

Make a Circle Shape

Now I am going to applying some Blending Options to this outer circle layer.

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

Drop Shadow

Drop Shadow

Inner Glow

Inner Glow

Bevel and Emboss

Bevel and Emboss

Satin

Satin

Color Overlay

Color Overlay

Stroke

Stroke

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

Get New Effect

Step 3

Duplicate outer circle layer, go to Edit > Transform or press (Ctrl+T) and minimize size of duplicate circle layer.

duplicate Circle and Transform

After minimize size we get this result.

After Transform it Get Result

Now named this layer Inner Circle and applying some Layer Styles on it.

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

Outer Glow

Outer Glow

Inner Glow

Inner Glow

Gradient Overlay

Gradient Overlay

After applying these layer styles we get nice effect on inner circle layer.

Get Nice Effect

Step 4

Select Ellipse Tool from tool panel and create a small circle with black color #000000 as like in picture below.

Create a Circle

Now applying some blending options on this circle layer.

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

Drop Shadow

Drop Shadow

Inner Glow

Inner Glow

Gradient Overlay

Gradient Overlay

After applying these layer styles we get nice effect on circle layer.

Get Nice Effect on Circle

Set this circle bottom of all layers then go to Edit > Transform (Ctrl+T) and minimize the size of this circle layer.

Minimize Size

After minimize size we get this result.

Get Result

Now select both outer and inner circles and merge them (Ctrl+E) now duplicate this merge layer then go to Edit > Transform (Ctrl+T) and down the size of this duplicate layer.

Duplicate Both Layers

After minimize size of duplicate layer set this layer bottom of small circle layer as like in preview.

Set Bottom of Small Circle Layer

Step 5

Select Ellipse Tool again and create a circle with black color #000000 name it layer Center Circle.

Create a Circle

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

Drop Shadow

Drop shadow

Inner Shadow

Inner Shadow

Inner Glow

Inner Glow

Gradient Overlay

Gradient Overlay

After applying these layer styles we get awesome effect on center circle layer.

Get Awesome Effect

Step 6

Select Custom Shape Tool from tool panel, chose a Circle Shape and draw a circle with black color #000000 as like in preview.

Make a Circle Shape

Set Fill (10%) of this circle shape layer.

Set Fill of Circle Shape Layer

Duplicate this circle shape layer go to Edit > Transform or press (Ctrl+T) and down the size of duplicate circle shape layer.

Duplicate Circle and Transform it

After transform circle shape layer we get new result.

Get New Result