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

Smooth Logo Design in Photoshop

Feb 25, 2009 Photoshop

This tutorial has been viewed: 11193 times

+ Add to Todo List

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