How to Make a Badass WordPress Logo

tagged Photoshop by Jon

I was in a store the other day and walked by a sign with a logo that had an amazing shiny/metallic look to it. So, I whipped out my cellphone and took a picture of it. I spent a while trying to recreate the look but came up with something a little different. I applied that look to a WordPress Logo. This is how I did it…

Step 1

Step 1: Draw a Circle

Before I start pretty much any Photoshop project, I drop a couple of guides on the canvas. A quick way to add two guides centered vertically and horizontally is to: create a new layer, fill it with a color [alt+backspace], enter into Free Transform mode [ctrl+T], then drag the guides to the center and they will snap into place. I then usually discard the layer.

Create a new layer and name it something like ‘Circle’.With the ellipse tool [U], draw a circle. Start at the center and drag outwards while holding [shift] and [alt] to make a perfect circle. The one I made happens to have a 560 pixel diameter.

With the ‘Circle’ layer and the ellipse tool still selected, choose ’subtract from the shape layer’ or [-]. Again, drag outwards from the center while holding [shift] and [alt] and make another circle with a smaller diameter to look like the example above.

Step 2

Step 2: Make the Circle Shine

Double click on the ‘Circle’ layer to add a gradient overlay.

Step 2a: Gradient Settings

There is nothing scientific here. Just alternate between a very light grey to a dark grey. I used #333333 and #DADADA. You can play around with these settings to get the look you want. You may even want to come back to this step after the logo is finished to tweak the look a little.

Step 3

Step 3: Add Another Circle

Create a new layer and name it ‘Circle Top’. On this layer, use the same method that I described in step 1 and make another circle that is slightly smaller than the first one. This second circle should cover most of the one below.

Step 3a: Gradient Settings

Give this circle a gradient. I used a lighter grey, #686868, that fades into a darker grey, #181818, then back to the lighter grey. Use the settings in the example above. Again, this is nothing that needs to be exact. You can play around with the settings to come up with the look you like.

Step 4

Step 4: Add shine to second circle

Now to give this layer a bit of shine. Control click the ‘Circle Top’ to add a marquee around the circle. Create a new layer and call it ‘Circle Top Shine’. Select the elliptical marquee tool [M] then choose the ‘Subtract from Selection option. Then, remove part of the marquee selection so it looks like the example above.

Make sure you have the ‘Circle Top Shine’ layer selected and grab the gradient tool [G]. Modify the gradient so that is fades from white to transparent. Fill the selection with the gradient so that it looks like the example above.

Step 5

Step 5: create background circle

Create a new layer underneath the ‘Circle’ Layer and call it ‘Background Circle’. Draw a circle with the elliptical tool [u]. Give it a gradient overlay that starts with a shade of blue and fades down to a darker shade of blue. I used the colors #394f78 and #0a0f14. I then gave the circle an inner glow. I changed the inner glow color to black and the blend mode from ‘Screen’ to ‘Normal’. Adjust the settings until you like how it looks.

Create a new layer above the ‘Background Circle’ layer and name it ‘Background Circle Highlight’. With the marquee tool [M], select a circle with the same technique you used to make the first two circles. While holding [alt] and [shift] drag from the center to create the first circle. Using ‘Subtract from selection’ cut out the center to leave a thin selection.

Using the gradient tool [G], choose white fading into transparency. Drag down on the top half of the selection, then drag up from the bottom half of the selection. It should look like the example above. The deselect [ctrl + D] the circle and give it a Gaussian blur of about 4.5 pixels.

Step 6

Step 6: Add shine to background circle

This is an easy step. Create a new layer above the ‘Background Circle Highlight’ layer. Name it ‘Background Circle Shine’. Using the elliptical marquee tool [M] draw an oval shape towards the top the the background circle. Use the gradient tool [G] with a white fading to transparency to fill in the circle. Change the layer’s blending mode to ‘Soft Light’.

Step 7

Step 7: Add the W

Finding the ‘W’ for the logo was a tough one. I ended up tracing it from an existing WordPress logo. You can get a vector version of the logo here. After tracing out the ‘W’, put it on a layer above the ‘Background Circle Shine’ and name it ‘The W’. Size it and place it so that the edges are just barely behind the circle layer above it.

Right click on the very first layer you made, ‘Circle’, and select ‘Copy layer style’. Then right click on the ‘The W’ layer and select ‘Paste layer style’. It should now have the same gradient as the first circle layer.

[ctrl] click the icon on the ‘The W’ layer to add a marquee around the W. Go to Select -> Modify -> Contract. Choose 3 pixels. The marquee will then shrink by 3 pixels.

With the ‘The W’ layer still selected and with the shrunken marquee selection, click [ctrl + J]. This will copy the marquee selection and make a new layer out of it. name this new layer ‘The W Top’.

Double click on the ‘The W Top’ layer to open up the layer effects dialog. Give it a gradient the fades from a light grey at the top down to a darker grey. I used #FFFFFF and #000000 and moved the scale slider up to 150%. Feel free to use your own method to create this look.

Step 8

Step 8: Add shine to the W

Ok, for the last step. We are going to repeat the same technique we used in step 4 to add a shine to the W. Create a new layer above the ‘The W Top’ layer and name it ‘The W Top Shine’. Now, [ctrl] click the icon on the ‘The W Top’ layer add a marquee selection. Use the elliptical marquee tool [M] to deselect the bottom half. Then, fill the selection with a white to transparent gradient.

Final Result

Badass Wordpress Logo: Final Result

As a final touch I added a drop shadow to the ‘Circle’ layer.

You are done.

Sit back, relax and bask in your awesomeness.

Leave your mark...

If you liked this article please leave a comment and share it.

Add a comment Digg Stumble Upon Reddit

Gravatar
Santiago
December 4th, 2007

Cool tutorial, thanks!!!

Gravatar
buchin
December 6th, 2007

wow that’s cool.

Gravatar
shoo
December 7th, 2007

That is awesome-ness!

Gravatar
Wasim Mohammed
December 17th, 2007

That’s amazing ! Thanks for that

Gravatar
Dito
December 18th, 2007

Neat! Thanks for this great tutorial

Gravatar
Asthma Information
December 18th, 2007

Fantastic logo, thanks a bunch for showing us how to create it.

Gravatar
Extend Golf
December 19th, 2007

That’s really nice work, Jon.

I’m going to give this a try but with slightly softer edges and the light source from the upper left rather than the centre.

I can really see this transferring over to a brick-and-mortar sign or even t-shirts with a bit of colour work. Very nice.

Gravatar
MK
December 20th, 2007

Pretty amazing breakdown and recreation. I’m curious as to what was the original image was that inspired you.

Gravatar
Chris
December 20th, 2007

Awesome tutorial! The reduced size result is especially good, in the full size the top “shine” on the circle looks a bit odd, but perfect in the thumbnail.

Gravatar
Stef
December 20th, 2007

That’s a great tutorial, thanks!

Gravatar
nicole
December 21st, 2007

great work, man

Gravatar
Jack
December 21st, 2007

It’s the Volkswagon logo without the V.

Gravatar
Jack
December 21st, 2007

More or less, I mean.

Gravatar
TPN WEB DESIGN INC
December 21st, 2007

Nice

Gravatar
Jenny
December 21st, 2007

hehe I want one!!

Gravatar
bhaktapurgirl
December 23rd, 2007

thats nice very nice keep it up

bhaktapurgirl
mazzako.blogspot.com

Gravatar
SledPants
December 25th, 2007

Wow amazing. I love simple guides.

Gravatar
Paul Rand
December 27th, 2007

All Photoshop effects and no design sense.

Gravatar
Ollie
December 27th, 2007

Hey, just wanted to thanks for the tutorial.
I used it on a logo of mine, but it ended up looking like quite similar to the x-men logo haha!

if you want to check it out -
http://www.odesign.com.au/O-Logo2.png
www.odesign.com.au

Gravatar
MrsAndre3000
December 29th, 2007

This has really helped me with my art work at school so keep comin up with more cool tutorials!

Gravatar
Patley
December 31st, 2007

all right!!! how do i make a circle in photoshop again?

Gravatar
victor
January 2nd, 2008

I tried and tried but I could not complete several of the steps. Are your commands written for the PC? Or am I just not going to get this one?

Gravatar
Hashim
January 5th, 2008

Simply amazing! you have a great photoshop skill i must say.

Gravatar
travel reward credit card
January 8th, 2008

I can find many things that I look for here! Thank you very much!

Gravatar
Jon
January 8th, 2008

@victor

Sorry for the difficulty of some of the steps. The shortcuts are for PC. I will make it a point to add both Mac and PC shortcuts in the future.

Gravatar
Str187
January 12th, 2008

nice job thanks m8 =))

Gravatar
Sean Hodge
January 31st, 2008

Nice Tutorial. I’ve been looking for something to improve the Drupal logo. Thanks.

Gravatar
Juanjo Vargas
February 18th, 2008

nice logo ^^!

Gravatar
lionking
February 19th, 2008

cooooooooooooooooool

and here more tutorials

http://www.tvosz.com

Gravatar
Cool Hand Luke
February 24th, 2008

Sweet tutorial. Thanks so much. I made one with a K to use as a family crest of sorts, since our last name begins with the letter K. Check it out…

http://i12.photobucket.com/albums/a235/JohnsPIX/Shiny-Logo-Small-JPG.jpg

- John in Illinois

Gravatar
Jon
February 24th, 2008

@ Cool Hand Luke

That turned out great! Thanks for showing it to me.

Gravatar
Cool Hand Luke
February 24th, 2008

And I did it using Photoshop 7! ;)

So, I had to find some different ways to accomplish some of the gradient effects.

A tip that makes “tracing” the letter easier: Crop down the file until you have only the W remaining. Use the magic wand tool to select the W and use the marquee tool and/or the polygonal lasso tool (both while holding alt/option) to subtract everything except the letter from the selection. As for me, I wanted to use a K. Just type whichever letter you wish to use on a new layer and rasterize the letter (Layer > Rasterize > Type). Then magic wand it or control-click on the layer icon on the layer to select it.

I hope that makes sense and helps anyone who might need it.

Gravatar
Cool Hand Luke
February 24th, 2008

BTW, Paul Rand…

“All Photoshop effects and no design sense.”

1. You’re wrong and 2. You’re an ass.

I don’t recall Jon ever implying he was going to teach everyone how to be great graphic designers. He posted a tutorial on how to make a cool-looking logo and he succeeded very well.

I suppose that nasty IBM logo took great design sense, huh? (rolls eyes). Oh, and that brilliant ABC logo: 3 white letters inside a black circle. Brilliant!

Gravatar
abeku
March 23rd, 2008

It is really a good tutorial. The explanation is very straight forward and simple.

Gravatar
Duane
April 5th, 2008

Good tutorial! I was able to do this quickly… thanks!!

Gravatar
Salvo
April 18th, 2008

I was cruising along until. I hit this step: I’m using CS3. I just can’t seem to get this, i can’t get the M tool to create the two thin inner circles and the gradient. Please help

Create a new layer above the ‘Background Circle’ layer and name it ‘Background Circle Highlight’. With the marquee tool [M], select a circle with the same technique you used to make the first two circles. While holding [alt] and [shift] drag from the center to create the first circle. Using ‘Subtract from selection’ cut out the center to leave a thin selection.

Using the gradient tool [G], choose white fading into transparency. Drag down on the top half of the selection, then drag up from the bottom half of the selection. It should look like the example above. The deselect [ctrl + D] the circle and give it a Gaussian blur of about 4.5 pixels.

Gravatar
jmc
April 22nd, 2008

I make it in vector with Illustrator, you can download from this link.

http://rapidshare.com/files/109420650/wordpress_logo.rar.html

It´s the best wordpress logo that i see, great work!

Gravatar
Andrew
April 25th, 2008

Cool work. Is there a download file available?

Gravatar
paydjo.Net
May 8th, 2008

thnx for the tutorial

Gravatar
andaluzzia
May 8th, 2008

awesome… cool..
i’ve used your work at my post…

thank you

Gravatar
Rajita - Logo Design
May 12th, 2008

Very well presented tutorial.It gives very useful tips.

Gravatar
Visionary gFX
May 19th, 2008

I’m a little stuck on Step 4 about removing part of the marquee. Can anyone explain this to me?

Gravatar
pepen
May 28th, 2008

great tutorial… thanks for sharing

Gravatar
Brad & Kelly Smith
May 30th, 2008

I love this graphic! Thanks for the tutorial.

Gravatar
Delacro
June 5th, 2008

that’s cool!

Gravatar
harsh
June 10th, 2008

Super Cool Stuff man… Now try one for blogger… (in fact let me try one if i can i’ll send it to you for approval… )

Gravatar
Chris
June 11th, 2008

I never thought it would be this easy. gotta try this one out.

Cheers.

Gravatar
Problem Çocuk
June 17th, 2008

So nice i think *-)

Gravatar
RP
June 27th, 2008

WTH

Why is the Elephants there.

Do you want someone to purchase or something

Gravatar
Clueless
June 27th, 2008

Not a photoshop expert here

Can someone give me steps for CS3

Gravatar
NikSan
July 3rd, 2008

Excellent work. and very helpful!

Thanks.

Gravatar
david
August 6th, 2008

Sweet tutorial. Really, really clear. Thank you for all of the hard work! I used it for my new logo…should be up on the site in a week or so. Thanks again!

Gravatar
Mohan
August 10th, 2008

Hi Jon,

Hi my name is Mohan and I needed a logo for GameFuze and Conquest of Time..can you please make it for me?…I am only 13 years old so I can’t pay you..If you do it email me at conquest.of.time@gmail.com

Thanks,
Mohan

Gravatar
datter
August 15th, 2008

Nice work, I used it in my latest upgrade post and credited you accordingly.

http://finaldog.com/wordpress-automatic-upgrade/

Gravatar
Brandon Sanders
September 2nd, 2008

After some time, I was finally able to come up with something that I was content with. :)

http://www.foliosouth.com/believe.jpg

Gravatar
William Bryant
September 10th, 2008

Sweeeeet!

Gravatar
Dean
September 18th, 2008

This is brilliant!
Any chance we could have the PSD for it?
Thanks

Gravatar
redzone
September 21st, 2008

Good information, I will make it that logo

Gravatar
indojepang
October 1st, 2008

MAGNIFICO!!

Gravatar
FameGadget
October 9th, 2008

I will make my logo with your tutorials, thanks a lot :)

Gravatar
ARS
October 11th, 2008

Cool!!!

Gravatar
createmo
November 2nd, 2008

Thank you for your website :)
I made on photoshop backgrounds for myspace,youtube and more
my backgrounds:http://tinyurl.com/5assk2
take care and thank you again!

Gravatar
Jacob
November 4th, 2008

The tutorial is not well described. It’s done in a very complex way. The tutorial writer could do it in a much simpler way. Trying to make things harder.. You bastard.

Gravatar
Mattress
November 21st, 2008

great tutorial. you just made my life so much easier =)

Gravatar
bizuteria
November 30th, 2008

Wow amazing. I love simple guides.

Gravatar
romi
December 11th, 2008

nice logo….
can i take that…
thankyou….

Gravatar
Kazar
December 22nd, 2008

Nice !

Gravatar
Erik
January 1st, 2009

About centered guides…the New Guide dialog accepts percentages. Enter 50% for the guide position and it will give you a guide in the document center.

Gravatar
Nikolas Schrader
January 1st, 2009

great tutorial - thanks

Gravatar
daniel lopes
January 1st, 2009

Amazing

Gravatar
moih60
January 2nd, 2009

thats cool logo and good finish

Gravatar
DIE DIE DIE
January 3rd, 2009

Crap logo, crap tutorial.

Totally shit.

Gravatar
Mario Lat
January 7th, 2009

Surprise, surprise! I’m using Photoshop 7 myself. I love redesigning our church logo time and again. This is a cool and simplest tutorial I’ve been looking for. Easy to understand, but with great result. Salamat!

Gravatar
WP Cult
January 9th, 2009

That is a really nice WordPress logo!

Gravatar
Metin
January 14th, 2009

thats really looks very nice, can you publish the PSD file if possible?
thank you.

Gravatar
Juh
January 14th, 2009

That’s amazing!! Thanks!!

Gravatar
harmonsmith
January 16th, 2009

very good tutorial. useful for both novice and professionals. I also find Free logo design very useful sites for designing your own logo.

Gravatar
souan
January 16th, 2009

very helpful many thanks !!

Gravatar
NJ
January 19th, 2009

Thank you for taking the time to publish this tutorial! I came across this while looking for a logo to accompany a post I made regarding WordPress, so I hope you don’t mind if I use a minified version of your work. If you would rather I not, then let me know and I’ll take it down :)

Gravatar
John
January 21st, 2009

On Step 5, in order to punch out the center of a circle, make sure you select subtract from selection like it says. Start dragging at the center of the guide and then press down the option/alt key which will draw from the center. I found this a bit tricky at first.

Gravatar
trighap
January 22nd, 2009

Salvo and visionarygFX:

I am not the poster of this tutorial, but I was stuck at the same step. I figured out how to do it, and thought I’d try and tell you. He/She said “Control click the ‘Circle Top’ to add a marquee around the circle.” Actually, it’s control DOUBLE click. Once you do that, there’s a marquee all nice and ready for you to manipulate exactly how he/she said. Hope that helps.

Gravatar
coolfreebies @ Free iPod Nano
February 3rd, 2009

Hi There,

Any chance of a PSD file of this to download as i am finding it difficalt to do myself.

I just want to change some of the colours.

Thank you

Louise

Gravatar
JMONTY
February 26th, 2009

If you have a flat letter here instead of the ‘W’, you could select the background circle (ctrl or cmmd + click on image), and with your letter selected, go fliter -> distort -> spherize. A setting of about 40% seems to work. That will give the letter a bit of dimension in relationship to the orb…

Just my take. Great tut. Thanks!

Gravatar
sivas
March 2nd, 2009

very good , thanks

Gravatar
TingPing
March 17th, 2009

Could you please make me one that is the exact same, except has the letters TP and is orange instead of blue?

Gravatar
Binu
March 27th, 2009

woww……….amzzziiinggggg………

Gravatar
RaiulBaztepo
March 28th, 2009

Hello!
Very Interesting post! Thank you for such interesting resource!
PS: Sorry for my bad english, I’v just started to learn this language ;)
See you!
Your, Raiul Baztepo

Gravatar
ocePUNKgalak
March 30th, 2009

wow

Gravatar
udon
April 20th, 2009

thank you very much… great tutorial
I made my version in Illustrator CS4

http://www.4shared.com/file/100318365/99a82af2/logo_WordPress.html

Gravatar
Akay
April 21st, 2009

Thank you so much for this amazing tutorial friend.

Gravatar
lig tv izle
April 29th, 2009

nice text, thanks for all

Gravatar
Toolee
April 30th, 2009

^_^
that’s cool.

Gravatar
Chetan Madaan
May 1st, 2009

This is Amazing..

Thanks Guys!

I love you!

Gravatar
Andrei
May 2nd, 2009

Cool i featured your tutorial on my website.
http://capricemedia.ro/blog/tutorial-logo-wordpress/
Cheers

Gravatar
soctimer
May 11th, 2009

please a psd
i have a problem i not use adobe illustrator…
and i not have experience on photoshop…
i need to have for acquire experience…
it is Chinese for me

Gravatar
soctimer
May 11th, 2009

one people has hacked you post
HE IS CHANGE THE FIRST IMAGE

Gravatar
Kishan Bagaria
May 16th, 2009

If you include the .PSD file for download then it will be very good for us.

Kishan Bagaria

Gravatar
rehaan
May 17th, 2009

it’s awesome

Gravatar
Rajesh Misrha
June 13th, 2009

nice work

Gravatar
Rajesh Mishra
June 13th, 2009

very good work

Gravatar
New York Computer Repair
June 16th, 2009

Outstanding tutorial! I came here from Balkhi’s to see the full design process and it looks awesome. Thanks so much for sharing!

Gravatar
Jason
June 25th, 2009

Thanks for the awesome tutorial! I’m still pretty fresh in the PS area and this tutorial has really helped me get a better grasp of using the some of the tools and especially working with layers.

Thanks Again!!!

Gravatar
Ashok
July 7th, 2009

Thank you
its really fantastic :)

Gravatar
vijayalakshmi bankapur
July 9th, 2009

I appreciate for your excellent job done.It inspires me to do the same logo and many more.
thanks a lot

Gravatar
bursa evden eve
July 17th, 2009

oh my god wonderful tutorial , i like it so much i will translate to my language

Gravatar
bursa evden eve
July 17th, 2009

it was wonderful ,wordpress logo is the best
Bursa evden eve

Gravatar
bursa evden eve
July 22nd, 2009

wonderful tutorial i like very much

Gravatar
paparao vanapalli
August 5th, 2009

its very nice.

Gravatar
Dans
August 17th, 2009

that’s wonderful tutorial
Thanks for post it

Gravatar
ayd?n erkek ö?renci yurtlar?
August 20th, 2009

wonderful tutorial i like very mucha

Gravatar
BATISTA
August 26th, 2009

It’s so cool !!
Thank you.

Gravatar
Mal Milligan
September 5th, 2009

Stunning !! This is going to spawn thousands of high quality WP logo renditions.

Gravatar
cocoa
September 9th, 2009

I’s so cool !

Gravatar
Zups
September 14th, 2009

Amazing tutorial, i like it

Gravatar
jerome robins
September 16th, 2009

i cant even get past step one. hitting - or making the second circle doesnt work for me.

Gravatar
philippine outsourcing
September 19th, 2009

Cool tutorial … Keep up the good work.

Gravatar
Larry Bargers
September 22nd, 2009

Amazing!

Gravatar
zora
October 6th, 2009

its very nice thes toutourial

Gravatar
Chris
October 14th, 2009

Great tutorial thanks for the hard work

Gravatar
Kathy Temean
October 17th, 2009

Thank for sharing this. I think I will use it later this month in my Photoshop class and will be back to visit.

Kathy

Gravatar
Guia
October 27th, 2009

This is a great help for a beginner like me. Thank you very much for posting!

Gravatar
ETM
October 29th, 2009

Wow!!! I’m good at illustrator but… wow! Very good job.

Gravatar
ornek erkek yurdu
November 10th, 2009

thankss so muchh

Gravatar
Angelo Beltran
November 21st, 2009

The best WordPress logo tutorial I’ve seen so far!

Gravatar
Josh
November 24th, 2009

Any chance this tutorial can be done for Adobe Illustrator.
It feels like one is incorrectly doing it in a low resolution in Photoshop.

Gravatar
yokonokoxfx
December 16th, 2009

wicked tutorial! helped me a lot

Gravatar
Farid
December 20th, 2009

great tutorial but i am having a few issues, i was wondering if someone is able to send me a file that has the logo done with an F ?

farid (at) internode.on.net

thanks

Gravatar
yeahlee
December 28th, 2009

Nice tutorial.Thanks for all.

Gravatar
koçluk
December 29th, 2009

very useful informations thakns a lot !

Gravatar
vajinismus
December 29th, 2009

Good ! Awesome ! OMG ! You are number one about that subject !

Gravatar
Bahattin ARICI
December 30th, 2009

Perfect tutorial. Thanks.

Gravatar
Michelle
January 5th, 2010

wow this is a great tutorial :)

I use wordpress for my own blog and I actually think your finished result is better looking than the real thing.

Gravatar
Wiwied
January 7th, 2010

Awesome. Great design!

Gravatar
Aksan
January 7th, 2010

Great logo, dude!

Gravatar
aming
January 9th, 2010

hello
I can’t finally the 3rd step, the centered “Circle Top” was closed the “circle”.. do you have psd version?
thanks

Gravatar
Jamie
January 20th, 2010

so glad i stumbled across this website! that is so cooooolllll!!!!!!!!!

Gravatar
seo
January 23rd, 2010

thank you this is nice blog

Gravatar
Net Success
February 7th, 2010

Very Cool! I have seen this logo all over the net and was wondering how to create them. Photoshop does a great job and so does Expression Design 2.

Gravatar
sa?l?k
February 10th, 2010

helo your web site very good. Thanks
hamilelik

Gravatar
sa?l?k
February 10th, 2010

Hi very good site

hamilelik

Gravatar
Bloodstone17
February 16th, 2010

Impressive indeed. Great Tutorial.

Gravatar
Timbothecat
February 19th, 2010

Just a quick comment on setting your guides…

In CS4, just go to View >> New Guides. This opens a pop-up. In the pop-up, set the position to 50% and click ok. Repeat the step, this time changing the orientation from Vertical to Horizontal, and you have your guides set out as per this tutorial.

Gravatar
wien
February 23rd, 2010

great tutorial, thanks for sharing

Gravatar
Logo Design Monster
February 24th, 2010

This is amazing. Really impressed with the achievable effects within the logo. Thank you very much for sharing. I have learned a few logo software tips too which is always good.

Gravatar
wparena
February 25th, 2010

great work man…thats what I was looking for

Gravatar
Lida
February 27th, 2010

Good on your log

Gravatar
syed
March 9th, 2010

nice work.

excellent job.

Gravatar
harm_333
March 23rd, 2010

The name of the font they used to make the W is “Wooden Nickel Black” and you can find it a http://www.fontsquirrel.com/
Nice tut.

Gravatar
Luis
March 25th, 2010

cool logo! I made my own adjustments and it looks superhipermacroneat.

Gravatar
rex
April 1st, 2010

Very nice tuts, glad I stumblupon on this one.

Gravatar
Lose 6 pounds
April 10th, 2010

Thanks a lot, i was really need this tutorial!

Gravatar
reformas
April 18th, 2010

verryy gooodd!

Gravatar
SEO
April 24th, 2010

hello
I can’t finally the 3rd step, seo the centered “Circle Top” was closed the “circle”.. do you have seo psd version?
thanks

Gravatar
spor
May 8th, 2010

Thanks,it’s great

Gravatar
shalini
May 17th, 2010

cool man, great idea

Gravatar
JS
May 19th, 2010

Nice one. I like how the overall design looks. Not trying to ripoff wordpress but just using the essence of the design. I tried using this concept on my logo but it somehow looked a little bit off. Something didn’t seem right. Finally decided to use the professional services of an online logo design site instead after googling for one (http://www.logodesignplanet.com) and finally got the logo I wanted at an affordable price and fast too. Lesson learned. I’m not going to design a logo without any professional help though it’s somewhat fun. And liberating. Definitely. Haha. Thanks for the tutorial… I think I need more practice.

Gravatar
Daniel
May 19th, 2010

Nice picture you made here but the tutorial is not really good.

“Substract form the Selection option” Tell us at least where those are! Maybe people who are new to the program doesn’t know where it is! Fix this!

Gravatar
Jignesh Adhyaru
May 23rd, 2010

Wow, its really awesome,

trying to make similar for my website logo.

BTW wish to use this to thank wordpress on my website sidebar.

Gravatar
sekspartner
June 3rd, 2010

cooooooooooooooooool

and here more tutorials

Gravatar
majicmike
June 19th, 2010

Yes Jon,,,
well neat n comprehensive lesson,,,
even neater you took the time to share,,,
spectacular logo also by the way,,,

Good One Jon,,,
Good Luck Mate,,,(’ ‘,)

Gravatar
Seo
June 23rd, 2010

great work. thanks

Gravatar
Hukuk
July 10th, 2010

very helpful many thanks !!

Gravatar
alpaproductions
July 12th, 2010

Really sweet tutorial!
Thanks for all the nicely detailed steps.

Gravatar
esenyurt
July 12th, 2010

great tutorial… thanks for sharing

Gravatar
Ramesh V (India)
July 13th, 2010

your tutorial is cool but plz mention color codes for others to follow…great work

Gravatar
kralbiziz
July 23rd, 2010

Thanks!

Very good..Thanks for post..

Gravatar
seo
July 27th, 2010

Wuu, thank you very much.Perfect (:

Gravatar
Webbilgini
July 29th, 2010

? am not englis, çok be?endim güzel, very good

Gravatar
SEO
July 30th, 2010

Good article :) your tutorial is coo

Gravatar
alibaba
July 30th, 2010

very nice post.

Gravatar
alibaba
July 30th, 2010

great post.

Gravatar
alibaba
July 30th, 2010

excellent information.

Gravatar
dennis4ster
August 7th, 2010

muy bueno
este tutorial
a mi me quedo haci cqambien
algunos colores para diferencial
de los colores del tutorial
graciias….

http://i557.photobucket.com/albums/ss15/dennis4ster/Sinttulo-1-2.png

Gravatar
seo
August 8th, 2010

Thank you,very much.

Gravatar
Ankara Rehberi
August 13th, 2010

Thanks for all the nicely detailed steps.

Gravatar
siki?me
August 16th, 2010

Excellent work. and very helpful!

Gravatar
siki?
August 16th, 2010

You have really good information sharing. health care into your hands!

Gravatar
trgino
August 18th, 2010

its so useful

Gravatar
bykorsan.org
August 19th, 2010

Super Idea! Great stuff.

Gravatar
saat
August 24th, 2010

Thanks,it’s great

Gravatar
gul
September 1st, 2010

it is really cool thank you

Gravatar
gul
September 1st, 2010

thank uo

Gravatar
web design portfolio
September 3rd, 2010

great tutorial. love it!

Gravatar
Google Apps
September 4th, 2010

Incredible work my friend. I’ve always been looking for a tutorial on how to add all of those cool lighting effects to graphics.

Gravatar
seo
September 4th, 2010

thanks for information

Gravatar
Joe
September 6th, 2010

http://www.websitemediapro.com/ websitemediapro[dot]com uses this as their logo. Is that like double stealing? Stealing a logo that’s based on a tutorial that uses another logo?

Gravatar
bosch servisi
September 8th, 2010

thanks for information

Gravatar
Katie J Williams
September 11th, 2010

Really cool thank you I have saved and will give it a go later.

Gravatar
yat kiralama
September 11th, 2010

great work. thanks

Gravatar
yaz bi yere
September 13th, 2010

Thank you, very much.

Gravatar
Orangery
September 16th, 2010

Fantastic, im just getting in to Photoshop so will give this a go.

Gravatar
Seo Dan??man?
September 17th, 2010

I really liked this article very helpful here

Gravatar
biber hap?
September 18th, 2010

umut yazar çizer biber hap?

Gravatar
Logo Design
September 21st, 2010

Wow it really is as the title says: a badass wordpress logo design, thanks for share.

Gravatar
harika
September 30th, 2010

thank a lot:) very good lesson:)))

Gravatar
uçak bileti
October 2nd, 2010

thanks.very nice post.

Gravatar
logo templates
October 5th, 2010

Very nice tutorial. Thanks for sharing.

Gravatar
frigidaire servisi
October 6th, 2010

thanks for all information

Gravatar
medyum sihir
October 7th, 2010

very good work

Gravatar
sihir
October 7th, 2010

I’m going to give this a try but with slightly softer edges and the light source from the upper left rather than the centre.

Gravatar
medyum
October 7th, 2010

very good wook

Gravatar
Emre Çolak
October 8th, 2010

Great work. Thanks for sharing..

Gravatar
medyum
October 9th, 2010

nice share. thank you
medyum

Gravatar
becer
October 12th, 2010

So nice thanks bro

Gravatar
çanta
October 18th, 2010

thanks man good tutorial !

Gravatar
sa?l?k
October 22nd, 2010

Was a beautiful page. Thanks to the designers and managers.

Gravatar
Elektronikotin
October 26th, 2010

Hi admin. Thanks for this good article.

Gravatar
vp10
October 28th, 2010

Thanks for all the nicely detailed steps.

Gravatar
bilgisayar servis
October 28th, 2010

very nice thank you admin

Gravatar
corner desk
November 6th, 2010

Nice tutorial, it is so helpful for me! I am on the lookout for such information. Thanks and keep posting.

Gravatar
Warren
November 8th, 2010

Cool. Mind if it use it?

W

Gravatar
ispir
November 10th, 2010

Thanks admin : =)

Gravatar
ayd?n k?z yurtlar?
November 11th, 2010

nice share. thank youu

Gravatar
Joshua
November 14th, 2010

thanks for this awesome tutorial…i was looking for a tutorial for metal effect…out of 20 tutorials, this is the coolest

Gravatar
yazbiyere
November 14th, 2010

Thank you, very much.

Gravatar
Boban Mikic
November 15th, 2010

Distastefull.
(Sorry, just a litl contribution for democracy).
Of the record: poisonously good.

Gravatar
ginsengli bobo
November 18th, 2010

So nice thanks bro

Gravatar
interface designer
November 19th, 2010

thanks admin. very nice post

Gravatar
magic of making up ebook
November 22nd, 2010

Simple awesome!! I want to use it on my blog. Can I?

Gravatar
Han?m?n Çiftli?i
November 22nd, 2010

thanks for posting
facebook or twitter order page?

Gravatar
adhvanz
November 23rd, 2010

awesome! very useful work

Gravatar
vinoth
November 23rd, 2010

thanks for sharing this great effects keep sharing

Gravatar
ask siirleri
November 24th, 2010

thanks tutorial!

Gravatar
MD 20/20
November 24th, 2010

Pretty sweet!

Gravatar
Hayalet
November 28th, 2010

thank you for sharing, great work!

Gravatar
dezda
November 29th, 2010

very helpful many thanks !!

Gravatar
Johnny
December 3rd, 2010

Awesome tutorial. Thank you sir!

Gravatar
Wex
December 7th, 2010

I’m having trouble with step 4. Is it possible if someone can elaborate a little more on how to split the circle top layer. Thanks if anyone can help.

Gravatar
dvd film izle
December 30th, 2010

nice logo :) very Good work

Gravatar
pankaj
December 30th, 2010

cool..thanks buddy.
superb tutorials for n00bs like me. :)

Gravatar
James
January 4th, 2011

I have used photoshop a total of about 10 hours in my entire life… and I could follow this and did it.
THANK YOU!

Gravatar
ambalaj
January 6th, 2011

very good wordpress logo

Gravatar
Creative Logo Designers
January 7th, 2011

We are LogoProDesign as a Custom Logo Designer, We checked your artwork collections. Those are amazed us. Thanks for that type of good work collections. We regularly checked your website for good artwork example.
Thanks
David Thomas

Gravatar
çilingir
January 7th, 2011

thank you very good wook

Gravatar
Maidul
January 7th, 2011

Great tutorial.Thanks

Gravatar
elixier
January 16th, 2011

Hello
Its really a nice tutorial you have shared with us. I have been a novice of photoshop and was looking for such tutorial.

Gravatar
ki?isel blog
January 18th, 2011

Really nice, thank you.

Gravatar
ki?isel blog
January 18th, 2011

Really nice, thank you.

Gravatar
ambalaj
January 18th, 2011

thank you mean amazing

Gravatar
Free PSD Tutorials
January 19th, 2011

wow cool thanks

Gravatar
Elain
January 29th, 2011

Hi, i come here first time, and i think it is very lucky for me to see a so wonderful tutorial about logo design. Honestly to say, i was in trouble recently, because i need make a logo for our company, but i have no experience about it! Just now, i also find another website about logo design: http://www.squidoo.com/how-to-create-logo-for-your-own-website, I would like to share it with all friend, I’m looking forward to learn more knowledge about logo from you,thank you!

Gravatar
ghandofserver
January 29th, 2011

Thank you for sharing admin

service

Gravatar
Michael
January 29th, 2011

I used your tutorial to create my logo for sabwd.com, thanks a ton!

Add a comment

This comment system uses Gravatars for customized avatars. Get your account here.

If this is your first comment, it will be held for moderation. I'll get to it as fast as I can. Thanks :p