Adobe Photoshop Tutorials - HV-Designs.co.uk - Tutorials, Resources and Photoshop Freebies

February 17th, 2008 in Photoshop Tutorials by Richard Carpenter

NFS Pro Street, Stencil Tutorial

28 Votes, Rating: 4.75

Loading ...

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 owner of HV-Designs. You can follow me on twitter HERE. You may also view my portfolio HERE.

Richard Carpenter has written 322 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.

29 Responses to “NFS Pro Street, Stencil Tutorial”

Photoshop tutorials says:

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

Badreligi says:

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

Marcos says:

so easy, great tutorial

Katalog Stron says:

Good tutorial. Easy and final result is good.

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

ADMIN says:

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

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

Bob Jr says:

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

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

warez says:

hai please link for font fenks ;-)

ADMIN says:

search google for “mactype” font :p

abdeslam says:

Very Good :)

hydraw says:

where did you get the font?

ADMIN says:

search google for “mactype” font

as above

Titanas says:

Any word on fixing the images?

ADMIN says:

ah? what images?

Titanas says:

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

ADMIN says:

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

Titanas says:

Ahh so it was, thanks.

atraks says:

maybe is present video tutorial ? :\

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

Fibo Design says:

I THINK THIS IS THE BEST

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.

UFC betting says:

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

OctaHeliX says:

Beautiful Tutorial, Nice one!

Thanks

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.

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

Photoshop tutorials says:

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

As always, great tutorial. Easy to follow. Thanks !
Marcos says:

so easy, great tutorial
Katalog Stron says:

Good tutorial. Easy and final result is good.
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
ADMIN says:

i no which one you mean, il see what i can do ;)
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
Bob Jr says:

I just dont get step 5??? how do i do it???
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
warez says:

hai please link for font fenks ;-)
ADMIN says:

search google for “mactype” font :p
abdeslam says:

Very Good :)
hydraw says:

where did you get the font?
ADMIN says:

search google for “mactype” font

as above
Titanas says:

Any word on fixing the images?
ADMIN says:

ah? what images?
Titanas says:

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

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

Ahh so it was, thanks.
atraks says:

maybe is present video tutorial ? :\
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
Fibo Design says:

I THINK THIS IS THE BEST
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.
UFC betting says:

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

Beautiful Tutorial, Nice one!

Thanks
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.
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 :(

HV-Designs.co.uk

NFS Pro Street, Stencil Tutorial

About The Author: Richard Carpenter

Be Part Of The Community!

29 Responses to “NFS Pro Street, Stencil Tutorial”

Leave a Reply

Search HV-Designs

Write For HV-Designs

HV-Design Flickr Group

Recent Comments

Other Blogs Ive Written For

Six Revisions Submissions

PSD Tuts+ Submissions

Copyright

Usage

Friends Online