website promotion banner
eturnkeys
Your Ad Here
Photoshop  Home Photoshop Drawing Techniques Nike-based Logo (Exclusive Tutorial)
rss

Nike-based Logo (Exclusive Tutorial)

Author: Reiven More by this author


To create a logo you need no more than a bit of fantasy and some basic knowledge of Adobe Photoshop. There are thousands of places to take the idea from. In this tutorial we'll use the Nike logo as a base for our logotype. So, let's start…

1. Create a new document 250x150. Set foreground color #ff6500 and background color #908f8f.

2. Choose the Pen Tool (P) and make something like this:

image 1

3. Now select the Convert Point Tool and modify your shape:

image 2

Note: by the way, you just made a Nike Logo! :)

4. Duplicate layer and rotate it to 180 degrees with the use of Free Transform Path (Ctrl+T). Then, holding down the Shift button, drag it along the diagonal upward, until two figures intersect:

image 3

5. Switch background and foreground colors (X) and fill the layer with foreground color (Alt+Backspace):

image 4

6. Merge your layers (Ctrl+E) and use the Magic Wand Tool (W) to select area inside the shapes. Contract it at about 10px (Select>Modify>Contract...).

7. Take the Polygonal Lasso Tool (L) and, holding down the Alt button, subtract the selection like shown below. Now fill it with the color of the bottom shape.

image 5

8. Take the Magic Wand Tool (W) again and select area inside the shapes. Then take the Polygonal Lasso Tool (L) and, holding down the Shift button, add the area that was colored in the previous step. Contract it at about 10px (Select>Modify>Contract...) and repeat step 6 but for the opposite shape.

image 6

9. To spice up our logo let's add some effects. Press Add a layer style and choose Drop Shadow… Use the following settings:

image 7

Then Bevel and Emboss with the following settings:

image 8

And we get the following result:

Nike-based Logo Tutorial: Final Result



About the Author:

Click to Visit Author's Website

Dustin Kein is an editor at Web Design Library. He's in charge of selecting materials for the PhotoShop and HTML sections of this site. From time to time Dustin contributes some of his tutorials to WDL in order to cover the most actual topics for WDL visitors. Besides this, he's an active forum member whose posts are always helpful, concise and timely.
read more about this author



Rate this Material: Bad 1 2 3 4 5 Excellent
print this page tell a friend subscribe to newsletter subscribe to rss

Read/Add comments to "Nike-based Logo (Exclusive Tutorial)"

comments  James July 08, 2005 says:
Nike-based Logo (Exclusive Tutorial)
The logos look very similar but they still differ. I think that the only who is to be credited is Nike logo designer. Smile Btw, who was it?
comments  GigaX_1337 July 06, 2005 says:
Nike-based Logo (Exclusive Tutorial)
Sorry but that looks VERY similar to a logo I created a long time ago for my peronal portfolio... I'm not wanting to sue you as to be honest that would be just plain silly. I suppose I feel special that a design of mine has been seen as worth a look into. I would however like you to credit me. My site and my logo can be seen at http://www.amitchelldesigns.co.uk Thank you