Skip to main content

Search

Navigation

Sponsor: The CSS Anthology

Blog Entry

Photoshop: Simple Logo

Published on the 26th of July 2007

By Daniel Malmqvist

Today we are going to learn how to create a stylish and simple logo.

Step One:

Start by creating a new image document. The dimensions can be whatever you like; I will be using 244x72 pixels.

Step Two:

Select the "Type Tool" and write the name of your website. Use any font and any colour you like. For the font, I will be using a black (#000000) "Orator Std". Edit the first letter to be the same colour as your background; in my case, this colour is white (#FFFFFF).

Step Three:

Now grab the "Custom Shape Tool." Place a shape of your choice where normally your first letter would be. Make this shape any colour you like. I will be using Lowter's infamous "L" arrow, slightly modified to fit my logo.

You should now have something like this:

Step 3 sample progress

Step Four:

Once again, grab the "Type Tool." Write your website's slogan using a smaller font-size than on your website's name. Place this slogan at the end of your website's name so that the last characters of both text are aligned. Then change the colour of the first word in your slogan to the same colour as your custom shape.

You should now have something like this:

Step 4 sample progress

Step Five:

Now your logo looks quite decent doesn't it? However something is missing... something small. Let's do something about that! Grab your "Pencil Tool" and draw a 1px line from the top of your slogan to the custom shape. Repeat this step, but instead from the bottom of your slogan. Last, in the middle of your two new lines, add a 2px line.

Here is my final result:

Final logo

There we go! I hope you have learnt a new way to create a simple stylish logo.

Sponsor: Songbird Media Player

Applications

Categories

Use Opera

Opera 9. Innovation delivered. Download Now (external link)

Archives

Author Profile

Daniel Malmqvist

Daniel is a resident designer on the Lowter staff and lives in Sweden.

All Articles by Daniel

Additional Navigation

Copyright © 2004-2008 Lowter

Sponsor Links