NFS Pro Street, Stencil Tutorial

Posted on February 17th, 2008.

17 Votes, Rating: 4.881 Star2 Stars3 Stars4 Stars5 Stars
Loading ... Loading ...


Learn how to create the need for speed stencil.


Create a new document your prefered size im using 530×200 pixels, start off with a black background. Select the “rounded rectangle tool” and draw out a rectangle similar to below.

Fill with the color #bcdf4f and add a 4 pixel black “stroke” (you wont actually see the stroke at this time, obviously).

Now goto “edit > transform > distort”, select the left middle anchor point and drag downwards, you should have something like this.

Select the type tool and add your text, the font i am using is called “mactype”, color the 1st word white and 2nd word black. Right click your text layer(s) and goto “rasterize” then do the same as above “edit > transform > distort”, and distort to the same angle as your rectangle.

Now “hide” your background layer and make a selection like this.

Copy & paste to a new layer. Add the 4 pixel black stroke to the new shape and also a black color overlay. Align the shape with your green one, you should have something like this.

Using your prefered cutting tool cut off the end of your black side rectangle.

Restore your background layer, then create a new layer above it (under everything eles) goto your paint brush tool, then at the top (1)open up your brush pallet, select the little (2)black arrow and select dry media. If you cant see the set of dry media brushes select load brushes (3).

Once you’ve clicked dry media brushes, select the very bottom brush with its original size. (number 4 on the image above). Now with the color #bde050 start to spray around your rectangle.

Create a new layer and add a darker shade of green. Try and mix it in with the ligher green.

Then do the same as above but using the color white.

You can adjust the colors opacity if you wish to add abit more detail, on mine my darker green is set to 53%.
Now repeat the above steps, but only this time add your layers above your text layers. When you’ve finshed you should have something similar to this.

Tags: , , , ,

22 responses so far!


Note: We now use Gravatars here on HV-DESIGNS, they are little icons that appear next to your name on this site and on many others next to your comments. You can get a Free Gravatar account for free and any other site that supports it will show your avatar also!


  • 1 Photoshop tutorials ~ Feb 17, 2008 at 7:32 pm

    Very easy to follow tutorial with an amazing result! Thanks for posting.

  • 2 Badreligi ~ Feb 18, 2008 at 11:34 am

    As always, great tutorial. Easy to follow. Thanks !

  • 3 Marcos ~ Feb 20, 2008 at 8:43 am

    so easy, great tutorial

  • 4 Katalog Stron ~ Feb 20, 2008 at 11:58 am

    Good tutorial. Easy and final result is good.

  • 5 Tom ~ Feb 21, 2008 at 6:30 pm

    Do you know whether you can do the loading pic, its a few symbols that flash into other ones if you know what I mean xD Could anyone email me if they have any help and know what I am on about Lolz xD

    Nice tut =O

  • 6 ADMIN ~ Feb 21, 2008 at 6:51 pm

    i no which one you mean, il see what i can do ;)

  • 7 Bob Jr ~ Feb 22, 2008 at 3:45 pm

    Pls….i have a problem here with step 5 (Copy & paste to a new layer. Add the 4 pixel black stroke to the new shape and also a black color overlay. Align the shape with your green one, you should have something like this.) please help me…pleaaaaase…thnx

  • 8 Bob Jr ~ Feb 22, 2008 at 3:45 pm

    I just dont get step 5??? how do i do it???

  • 9 ADMIN ~ Feb 22, 2008 at 3:52 pm

    Copy & paste the selection you made in the previous step, create a new layer and goto edit > paste.

    double click the new layer and goto color overlay / set this to black, goto stroke and add a 4 pixel black stroke.

    hope this helps

  • 10 warez ~ Mar 3, 2008 at 6:59 pm

    hai please link for font fenks ;-)

  • 11 ADMIN ~ Mar 3, 2008 at 7:02 pm

    search google for “mactype” font :p

  • 12 abdeslam ~ Mar 13, 2008 at 5:55 pm

    Very Good :)

  • 13 hydraw ~ Apr 22, 2008 at 7:31 am

    where did you get the font?

  • 14 ADMIN ~ Apr 22, 2008 at 4:08 pm

    search google for “mactype” font

    as above

  • 15 Titanas ~ Jun 14, 2008 at 2:20 am

    Any word on fixing the images?

  • 16 ADMIN ~ Jun 14, 2008 at 9:36 am

    ah? what images?

  • 17 Titanas ~ Jun 16, 2008 at 12:15 am

    Or whatever is supposed to be there, they are showing up as a box with a red X.

  • 18 ADMIN ~ Jun 16, 2008 at 7:17 am

    seems you are the only person having problems with my images, i believe the problem is your end not mine.

  • 19 Titanas ~ Jun 17, 2008 at 10:53 pm

    Ahh so it was, thanks.

  • 20 atraks ~ Jul 3, 2008 at 11:36 am

    maybe is present video tutorial ? :\

  • 21 Nidarius ~ Jul 17, 2008 at 9:56 pm

    On step 5. when im supposed to get the black overlay. the only thing that turns black is the Text. not the shape.
    What is wrong ?
    Im no photoshop expert btw

  • 22 Fibo Design ~ Jul 20, 2008 at 7:44 pm

    I THINK THIS IS THE BEST

Leave a Comment