TutorialFriend.com

September 9, 2006

Simple Black and Yellow logo/header/banner.

Filed under: PhotoShop, Logos and Headers @ 4:20 am

Here I will tell you how to make a simple yet effective logo in PhotoShop, just like this one:

Step 9

NOTE: Basic PhotoShop skills required.

First off, make a document. Make it big (500*500) so it is easy to work with.

Select the Rounded Rectangle tool. Set the radius to around 30px; make it around this size:
Step 1

Now we will set a gradient background on the rectangle (Right click on Layer > Blending Options > Gradient Overlay). Have the settings like this:

Step 2

Now set a 3px stroke with a nice yellow, I will use #ffe71c .

Yours should now look somthing like this:

Step 4

Now we are going to do the main text. Select a nice font like Verdana, and use a medium-high font size, i will use 36, use white for color. and place the text just above the middle.

Now we are going to add a simple drop shadow to the text. (Right Click Layer > Blending Options > Drop Shadow) Use similar settings to mine.

Step 5

So far, mine is looking like this

Step 6

Now on to adding the sub-text, or slogan, whatever you want to call it. Use a nice font or the same font you used for the main text. and do it a bit smaller, choose the color you used for the stroke/border (the yellow) and do the text a bit below the main font.

Mine now looks like this:

Step 7

You’ve pretty much finished the main part now, but you can always make some modifications.

Here I changed the text colors around

Step 8

Here I added a simple text effect that you can learn how to do here (coming soon).

Step 9

Theres heaps of stuff you can do with this so start changing it around and get something you like!

3 Comments »

  1. Nice. Ty!

    Comment by Jordan — September 9, 2006 @ 9:39 am

  2. How are you?! Please e-mail me your contacts. I have a question < a href=”http://infansport.ru/ james@infansport.ru” >…< /a >…

    Best regards….

    Trackback by Frankie — June 12, 2010 @ 4:51 am

  3. Добрый вечер! < a href=”http://sportbul.ru/download/ mason@sportbul.ru” >…< /a >…

    С уважением,…

    Trackback by Konstantin — June 19, 2010 @ 5:36 pm

RSS feed for comments on this post. TrackBack URI

Leave a comment

Powered by WordPress