Create an Apple Safari Icon in Photoshop

Create an Apple Safari Icon in Photoshop
Create an Apple Safari Icon in Photoshop

Learn how to create a detailed Apple Safari icon in Photoshop. This tutorial will show you how to create shapes and use different layer styles to create effects.


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

Step 8

Next we're going to duplicate our "Outer Ring" layer, rename it "Inner Ring", and shrink it so it fits perfectly inside the previous layer. Then, add the following effects in your Layer Styles window: before saving it, save it as a New Style like in the previous step.

step-005e

step-006

step-006a

Step 9

You should have a nice little hoop ring now.

step-006b

Step 10

Next, using the Ellipse tool, click and drag your mouse while holding the Shift key to create a round circle. Then add the following layer style effects:

Pages: 1 2 3

90% Off Cyberpunk Preset Bundle
Sponsored

Make your artwork look like they're from an alternate universe. These Cyberpunk presets work with Photoshop (via the Camera Raw filter) and Lightroom. Download all 788 presets for 90% off.

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