Wednesday, January 13, 2010

tutorial Jungle 3D text in Photoshop

Jungle 3D text in Photoshop

This is a funny Photoshop tutorial that explains how to realize a 3D jungle text effect. We will create the text in Xara3d and we will use Photoshop to texturize the letters using animals’ skin. Don’t forget to download the jungle wallpaper!

Preview of the final result:

Step 1
Lets start creating 3D letters. For this purpose I used a simple 3d tool: Xara3d. You can use your favourite 3d software, Illustrator or Photoshop (CS4). But if you haven’t a 3d software or if you’re too lazy…then you can download here 3d letters.

Step 2
Create a new document in Photoshop and use the gradient tool to add a radial gradient from a light green (#cef2b4) to a darker one (#2ba631). Paste in the 3d letters.

Step 3
Lets focus on the J. I want to apply to it this zebra skin texture. At first we have to change the letter’s color. So apply a gradient map (Image>Adjustments>Gradient Map) going from a dark grey (#0f0f0f) to a lighter one (#858585).

Step 4
Paste in the texture. Resize it (Press ctrl+T to activate the transform tool) and place above the letter. If you reduce the opacity everything will be simpler.

Step 5
Duplicate the texture layer 4 times. We need one copy for each letter face.

Step 6
Hide all the textures layers for the moment. Grab the pen tool, zoom in and make a selection of the frontal text face.

Step 7
Press ctrl+enter to activate the selection tool. Make visible one of the texture layer and select it. Now click on the “add layer mask” button (at the bottom of the layers window). Change the layer blending mode to overlay.

Step 8
Make visible another texture layer. With the selection tool, make a selection as shown in the following screenshot:

Step 9
With the copy of the zebra texture selected, go to Select>Inverse and press delete. Then press ctrl+D to deselect.

Step 10
Go to Edit>Transform>Distort and reduce the height of the shape.

Step 11
Hide for the moment the zebra texture. Grab the pen tool and make a selection of the upper face of the letter.

Step 12
Make visible and select the texture. Add a layer mask and set the layer to overlay.

Step 13
Use the same technique to cover all the letter sides.

Step 14
Select all the layers that we have used to create the J (all the visible layers except the background) and press alt+ctrl+E to merge the selected layers into a new layer. From now on we need only the last created layer, so select again all the J layers, group them (ctrl+G) and hide the group.
What is the aim of this step? I needed to merge all the J layers in order to apply the smudge tool, but I preferred to create a new layer for this purpose. In this way I can preserve the other layers in case I had to modify the letter details later.

Step 15
Select the smudge tool. Choose a 1px brush, normal for mode and 70% strenght. Now zoom in and start painting the letter’s hair. For this step my wacom tablet is really useful.

Step 16
Use different brush sizes to obtain a better result. The zebra/J is now complete. Really funny, don’t you think?

Step 17
Use the same process to create the other letters. All the textures I have used are free and come from stock.xchng. In order from the left I have used the skin of a zebra, a leopard, a monkey, a giraffe, an elephant and a tiger.

Bookmark and Share