3D Grunge Text Tutorial With Illustrator and Photoshop

3D Grunge Text Tutorial With Illustrator and Photoshop

In this tutorial you will learn how to create 3D Grunge Text on Illustrator and Photoshop, I’ve used CS5 for both but you can do this tutorial in CS3 and CS4


Advertisement: Take a look at this new color palette and amazing vector art library.

 

 
3D Grunge Text Tutorial With Illustrator and Photoshop
Click here to see the full size

 

Step01 – Illustrator

Required Files: Weathered TextureDol Guldur texturekilogram font

Create new document in adobe illustrator, use the font kilogram and type “Graphic Design”, and keep every word in single line, play with the font size and spaces to make it look like rectangle, or follow the following settings.

3D Grunge Text Tutorial With Illustrator and Photoshop

 

Step 02

Select the text by the Selection Tool 3D Grunge Text Tutorial With Illustrator and Photoshop and  press right click on the mouse, from the listed menu select create outline ,  keep selecting the text and choose from the menu Filters>>3D>>Extrude & Bevel and set the following settings:

 

3D Grunge Text Tutorial With Illustrator and Photoshop

 

Step 03

Select the 3D Objects and choose Object >> Expand Appearance from the menu.

3D Grunge Text Tutorial With Illustrator and Photoshop

 

Step 04

Now Ungroup the 3D objects by hit Ctrl+Shift+G many times on the keyboard to ungroup every part, double click on the Magic Wand Tool 3D Grunge Text Tutorial With Illustrator and Photoshop to open the magic wand pallet and set the value of the Tolerance “0” by the magic wand tool select the upper part, and group it Ctrl+G and move it up then select below parts and group them.

3D Grunge Text Tutorial With Illustrator and Photoshop

 

Step 05 – Photoshop

Create new document with size 1024*700.

3D Grunge Text Tutorial With Illustrator and Photoshop

 

Step 06

load the texture “Weathered Texture” and re-size it to fit the file size and make the Fill opacity 65%, and  rename the layer to BG.

3D Grunge Text Tutorial With Illustrator and Photoshop

Step 07

load the texture “Dol Guldur texture ” also re-size to fit all the file size and make the Fill opacity 40% and the blend mode: Color Burn, and rename the layer to BG02

3D Grunge Text Tutorial With Illustrator and Photoshop

 

Step 08

Drag the 3d text from Illustrator to Photoshop, and keep in mind drag the upper part by it self and the below part by it self. and place them as Vector Smart Object, now select the two layers and re-size them to any size you like to work on,

3D Grunge Text Tutorial With Illustrator and Photoshop

 

Step 09

Close this two shapes to each others an rename the lighter shape layer to Upper Part and the darker shape layer Below Part.

3D Grunge Text Tutorial With Illustrator and Photoshop

 

Step 10

Duplicate the the BG02 and clear the layer style by set the Fill Opacity 100% and the blend mode: normal, also decrease the size about 60% and move it to above of Upper part  layer then press Ctrl + left click on the Upper part layer to make the selection.

3D Grunge Text Tutorial With Illustrator and Photoshop

 

Step 11

Select the BG02 copy and click on the Layer mask 3D Grunge Text Tutorial With Illustrator and Photoshop on the layers pallet, also hide the Upper part layer.

3D Grunge Text Tutorial With Illustrator and Photoshop

 

Step 12

Repeat the previous  step on the Below part layer, but here we need to add some layer styles select the layer BG copy3 and select Layer>> Layer style>> Drop shadow.

3D Grunge Text Tutorial With Illustrator and Photoshop

3D Grunge Text Tutorial With Illustrator and Photoshop

Select the Gradient Overlay set the below settings and click on the gradient 3D Grunge Text Tutorial With Illustrator and Photoshop to open the Gradient Editor.

3D Grunge Text Tutorial With Illustrator and Photoshop

3D Grunge Text Tutorial With Illustrator and Photoshop

 

Step 13

Create new layer and fill it with black color and the opacity 60%, and select the Erase tool 3D Grunge Text Tutorial With Illustrator and Photoshop with size 700px and Opacity 30%, then start erase from the center of the black layer.

3D Grunge Text Tutorial With Illustrator and Photoshop

 

Step 14

Duplicate the Upper part layer and show it, then make the fill opacity 0% and add color overlay from layer>> layer style>> Color overlay, and set the color Black and the opacity 60%, now keep selecting the duplicated layer and hit Ctrl + T to transform the layer.

3D Grunge Text Tutorial With Illustrator and Photoshop

3D Grunge Text Tutorial With Illustrator and Photoshop

 

Step 15

Duplicate the Upper part again and follow previous step and change the opacity on the color overlay to 30%, and apply the Gaussian Blur and set the radios 2px.

3D Grunge Text Tutorial With Illustrator and Photoshop

 

Final

3D Grunge Text Tutorial With Illustrator and Photoshop

Download Source File (8.5MB)

 

3D Grunge Text Tutorial With Illustrator and Photoshop

mameara

Creative designer since 2003, Specialized in graphic and web design, also I have an experience with HTML – CSS and some jquery code

More Posts - Website - Twitter - Facebook

About mameara

Creative designer since 2003, Specialized in graphic and web design, also I have an experience with HTML – CSS and some jquery code

10 Responses

  1. So beautiful ya man

  2. srinivasarao

    effect is superb

  3. Amazing design… Celebrity Top Design is there to support.
    Best wishes!

  4. good way sir

  5. So nice idea … keep going in that

  6. WWoowww very good job
    it’s excelent i will try in my work, I hope stay the same

  7. This is an awesome tutorial. Thanks for the info!

  8. Thank you all… :)

  9. thulet

    Thanks so much :-*

  10. sithuhtet

    thanks you!

Leave a Reply