PSDesignZone – Source for Photoshop, Fireworks, Gimp, and CSS Tutorials

Modern Logo in Photoshop

Feb 21, 2009 Logo Design, Photoshop

This tutorial has been viewed: 5008 times

+ Add to Todo List

Added By: PSDesignZone

We are going to be creating a modern Photoshop Logo like below:

First start by creating a new Photoshop image, 500 x 400 pixels, with a white background. Make a new layer and use the circular marquee to create a selection like below and fill that selection with Black #000000.

Now using the circular marquee tool make two selections like below and press delete to make the circle have divits and breaks.

Make a selection like below, then go to Select > Transform Selection and rotate the selection like the second image, then press delete.

Ok, now create a new layer and ctrl+click on the layer with the black ‘Circles’ to make a selection of that layer, then go to Select > Modify > Contract and contract it by about 5 pixels it should look like below:

Now making sure you are in the new layer use the paintbucket tool to fill the top two “shapes” with #0084B2, the bottom two shapes with #00B4D6, and the top right shape with #EC4E3B.

Now apply the following layer style settings to the layer:

That should produce:

Drop the opacity of the black layer to about 20-30%

Now we need to work on the Logo text I used the font Trebuchet MS below with the text ‘company’ being the color #0074A8 and the text ‘name’ being the color #F57558

Now create a new layer above the ‘Company’ Layer press ctrl+g to make this layer a mask of the layer below (ctrl+alt+g for cs2), use the rectangular marquee tool to make a selection of the top half of the text then pull out the gradient tool, set the color of the gradient to white to transparent and drag from the top to the center of the marquee, like below.

Do the same with the ‘name’ text to produce

I hope you enjoyed the tutorial, if you liked the tutorial or have any questions, be sure to leave a comment below!

Tags: Logo, photoshop