Preview of Final Results

Apple Safari Icon


Download the PSD

Safari.zip | 2.27 MB
Download from Website


Apple Safari Icon Photoshop Tutorial


Step 1

Open up a new Photoshop file by going to File > New or by pressing Command/CTRL + N. For the purpose of this tutorial, I’ll be using a large document (1300 x 1000), but you can chose any size you please.

step-001


Step 2

Go to Layer > New > Background from Layer and name the layer “Background.”

step-002


Step 3

Next go to your Layer Styles tool by either double clicking your “Background” layer or by going to Layer > Layer Style > Blending Options. Once your Blending Options panel is open, apply the following settings:

step-003


step-004a


Step 4

When you’re done adding effects to your “Background” layer, you should have a nice looking gradient with some noise.

step-004b


Step 5

Next, it’s time to start working on the safari icon itself. We’ll start by selecting the Circle Thin Frame tool (you can find this tool by going to Custom Shapes Tools > Circle Thin Frame tool).

step-004c


Step 6

After you’ve selected the Circle Thin Frame tool, click and drag your mouse (while holding the Shift key), and make a fairly small and round circle. This will be our hoop ring. You don’t have to name this layer, but I called it “Outer Ring”. Double click this layer and enter the following:

step-004d


step-004e


step-005


step-005a


step-005b


step-005c


Step 7

Now that you’ve added some cool effects to your loop ring, click New Style in your Layer Styles window. This will save this effect so when you use it in a few minutes, you won’t have to add the effects again. You can name this effect anything you’d like but make sure the “Include Layer Effects” option is clicked.

step-005d