Wednesday, 2 October 2013

Posted by nafees On 23:01

3D Road Map CreationIn this tutorial I will show you how to create a 3D map in Photoshop using different 2D and 3D models like cars, trees, road, clouds and so on. You can get creative and make your own 3D island in Photoshop. I have used for this tutorial grass and water texture but you can choose another type of textures. And you can also personalize the shape of the map using a text for example. Using a 3D action make the entire process more easier


In this tutorial we'll learn how to create a 3D map in Photoshop using one of my 3D action, some textures for the grass & water and a few stock images. All we have to do is to make the 2D surface and play the Photoshop action. After the action is completed we'll make some retouches and add trees, clouds and any other 3D models that you like; you can add 3D buildings, cars, airplanes...it's up to you

First we have to create a 2D map surface so select the Lasso Tool to make a selection and fill it with gray. Or select the Pen Tool to create a vector shape that you like. Or as a third option you can use a real map vector shape silhouette. Call this Map Layer..



Texture the map shape using this tillable grass texture; copy the texture in a new PSD file and go to Edit>Define Pattern. Open the layer style window of the Map Layer and add a Bevel and Emboss and a Pattern Overlay using the grass pattern that you defined.



The map should now look like this:


Create a new layer above this one; select the shape of the map(press CTRL+click on the Map Layerthumbnail). Set the foreground color to white and the background color to black. Go toFilter>Render> and apply the Clouds filter to the selection. Change the blend mode of this layer toOverlay 65% opacity level.


In a new layer called Water Surface make one or two selections to look like lakes; use this water texture to add texture. Re size the texture to obtain a realistic result.


Open the layer style window of the Water Surface and add a Inner Shadow and a Bevel and Emboss.



You can add any other plain surface element to this map like a road for example. You can design this surface as you like. Select all the layers(make sure NOT to have a background layer) and merge the layers. Call this new layer Shape 1.



Open the layer style window of the Water Surface and add a Inner Shadow and a Bevel and Emboss.





You can add any other plain surface element to this map like a road for example. You can design this surface as you like. Select all the layers(make sure NOT to have a background layer) and merge the layers. Call this new layer Shape 1.



Now I will use one of my 3D Photoshop actions to create a 3D map. So download this free 3D action, load it in Photoshop and play it for the Shape 1 layer.



You have to result layers. Clear the layer styles of both layers(select, right click and choose Clear Layer Style. Call the first layer Grass Surface and the second one Ground Surface. For the Ground Surface layer you can use a ground texture like mud, rock, earth, etc. I will use this Dirt Ground Texture; re size it and add an Inner Shadow effect to give it a 3D look.



Duplicate the Ground Surface and make a selection out of the surface(press CTRL+click on the Ground Surface copy layer thumbnail). Move the selection up , invert the selection and press delete. That way you obtained two layered surfaces. Add a Brightness/Contrast adjustment layer to the Ground Surface copy layer with these settings:



Add also an Drop Shadow effect to both ground surface layers like shown in the image. We will make further adjustments once we add the other elements so that they all blend in.



Time to add a background for the 3D map. Create a new layer called Gradient Layer. Add a linear Gradient Overlay using the colors #559abf and white.



Add a new layer called Water Surface and add this hi res water texture that also has the right perspective. Re size it to fit and change the blend mode to Overlay 50% opacity level.



Time to blend the 3D map with the water surface and the rest of the image. For that add a Inner Shadow to the Grass Surface layer.



Modify the Drop Shadow effect of the Ground Surface layer with the following settings:

Use a soft round brush to paint in a new layer some water waves and foam around the edge of the Ground Surface layer.


In a new layer add some copies of this cutout tree with different sizes like shown in the image.


Each tree or group of trees has to cast shadow, so use a soft brush with black color to quickly paint the shadow in a new layer. Change the blend mode to Overlay and play with the opacity level.

Now I will use some nice clouds brushes to add clouds above the 3D map; you also have to add a shadow for the clouds.


To make all the pieces link together I have added a Photo Filter adjustment layer adding a nice yellow color tone.
You can add other elements that you want like a car, buildings, ship, airplane, road but be really careful to add images with the right perspective.
Another idea is to use 3D transport and building icons like these 3D buildings and GPS map icons that are already in PNG transparent format. The set contains also some cool flag and pin map icons and road signs that you can also add to your map.

You can search for other cool icons on the internet or even 3D models; here is the final result, I really hope you like my 3D map.
http://www.photoshoplady.com/tutorial/3d-road-map-creation/7084




0 comments:

Post a Comment