Create an Apple Safari Icon in Photoshop

Create an Apple Safari Icon in Photoshop
Create an Apple Safari Icon in Photoshop
step-006c

step-006d

step-006e

Step 11

Your outcome should look something like this:

step-007

Step 12

Now still using your Ellipse Tool, hold shift and drag your cursor to make a large round circle. Name this layer "Outer". Remember the FIRST Layer Style we made for the outer hoop ring? For the large circle, we'll be using it again. To access that Layer Style and use it for this layer, make sure your large circle layer is selected and then go to Window > Styles. A little panel should open up. Scroll down to the bottom and select the layer style effect that you made earlier. It should be the second to last icon.

step-007a

step-007b

Step 13

Duplicate this "Outer" layer and shrink it. Then apply the SECOND layer style effect we saved. You should now have something like this:

step-007c

Step 14

Make a new Ellipse Tool (U) and apply the following settings in the Layer Styles window:

step-007d

step-007e

step-008

step-008a

Step 15

On that same layer, add a gradient fill.

step-008b

Step 16

Now, rename the layer "Base". You should have the following effect thus far:

step-008c

Step 17

This next step requires a lot of concentration and patience. Grab your Rectangular Marquee Tool (M) and make a small rectangle inside the blue part of our icon and fill it with white. Then duplicate the layer and rotate it slightly. Do this until you have a full circle. Then set the layer mode to Overlay.

step-008d

Step 18

Inside the middle of the document, we'll use our Circle Thin Frame again to create two circles. Merge the two shape layers together and rename the layer to "Middle Circles". Set the Fill to 10%.

step-008e

Step 19

Use your Ellipse Tool to make a circle the same size as the "Base" circle. Name the layer "Inner Base" and apply the following:

step-009a

step-009b

step-009c

Step 20

Use your Ellipse Tool to make another circle the same size as the "Base" circle, name it "Inner Base " and apply the following:

step-009d

step-009e

Step 21

In this tutorial, I created a compass rose on Photoshop. You can either create your own or find one. I put both the Opacity AND Fill at 65% and the Mode at Linear Dodge (Add). Then I added the following settings in the Layer Styles window.

step-010

Step 22

Your result should look like this:

step-010a

Step 23

If you want to add any more gloss effect, you can. In this case, I added a nice gloss which I created by combining several shapes to create a shape similar to the moon's. I then set its Fill to 65% and added a drop shadow.

Pages: 1 2 3

6 comments on “Create an Apple Safari Icon in Photoshop”

  1. are you kidding me? are you serious? what about the colors? seriously. look at other tutorials. they tell you the color. what makes you special?
    if anyone knows the colors lemme know. honestly.
    seriously, dude. you're a fail

  2. I have come back from the dead and this is what I find? How humanity has fallen. I shall live with the elves for the remainder of my life.

Leave a Reply

Your email address will not be published. Required fields are marked *

cross