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:


22 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.

Web Design Quote said...

In this post there are enough detail are given regarding the logo design and creation. So the post is so easy to learn comfortably because all the steps are given in comprehensive detail.

Anonymous said...

Well done! Love the results

Kelsey Todd said...

the background of your webpage makes it hard to read your text....

Logo Design Company said...

In this post there are enough detail are given regarding the logo design and creation.so Its easy to understand

Web Hosting India said...

Very well explained article. Thanks for sharing it.

Free Hosting said...

It was a different effort. Well done. This is a wonderful article. Thanks for sharing it.

website registration india said...

Well done, Nice to see the differnt way of method, Great work!

buy domain in india said...

I found some of the interesting facts from your topic.Its really very nice.Keep sharing like this.

suresh said...
This comment has been removed by the author.
UM said...

Nicepost thank u...

Packers Movers said...

nice and very useful tutorial.. nice.. keep it on.....

99th said...

Very useful information. Thank you for sharing it. Thanks 99th

99th said...

Very useful information. Thank you for sharing it. Thanks 99th

Sourabh said...

Thanks a lot for sharing such a great information. It is really useful. Thanks pmdin

Anuj said...

This is very useful information shared here. I am really thankful for this. 99th.co.in

Lewis N. Clark said...

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