TGS Forum
Hello Guest,

You are currently viewing our boards as a guest, which gives you limited access to view most discussions and access our other features.

By joining this community for FREE, you will have access to post topics, communicate privately with other members (PM), respond to polls, upload content, & many other special features.

Registration is fast, simple & absolutely free, so please, join our community today!


 
PortalHomeFAQRegisterLog in

Share | 
 

 Creating realistic road texture using Photoshop CS4

Go down 
AuthorMessage
Malay Akechan
Administrator
Administrator
avatar

Points : 676
Posts : 244
Join date : 2011-04-04
Location : Muzaffarpur, New Delhi
OS Used : Windows 7 & XP
Mobile : Nokia 5233, Samsung Galaxy Tab
Browser : Google Chrome Plus

PostSubject: Creating realistic road texture using Photoshop CS4   Tue Jun 14, 2011 5:19 pm

Today I am teaching you how to create a realistic texture of road and apply it to your image.

There are various techniques to create the texture of road. In this tutorial, I am going to create a texture of rough road with cracked pitch.

Follow by step by step tutorial below.

First of all create a Photoshop document of default format and size but change the Background Contents to Transparent.

[You must be registered and logged in to see this image.]

Now in your tools bar choose the foreground color as dark gray (#2d2d2d) instead of completely black.

[You must be registered and logged in to see this image.]

Select the Layer 1 and press ALT + Backspace to fill the dark gray color to the whole document.

Then apply noise to the background by going to Filter>Noise>Add Noise. Check on Monochromatic and apply uniform distribution by checking on Uniform radio button, put the amount value about 2%.

[You must be registered and logged in to see this image.]

Now since we’ve applied the rough texture of road, we’ll now create the cracked spots, to do so, create a new transparent layer (Ctrl + Shift + N).

Apply the cloud render filter (Filter>Render>Cloud) keep pressing CTRL + F (re-filter) to get the satisfactory cloud (one with large dark areas than white/gray).

[You must be registered and logged in to see this image.]

Again after applying cloud render, go to Filter>Render>Difference Cloud to apply difference cloud render.

[You must be registered and logged in to see this image.]

Now configure the level value of the cloud layer (Layer 2) by pressing CTRL + L. Put the values or move the sliders as shown in the figure.

[You must be registered and logged in to see this image.]

Now hide the Layer 2 by clicking on eye icon on the layer panel.

Create a new layer , Layer 3.

And apply the road dividers using marquee tool and fill it with white colour.

[You must be registered and logged in to see this image.]

In layer panel, click on “fx” icon as shown in figure and choose on Blending Options, or directly right click on Layer 3 and choose blending options.

[You must be registered and logged in to see this image.]

In the blending options window, move the black slider (highlighted in the image below). To separate the joined black slider hold down ALT and draw the slider left or right to get the satisfactory result of the divider scratch.

[You must be registered and logged in to see this image.]

Make Layer 2 visible by clicking on the visibility icon as shown in image. (Since you’ve hide it before there won’t be icon, when you click it the eye icon will again load)

[You must be registered and logged in to see this image.]

Blend the layer to Overlay and decrease the opacitiy to 20% for Layer 2.

[You must be registered and logged in to see this image.]

Choose an eraser tool (E) and get some rough brush by right clicking on the art board and slightly delete the edges. You can decrease the opacity and flow from options bar.

[You must be registered and logged in to see this image.]

Apply some brushes to make it look more white than in the divider zone as the road gets smooth on the region where vehicle moves.

[You must be registered and logged in to see this image.]

Now you’ve the road ready. You can apply it to any picture you want.

To apply it to the image just transform, skew and distort it according to the demand of your main picture.

[You must be registered and logged in to see this image.]

Merge all the layers and bring the main picture just below the road.

[You must be registered and logged in to see this image.]

Here you’ve the road ready.

Hope you find this tutorial helpful. yes
Back to top Go down
http://www.tgsforum.in
punk4rock
Grade - 1
Grade - 1
avatar

Points : 43
Posts : 23
Join date : 2011-04-08
Age : 23
Location : Delhi

PostSubject: Re: Creating realistic road texture using Photoshop CS4   Thu Aug 11, 2011 11:45 am

Oh yeah..nice :) rock
Back to top Go down
http://gamesworldunlimited.blogspot.com
Malay Akechan
Administrator
Administrator
avatar

Points : 676
Posts : 244
Join date : 2011-04-04
Location : Muzaffarpur, New Delhi
OS Used : Windows 7 & XP
Mobile : Nokia 5233, Samsung Galaxy Tab
Browser : Google Chrome Plus

PostSubject: Re: Creating realistic road texture using Photoshop CS4   Thu Aug 11, 2011 11:50 am

thanks Punk yes
Back to top Go down
http://www.tgsforum.in
ungli
Moderator
Moderator
avatar

Points : 497
Posts : 222
Join date : 2011-04-05
Age : 27

PostSubject: Re: Creating realistic road texture using Photoshop CS4   Sat Sep 10, 2011 7:55 pm

Wao ! yippi
Back to top Go down
Sponsored content




PostSubject: Re: Creating realistic road texture using Photoshop CS4   

Back to top Go down
 
Creating realistic road texture using Photoshop CS4
Back to top 
Page 1 of 1

Permissions in this forum:You cannot reply to topics in this forum
TGS Forum :: Multimedia :: Graphics Tutorials-
Jump to:  
Create a forum | © phpBB | Free forum support | Contact | Report an abuse | Forumotion.com