Home Email Me Subscribe to my Feed

Monday, April 09, 2007

Create a shiny shield logo

This tutorial will show you how to create a nice looking Shield logo with the use of default shapes in Photoshop CS2.

- Open a new file of 512x512px (it's always better to start off big in case you want to resize the logo)

- Name it 'Base shield'

- Select the custom shape tool and create the custom shape you see below with a fixed size of 400x450px, and fill it with #5e617c



- Next, right click on your layer in the layer window and select 'Rasterize layer'

- Select the magic wand tool and click inside the shape.

- Create a new layer ('inner shield'), go to Select > Modify and contract the selection by 10px.

Fill this with #abb3be.

This is what it should look like by now:



-With the inner shield still selected, go to Layer > Layer Style and change the following values:



Apply the same style on the base shield as well!

- Select the Gradient tool (foreground color: white, Foreground to Transparent, Reflected gradient, Opacity: 40% )

- Next, draw a straight horizontal line from the center of the 'inner shield' to the edge of the selection (left or right).



- Create a new layer ('top shine') and draw out an ellipse as shown below:



- Next select the base shield layer in your layer window, select the magic wand tool and while holding down Alt, click on the white background inside the ellipse

- Selext the 'top shine' layer again and fill the selection with white (opacity 30% )

- Create a new layer ('bottom light') and draw out an ellipse as shown below



- Select the 'inner shield' layer

- With the magic wand click (while holding down Alt) on the dark blue color of the 'base shield ' layer

- Next select your Brush tool with a Soft Mechanical brush of 200px and white as foreground color

- Select your 'bottom light' layer again and click halfway up inside the selection with your brush

- This should leave you with the folowing result:



- Press Ctrl+D, go to Filter > Blur > and apply a Gaussian blur of 20px

- Select the Custom Shape tool and pick the Boom1 shape

- Draw out this shape on your layer with a Fixed Size of 250x250px with #6b727e as the foreground color

- Right-click on the Shape layer in the layer window and Select 'Rasterize Layer'

- Go to Layer > Layer Style annd change the folowinbg values:



- Move the layer down right above the 'base shield' layer and you're done!

After resizing it to a smaller size, this is the final result:


6 comments:

Rijalul Fikri said...

Hmm, simple steps, but nice results :)

Anonymous said...

sae...sae... pisan kang

Anonymous said...

nice tut

Anonymous said...

where's the mechanical brush thing?

Anonymous said...

I can't find the custom shield shape

Anonymous said...

Brilliant! Easiest shiny icon tutorial I've found, and very good to adapt.