Added: 11 August, 2007
Group: Photoshop
Simple logo creation in Photoshop
Author: Note
page: 1

Creating a Logo: Step by Step Tutorial

Learn how to create a logo using Photoshop. Each of the creating phases mentioned here are well explained:
Transforming, rotating, shadow effect and more.


This tutorial here was used with Photoshop CS3 but the steps outlined here should work well with other older versions of Photoshop. Enjoy.

Step 1. The logo that is going to be created today is for something like an upload file delivery service such as the popular MegaUpload or Rapidshare among many others. Logos are usually around 300px by 100px in size but in order to work with the logo better, I like to always make the document bigger than my final result because I can always crop it later.

So create a new document.

Tutorial Creating a Logo: Step by Step Tutorial 1

Step 2. We are going to be starting with the envelope and make it appear to be 3D by using a special transform tool (which will all be explained in due time). Use the marquee tool to create a rectangular box (in the shape of an envelope).

Tutorial Creating a Logo: Step by Step Tutorial 2

Rename your layer to something like “Envelope”…

And fill that box with a gradient:

Tutorial Creating a Logo: Step by Step Tutorial 3

These colors…

Following gradient settings:

Tutorial Creating a Logo: Step by Step Tutorial 4

Tutorial Creating a Logo: Step by Step Tutorial 5

…start here…end here…

Step 3. Now let’s add the envelope lines. Follow these next steps very closely. If you haven’t done the Pen Tool Tutorial, I really suggest you do that now.

First, add a black background. Then, get on a new layer and dish out your Pen Tool. Now, just follow the screenshots. My screenshots are so good no explanations are needed ;)

Tutorial Creating a Logo: Step by Step Tutorial 6

Tutorial Creating a Logo: Step by Step Tutorial 7

With a black foreground have the following brush settings. This is important as the pen tool “stroke” function will use the current brush settings (and foreground color). 4px, hardness: 100%.

Tutorial Creating a Logo: Step by Step Tutorial 8

Tutorial Creating a Logo: Step by Step Tutorial 9

Tutorial Creating a Logo: Step by Step Tutorial 10

Tutorial Creating a Logo: Step by Step Tutorial 11

Tutorial Creating a Logo: Step by Step Tutorial 12

Tutorial Creating a Logo: Step by Step Tutorial 13

Then press “Delete”…

Tutorial Creating a Logo: Step by Step Tutorial 14

What you should have by now…

Step 4. Putting the envelope “in perspective”.

Select both layers (the black lines of the envelope and the envelope itself) by selecting one and then holding down “Shift” and then clicking the other. Then, go to Edit > Transform > Perspective. Drag the top-right or bottom-left corner towards the right-center.

Tutorial Creating a Logo: Step by Step Tutorial 15

By the way, I changed my mind – check the black background to white :)

Step 5. Adding in the “Swish” lines. Create a new layer above all the others and rename it appropriately. Refer to the pen tool if you’re not an expert using it and create lines like those below:

Tutorial Creating a Logo: Step by Step Tutorial 16

Now press “Stroke path” but make sure you have the brush settings below:

Tutorial Creating a Logo: Step by Step Tutorial 17

Now delete the path.

Tutorial Creating a Logo: Step by Step Tutorial 18

Duplicate that layer and then transform it like such:

Tutorial Creating a Logo: Step by Step Tutorial 19

Some more transforming and rotating…

Tutorial Creating a Logo: Step by Step Tutorial 20

Step 6. Adding the drop shadow and text.

Apply a drop shadow effect to the background envelope.

Tutorial Creating a Logo: Step by Step Tutorial 21

Now the text.

Tutorial Creating a Logo: Step by Step Tutorial 22

Now rasterize the layer.

Tutorial Creating a Logo: Step by Step Tutorial 23

Go to Edit > Transform > Perspective.

Rotate.

Tutorial Creating a Logo: Step by Step Tutorial 24

Drop shadow

Tutorial Creating a Logo: Step by Step Tutorial 25

Move the layer now below the envelope (both of them) layers so that the drop shadow remains behind the envelope.

Tutorial Creating a Logo: Step by Step Tutorial 26

Well…That’s the gist of my logo design…If you look at my final you will notice that it does lack balance. When making your own logos, remember to maintain the balance.

Final:

Tutorial Creating a Logo: Step by Step Tutorial 27

Final with balance add-on:

Tutorial Creating a Logo: Step by Step Tutorial 28

Finished.

GO to: Page 1 : Creating a Logo: Step by Step Tutorial


TechTut.com This tutorial is copyrighted. Partial duplication or full duplication is prohibited and illegal. Translation or usage of any kind without author�s permission is illegal.