Modern Logo in Photoshop

Modern Logo in Photoshop



This tutorial has been viewed: 1242 times

Loading+ Add to Todo List

 
avatar
Added By: PSDesignZone
 

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

modern photoshop logo

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.

first rectangular marquee

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

bottom photoshop logo

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

top photoshop logo

top photoshop logo

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:

photoshop contraction

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.

colorful photoshop shapes

Now apply the following layer style settings to the layer:

photoshop beveling

photoshop gradients

That should produce:

a prototype photoshop logo

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

close photoshop logo

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

photoshop logo text

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.

photoshop gradient

Do the same with the ‘name’ text to produce

modern photoshop logo

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

Tags: ,

Related posts

Tags: ,

blog comments powered by Disqus
Categories
  • CSS
  • Features
  • Fireworks
  • Gimp
  • Illustrator
  • Inspiration
  • News
  • Photoshop
  • Sub-Pages
  • Wordpress
  • Affiliates Extreme Studio Pixel2life
    About the Site PSDesignZone was started back in 2004 with the goal of becoming the Best Graphic Design and Web Development Tutorial Website on the Net, There are a bunch of great tutorial websites out there, so I don't know if we acheived that goal. But we hope we can provide some added value and help people on their way to becoming Master Designers.
    Friends