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:


29 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

Unknown 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

Eliaz Beth said...

Likes greatly raise the acceptance in your web page and along with the suitable total rely; many people today will be drawn to your account. The firms that offer these companies, will supply you with non-automated or robot likes and provide you with real Instagram likes. buy instagram like The great place relating to this may be the incontrovertible fact that they could be right away shipped in your account hence you don't have to show up at that much. And when you are a corporation, escalating your Instagram likes could possibly be useful.

Packers and Movers Bangalore said...

Packers Movers Electronics City Bangalore

Packers Movers Marathahalli Colony Bangalore

Packers Movers Indiranagar Bangalore

Packers Movers Koramangala Bangalore

Packers Movers Whitefield Bangalore

Packers Movers Hsr Layout Bangalore

Packers Movers KR Puram Bangalore

Local Packers and Movers Bangalore said...

Nice Article.. We Provide Best Home Relocation Services in Bangalore. Please visit our Website:
https://contact2me.in/local-packers-and-movers-bangalore-household-shifting-contact2me

Packers and Movers Bangalore Charges said...

Local Packers and Movers Bangalore - Search Top, Best Movers and Packers in Bangalore for Local Household Shifting with Affordable Price Quotes. Near Me, Safe and Secure Services in Bangalore with Compare Genuine Charges. For Save Money and Time

Local Packers And Movers Bangalore said...

Packers And Movers Bangalore to Srinagar
Packers And Movers Bangalore to Vishakhapatnam
Packers And Movers Bangalore to Lucknow
Packers And Movers Bangalore to Coimbatore
Packers And Movers Bangalore to Haridwar
Packers And Movers Bangalore to Patna
Packers And Movers Bangalore to Guntur

Packers and Movers Bangalore said...

Packers And Movers Hulimangala Bangalore
Packers And Movers ISRO Bangalore
Packers And Movers Immedihalli Bangalore
Packers And Movers Indalavadi Bangalore
Packers And Movers Industrial Estate Bangalore

Vintage Logo Maker said...

Thanks for sharing this article on Logo Designing. I am also a Logo Designer at Logowizpro which is a Logo maker used to make cool personal logos or brilliant Logo designs. You can make cool logo design pictures from 10,000+ Brilliant Templates.

Packers And Movers Gurgaon said...

Nice image visibility and well written blog. Thanks for sharing. I have recently come across a new online service provider company which provides Shifting Services @ Packers And Movers Gurgaon
Packers And Movers Fazilpur Gurgaon
Packers And Movers Kherla Gurgaon
Packers And Movers Jagat Gurgaon

Packers And Movers Chennai said...

Packers And Movers Chennai
Packers And Movers Chennai to Bhopal
Packers And Movers Chennai to Lucknow
Packers And Movers Chennai to Chandigarh
Packers And Movers Chennai to Patna
Packers And Movers Chennai to Haridwar