Subscribe Via RSS

3588 Subscribers

Subscribe Via RSS
Subscribe Via Twitter

Followers

Subscribe Via Twitter
NFS Pro Street, Stencil Tutorial

February 17th, 2008 in Photoshop Tutorials by Richard Carpenter

NFS Pro Street, Stencil Tutorial

1 Star2 Stars3 Stars4 Stars5 Stars30 Votes, Rating: 4.77
Loading ... Loading ...
About The Author

About The Author: Richard Carpenter

Hi im Richard Carpenter im a freelance web and graphics designer from England. I am also a regular Blogger, Tutorial Writer, and Contributor for HV-Designs. You can follow me on twitter HERE. You may also view my portfolio HERE.

 

Richard Carpenter has written 364 posts.


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.

Be Part Of The Community!

Become part of the hv-designs community.

Subscribe Via RSS or Follow Us On Twitter.

Subscribe Via RSS Follow Us On Twitter

43 Responses to “NFS Pro Street, Stencil Tutorial”

  1. Photoshop tutorials says:

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

  2. Badreligi says:

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

  3. Marcos says:

    so easy, great tutorial

  4. Katalog Stron says:

    Good tutorial. Easy and final result is good.

  5. Tom says:

    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 says:

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

  7. Bob Jr says:

    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 says:

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

  9. ADMIN says:

    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 says:

    hai please link for font fenks ;-)

  11. ADMIN says:

    search google for “mactype” font :p

  12. abdeslam says:

    Very Good :)

  13. hydraw says:

    where did you get the font?

  14. ADMIN says:

    search google for “mactype” font

    as above

  15. Titanas says:

    Any word on fixing the images?

  16. ADMIN says:

    ah? what images?

  17. Titanas says:

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

  18. ADMIN says:

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

  19. Titanas says:

    Ahh so it was, thanks.

  20. atraks says:

    maybe is present video tutorial ? :\

  21. Nidarius says:

    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 says:

    I THINK THIS IS THE BEST

  23. Katoneo says:

    I really don’t get 5 point where you have to copy your selection. On which layer are you doing this selection?? When i copy and paste it I’m getting next PRO type.

  24. UFC betting says:

    Interesting blog, nice design, i have bookmarked it for the future referrence

  25. OctaHeliX says:

    Beautiful Tutorial, Nice one!

    Thanks

  26. Jack Ortega says:

    I dont get step number 5,i do copy and paste to a new layer but,when i do the color overlay it just changes the color of the pro word.

  27. argh says:

    Jack Ortega Says:

    I dont get step number 5,i do copy and paste to a new layer but,when i do the color overlay it just changes the color of the pro word.

    same happens to me :(

Leave a Reply