Learn how to design a professional logo in adobe photoshop from scratch.

Written By Ed
9/18/2006

Product:


Disclaimer:
This logo was created for education purposes ONLY. There will be no resell or any type of reuse of the logo without WebDevTutorial's consent. But that does not mean you may not learn the skills we are teaching you today from this tutorial to create your own logo to sell or use.

Tutorial:
In this short tutorial, I will be teaching you how to design your own professional logo. Lets start by creating a new canvas in photoshop by going to File > New and with dimensions 500px width and 500px height and also with a transparent background:



After creating the new canvas, you should now have a clear transparent canvas to work on. Now lets fill the background with white using the fill tool (). Click and hold on the marquee selection tool and choose the Elliptical Marquee tool.



With the tool selected, drag and drop a small ellipse shape. Create a new layer by clicking on the New Layer button in your layers panel and choose the fill tool () and fill in the ellipse with Black. After doing this, you should now have a black ellipse in the middle of your canvas. Do not deselect the circle, click again on the marquee selection tool and move your selection so that only a part of the ellipse is in your selection. With the ellipse layer still active, press the delete button on your keyboard. Afer this, your canvas should look like this:



Press Ctrl + D on your keyboard or go to Select > Deselect to delselect the marquee. Now lets duplicate the marquee layer by right clicking on the Ellipse layer and select duplicate. A menu should pop up and name the new layer Ellipse Top. Your layer structure should look something similar to:



With the Ellipse top layer selected, go to Edit > Transform > Flip Vertical at the top menu. This should flip the top ellipse vertically. Now we want to flip it horizontally, so go to Edit > Transform > Flip Horizontal. Use the move tool () and move the top ellipse to the right and bottom alittle so that the two ellipse does not overlap. After this step, your canvas should look something like this:



Now use the text tool () and write WT or any other acronym you like. Set the text to be 200 pt size and italic font. I used the font Myriad Pro in my example, you may use whichever font that suits you. Position the text in the middle of the two ellipse so it looks somewhat like:



Hold Ctrl on your keyboard and using your mouse click on the WT text layer. This action should make photoshop select the WT text. After selecting the text, go to Select > Modify > Expand and expand the selection by 5 px. Click on the Ellipse top layer and press delete on your keyboard. Do the same for the ellipse bottom layer. You should have something like this:



With that, you have completed a great looking logo. I chose to do the whole tutorial in black because with black, you can color in the logo later to use it for different applications. I colored mine in with grey and red and also added in some text to spice it up. My finished product looks like this:



Conclusion:
With the completion of this tutorial, you should have learned a couple of basic techniques on manipulating marquee selections to create shapes for logos and other web graphics. Play around with your logo and you can probably make a very nice one!