Basic Company Logo

Basic Company Logo Date added: 05 May 2007
Listed in: Logos
Submitted by: Python
Views today: 9
Total view: 5685

This tutorial will show you how to create a basic logo for your web site or company.


1. Create a new document in Photoshop 350px by 350px. Use the fill tool and set the background colour to #1a1923.

Basic Company Logo tutorial



2. Using the Eliptical marquee tool draw a circle on your page, slightly to the left. Create a new layer by going to Layer >> New Layer and call it "circle". Then using the fill tool fill the circle in with white.

Basic Company Logo tutorial



3. Now select the Eliptical marquee tool again and at the top of Photoshop set the Style to fixed. Then set the width and height to 300px.

Basic Company Logo tutorial



4. Now click on your page and make the selection as follows.

Basic Company Logo tutorial




5. Then hold down Alt on your keyboard and then click and drag the selected circle to make the following moon like shape. When you release the mouse button it should deselect most of your original circle and leave you with a moon shape.

Basic Company Logo tutorial




6. Now using the rectangular marquee tool hold down alt and deselect everything but the white circle. You should end up with the following selection.

Basic Company Logo tutorial




7. Create a new layer and call it "cover". Now fill it in with white using the fill tool. Right click on your "circle" layer and go to blending options. Then select stroke and give it the following.

Basic Company Logo tutorial






8. Then select gradient overlay on the left and use the following settings. The gradients left colour is #9799ee and the right colour is #492774.

Basic Company Logo tutorial






9. Click OK. You should now have the following.

Basic Company Logo tutorial





10. Right click on your "cover" layer and then select stroke. Give it the following settings.

Basic Company Logo tutorial





11. Select gradient overlay from the left and use the following settings. The gradient goes from #ffff00 to #ffa000.

Basic Company Logo tutorial




12. Click OK. Your image should now look something like this.

Basic Company Logo tutorial




13. Now select the text tool and click on the right of your logo. From the Character window (Window >> Character) pick a font of your choice. Im using "Berlin Sans FB" with white text. Then just type in the name of your web site/company.

Basic Company Logo tutorial






14. Again using the text tool click just beneath your web site/company name and type in a slogan. I recommend doing this in capital letters.

Basic Company Logo tutorial





15. Right click on your first text layer (web site/company name) and go to blending options. Then select gradient overlay and use the following settings. The gradient goes from black to white.

Basic Company Logo tutorial






16. Click OK. You should then end up with something similar to the following. And thats it - finished.

Basic Company Logo tutorial

 Tutorial Comments

You must be logged in to post a comment. Login or register now.


There are currently no comments for this tutorial.