Smooth Logo Design in Photoshop

Smooth Logo Design in Photoshop



This tutorial has been viewed: 2104 times

Loading+ Add to Todo List

 
avatar
Added By: PSDesignZone
 

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: ,

Related posts

Tags: ,

  • simin
    your explination was so good.
    thanks.
  • sladex
    Cheers man. Reallly nice TUT ;)
  • Seth
    step seven blew my mind :P
  • Did you get stuck? I can try and explain further if you need help.
  • simple and useful.
  • C
    Nice Tutorial ;-)
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