The most versatile section of the Photoshop tutorials, it includes guidelines on drawing and editing of different objects in Photoshop.  Home Photoshop Drawing Techniques Nike-based Logo (Exclusive Tutorial)

Nike-based Logo (Exclusive Tutorial)


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 (Exclusive Tutorial)



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.

Author's URL: Reiven
Final results of our readers
New!
Passed through all the steps? Share your result!
Your result will be premoderated.
Please make sure you choose the right image.
 
 



Captcha

*Required fileds
The most versatile section of the Photoshop tutorials, it includes guidelines on drawing and editing of different objects in Photoshop. More Drawing Techniques Tutorials: Featured Materials | Fresh Materials | TutorialKit New Photoshop Tutorials

Reader's comments
comments James July 08, 2005 says:
The logos look very similar but they still differ.

I think that the only who is to be credited is Nike logo designer. :)

Btw, who was it?

Reply
comments GigaX_1337 July 06, 2005 says:
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 Reply
Add comments to "Nike-based Logo (Exclusive Tutorial)"

Captcha