Smooth Logo Design in Photoshop

Smooth Logo Design in Photoshop



This tutorial has been viewed: 11193 times

Loading+ Add to Todo List

 
Added By:
 

Description

In this tutorial we will design a new Logo with some live and cool colours
for a Free Download page.

Objectives

  • Logo Design
  • Blending Options (Text Effect)
  • Movement Effect for a Symbol

Final Result:

Step 1:

Create a new document 400×150 pixels, white background, and take your Text Tool
to write your SiteName, in this case “Free Download” (for this logo i used a
font called Humanst521), fill the word FREE with #7C7C7C and DOWNLOAD with
#27C12E:

Step 2:

Let´s add the Download arrow, create a new layer, zoom in to the L of the “Download”
word and use the Rectangular Marquee Tool to draw a vertical rectangle to make
the L larger, and fill the rectangle with the same green (#27C12E), like this:

Step 3:

Then you have to make larger and fill the lighter green area of the L, to do
this make a new rectangle continuing the other part of the L as large as the
previous, and fill the rectangle with this green (#93E096), like this:

Step 4:

Then merge the two layers (this one of the rectangles and the text layer, also
to rasterize it).
Create a new layer, and select this green for the principal colour (#27C12E),
then take the personalized shape tool and draw the following arrow:

Step 5:

Go to Edit>Free Transform to turn the arrow down and put it under the L to close
the arrow:

Step 6:

Now merge the two layers, double click on it to go to Blending Options, put the
same values as shown on the following images:

you will get something like this:

Step 7:

Now create a new layer and take the eliptical marquee tool, draw an eliptical
selection on the top of the text, like this:

Step 8:

Now fill the selection with White and press Ctrl+G, then Ctrl+D to deselect and
low the opacity to 20%, you will get this:

Step 9:

Now create a new layer and write your slogan under the text, in my example
“Slogan Goes Here” (i used the font “Kartika” with a space between each letter):

Step 10:

Finally, let´s add the bird, create a new layer, use the personalized shape to
draw the bird with this colour (#828282):

Step 11:

Now duplicate two times that layer, and for the top layer let the opacity in
100%, for the middle layer 45% and move it to the left, then for the bottom
layer low the opacity to 20% and move it to the left to get the movement effect,
here is the final logo design:

Please tell us what you think.

Tags: ,

6 Responses to “Smooth Logo Design in Photoshop”

  1. C Says:

    Nice Tutorial ;-)

    [Reply]


  2. Balu Says:

    simple and useful.

    [Reply]


  3. Seth Says:

    step seven blew my mind :P

    [Reply]

    PSDesignZone Reply:

    Did you get stuck? I can try and explain further if you need help.

    [Reply]


  4. sladex Says:

    Cheers man. Reallly nice TUT ;)

    [Reply]


  5. simin Says:

    your explination was so good.
    thanks.

    [Reply]


Leave a Reply

XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

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