• Home
  • About
  • Advertise
  • Contact Us
Blue Orange Green Pink Purple

Nike-based Logo

Posted in Drawing. on Wednesday, July 15th, 2009 by Tutorial Park Tags: logo, Nike, photoshop, tutorial
Jul 15

Nike-based LogoTo 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…

Create a new document 250×150. Set foreground color #ff6500 and background color #908f8f.

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

image 1

Now select the Convert Point Tool and modify your shape:

image 2

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

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

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

image 4

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…).

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

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

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

6 Comments

  1. Nike-based Logo « photoshop tutorials on July 27th, 2009

    [...] a new document [...] View The Original Post HERE Filed under: photoshop, tutorials No Comments Comments (0) Trackbacks (0) ( subscribe to [...]

  2. some one on November 12th, 2009

    realy nice logo tutorial !! thank you

  3. Free Vector Logo on June 30th, 2011

    This is a amazing! I will add your site to useful link list of my blog, is that OK?

  4. oakley frogskins on July 22nd, 2011

    In this tutorial we’ll use the Nike logo as a base for our logotype.

  5. Ugg Coupon Code on September 17th, 2011

    It’s really a nice and helpful piece of information. I’m glad that you shared this helpful info with us. Please keep us informed like this. Thanks for sharing.

  6. Mayfaire UGG Boots on September 28th, 2011

    Really its a good news. I am very interested for this post. This side will be help all of us. Thanks.



Leave a Reply

Spam Protection by WP-SpamFree

Tutorial Park

  • templated business
    templated business
  • Search


  • Categories
    • Animation
    • Drawing
    • Freebies
    • Photo Effects
    • Text Effects
    • Tutorial Reviews
    • Uncategorized
  • Recent Tutorials
    • Create Lady Birds Insect Tutorial Using Adobe Illustrator
    • Useful Tips and Tools for Freelancers
    • Learn How To Create A Photoshop Style Pen Tool Icon
    • Drawing Unique Christmas Decorations
    • Photo Manipulate a Surreal Apple Habitat Scene
    • Free Photoshop Patterns from 2011
  • Featured Partners

      Web Design Library

      Flash Templates

      Build a Website

      Web Designer

      CenturyLink Internet and Phone Bundles

      Online Printing Services

      Cpanel Site Builder
  • Tutorial Park Tags

      angel animals Animation ball batman business car Casino Royale cat catroon design digg earth frog glass half life 2 Harry Potter hearts icon icon set James Bond jewelry logo lollypop mafia monster navigation bar photo photoshop photoshop tutorial photoshpo plastic poster quake sunflower template transformers tutorial typography vector video vintage wall-e wallpaper watercolor

      WP Cumulus Flash tag cloud by Roy Tanck requires Flash Player 9 or better.





  • Home
  • About
  • Advertise
  • Contact Us

© 2004-2012 Copyright Tutorial Park. All rights reserved.
Designed by FTL Wordpress Themes. Website promoted by SEO Software.

Back to Top