Create 3-D text with some extreme lighting

Today we are going to take an object/text, change it from 2-D to 3-D and give it some realistic effects. We are going to be using Illustrator to create the object, then bring it into Photoshop to add highlights and shadows.

Step 1

So lets open up Illustrator and create a 5”x5” document. Create some text or a logo. Now you want to make sure you pick a color other than black or white or grays, so that we can pick up some of the shadows on the object.

Step 2

Alright, now we want to turn our object 3-D, so go to Effect>3-D>Extrude & Bevel. My settings are shown below, but depending on what you are using for an object it may be different. What we are trying to achieve here is an interesting angle. Play around with the settings until you get something you like. Make sure you change around the lighting to get the most amount of contrast to make it easier later on.

Step 3

That’s all we are going to do in Illustrator, so now copy your image (apple+c) and paste it into a 1680x1050px Photoshop document. Stretch it out to fill the space. Since it is a vector image we can stretch it out when it is first pasted into Photoshop and it will not get distorted. After you press the check box it gets converted to a raster image and will distort, so make sure you get a size you like. You can always make it smaller, just not bigger.

Step 4

Now we are going to setup a background. So first change the layer name to 3-D text and the hiding it by clicking on the eye on the left side of the layers.

Step 5

Lets grab this wooden texture here and bring it into our document. Resize it so it fits the size of the document.

Step 6

We are going to give the wood some darker color, so we are going to go in and grab a dark brown color. Now go to the elliptical marquee tool, set your feather to 100px and make a circle about the size, vertically of the document.

Step 7

Now press apple + shift + I to select the inverse and fill the space with the brown with option + delete. Change the layer’s blend mode to overlay.

Step 8

Make a circle, like with the brown, but this time we are going to pick an yellow/orange color and make a circle in the bottom right corner. Fill the circle with the yellow and change the blend mode to overlay.

Step 9

Take that yellow layer and stretch it out so it fills the area without the brown we filled earlier. Hold down option + shift to keep the yellow in the bottom right.

Step 10

So at this point our image is starting to have a light source from the bottom right. Lets make it brighter in that corner to really make it look like the thats the source of the light. Lets make a new layer above our yellow one and create a radial gradient from the bottom right corner. Change the blending mode to overlay. Now we need to copy the layer a couple times to make it brighter. So do apple+j twice.

Step 11

Now it’s time to bring in our logo. Make sure you have your 3-D text clicked, then use your magic wand to click on the face of the type. Make sure the tolerance of the magic wand is at 12. Now press apple + j. This will give you a new layer with the face of the type on it.

Step 12

Repeat step 11 except, use the magic want to select the sides of the text.

Step 13

Now we are going to add some highlights and shadows to the face of the text. Lets create a new layer, apple + click on the text face layer to load it. Click on your gradient and select a yellow color, similar to the one we used on the bottom right corner. Click and drag your gradient from the bottom right corner of the text to the top left corner of the text. Change the blend mode to overlay.

Step 14

With the type face still highlighted, create a new layer and make a smaller gradient using white. Change the blend mode to overlay.

Step 15

Grab a dark brownish-red color and drag a small gradient from the opposite corner and change the blend mode to multiply.

Step 16

Now click on the side text layer and press apple + m to pull up the curves window. Set it to something like below, the sides are going to be dark because there isn’t really any light hitting them.

Step 17

Now we need to figure out what the path of the light is so we can make some shadows. We do this by creating two lines both starting at the bottom right corner, out light source, and touching the corner of the widest spot, ours being the bottom corner on the D and the top corner on the d, like so.

Step 18

Now that we know roughly were the shadow is going to start, we can start buidling it. Take your polygonal tool and cut out a shape like below, and fill it black. Make sure the shape doesn’t go to the right of the text. Now drag that layer so it is below the text.

Step 19

Now we are going to modify the shape we just made, so first off I want to create a layer mask. I do this by clicking on the square with a circle inside of it, on the layers pallette.

Step 20

Go in and start painting around with the black brush until you get something more natural looking, like below.

Step 21

We can get rid of the two lines we made, because we arent’ going to need them any more. We need to give the text some texture, because right now it doesn’t look very real. Over at Lost and Taken the have just added these film textures that will work perfect for us, grab one of these and bring it into your document. Size the texture so it has somewhat of a similar angle to your text. Do an apple + click to load your text face, apple + i to get the inverse of the text face, and delete.

Step 22

Finally I’m going to add a bevel to the text face layer to give it more of an edge like below.

Thats it. Keep playing around with it, there are always more details you can do to it. This is what I got.

Final

Download the .psd file here

Visit and bookmark PsPrint Online Printing and learn to see how we print brochures that make lasting impression.

Pass 642-845 to get a name in your profession. Test-king offers you incredible 642-825 online training to make your perfect in your 650-177 exam preparation so you will pass your certification exam on first try guaranteed.

Passguide – http://www.passguide.com/VCP5-DCV.html
Certkiller – http://certkiller.com/
Examsheets – http://www.examsheets.com/exam/70-411.htm
Selftestengine – http://www.selftestengine.com/642-637.html
Realtests – http://www.realtests.com/exam/70-462.htm




You might also like these articles...



Only comments in English will be approved!

225 Comments

  1. 26/01/2009

    If anyone has their own version that they have done, send the link in the comments

  2. 27/01/2009

    wowww nice effect!

  3. 28/01/2009

    Very nice! Simple and elegant!

  4. 28/01/2009
  5. 28/01/2009

    Hey there! Great tutorial! I really do like these tutorials where in just a few steps you get a great result. Will have to give it a go later :D

    Keep em’ comin’!

  6. 28/01/2009

    Wow, it’s amazing. Can you upload *.psd file? :)

  7. Sean
    28/01/2009

    is there a problem finding the effect>3-d>extrude and bevel on CS4, ive spent awhile looking for those commands and can’t find anything

  8. 28/01/2009

    I am not using CS4, but the Effect>3D>Extrude & Bevel should still be in the drop down menus at the very top of Illustrator. Effect should be the 4th to last drop down menu. Hope that helps.

  9. 28/01/2009

    A .psd file is now available for download

  10. Sean
    29/01/2009

    They’re is nothing for effects I can check my older photoshop CS, but new in CS4 is a 3-D drop down menu, effect is not there though, maybe I am just blind…

  11. 29/01/2009

    There is a video here where a guy creates a 3D box in Illustrator CS4. The same effect can be applied with text. Hopefully that helps

  12. 03/02/2009

    Thank you a good lesson

  13. [...] Denis Designs " Create 3-D text with some extreme lighting – [...]

  14. [...] Den Link zum Tutorial gibt es hier. [...]

  15. RST
    25/02/2009

    GREAT turorial!! Absolutely love it! One problem though, I can’t find the film from step 21 anywhere. Would you help me with that?

  16. 26/02/2009

    Oh, sorry I forgot to put on the link, it is http://www.lostandtaken.com/2009/01/11-old-grungy-film-textures.html

  17. RST
    26/02/2009

    Thank you :D This made the text much better!

  18. 06/03/2009

    Hey, this is a really cool tutorial. One thing, though — I can’t read the font on your site. I actually had to edit your CSS file so that I could read the tutorial.

    But, again, great tut!

  19. 11/03/2009

    very good!
    but hereafter write tutorials for PC’s also! ;)

  20. McH
    11/03/2009

    Hi, awesome tutorial, looks great!
    How can I make the selection on step 6 and 7 and then invert it? I use CS3-Win.

  21. 11/03/2009

    @McH Use the circle marquee from your toolbar and change the feather to 100px. Then for a PC do control + shift + I.

    @lawrence77 for the most part control replaces the apple key for PCs

  22. McH
    12/03/2009

    Hi, I cant get it. If I use the tool circle “L” it does not make a selection but fill it with a color and I can inve3rt it to fill the4 rest instead of the circle. what I am doing wrong? Can you please specify the steps 6 and 7? Is there an another circle tool that doenst appear in my tool bar?

  23. 12/03/2009

    @McH your circle tool might be under your rectangular marquee tool at the very top left of your toolbar. If you click and hold down that button, other options will come up. One of those options is your elliptical marquee tool, that’s the one you are going to want to use.

    Select the area with that and then control + shift + i to get the inverse

    Hopefully that helps

  24. hobo
    12/03/2009

    Yeah man i aint getting it. What were u on when u wrote this? Really wat were you thinking? Well better lck next time

    ps. this tut sux

  25. Johnny BOY
    12/03/2009

    I totally agree with the hobo

  26. McH
    12/03/2009

    Ah, only the first 3D step is made in Illustrator and the rest on Photoshop, right?! That could be why I am missing the described tool.

  27. 12/03/2009

    @McH yeah sorry, I should have been more specific about that.

    @hobo and @Johnny Boy Sorry if you don’t like the tutorial, but if there is something you don’t understand you can just ask.

  28. [...] 21.Create 3-D text with some extreme lighting [...]

  29. Gene
    21/03/2009

    http://i263.photobucket.com/albums/ii143/Genetastic/desk.jpg

    Made a desktop background with this. Thanks a lot.

  30. Johno
    24/03/2009

    I appreciate your effort, but Steps 6 thru 8 do my head in! Am I using a brush? Am I filling (edit>fill)? “Option”? Is that ALT on a PC?
    Sorry mate, but everything was self-explanatory up til then.

    cheers, Johno

  31. [...] Open up Illustrator and type out a word of your choice, in my case I used the word “FIRE” in ITC Franklin Gothic Heavy. Make sure that each letter is in a different text box. Now using Effect>3D>Extrude & Bevel set up your letters in an interesting way, keeping in mind that they are going to be on fire. It doesn’t have to be exactly the same, but something like what I have below. If you are having trouble with the 3D text, you can look at the tutorial on creating 3D text. [...]

  32. 24/03/2009

    @Johno: You are using the fill option in steps 6 thru 8. When you make circle with the marquee tool, the circle gets feathered at 100px (shown at the very top of step 7).

  33. tay su
    28/03/2009

    Love the look of this one. Haven’t tried it yet, but will. Thank you.
    TS

  34. Bruno
    31/03/2009

    Amazing! Thanks!!

  35. 31/03/2009

    Great tutorial! Love the simplicity of it. Looking forward to your next one!

    Impressed!

  36. I love it! It’s simple, nothing too fancy, but really striking! Excellent effect, thanks for sharing this! Your work is really good, keep it up!

  37. [...] Create 3-D text with some extreme lighting [...]

  38. Luke
    04/04/2009

    I really like this effect, thanks for the tutorial. I can’t get mine to look right for some reason.

  39. 05/04/2009

    Great Photoshop Tutorial, i really learn something.

  40. [...] 2] Design design [Tutorial] [...]

  41. RUGRLN
    22/04/2009

    This is my new favorite site!! :D
    Wicked tutorial btw!!

  42. Johnny BOY
    01/05/2009

    I luv this website (wink wink) this tut was never good im sorry

  43. Johnny BOY
    01/05/2009

    Tyler is my new best friend

  44. Sergio
    05/05/2009

    I can get it to inverse the selection with the circle but I can’t do the option+delete thing so the brown gets darker. What can I possibly be doing wrong?

  45. 06/05/2009

    The option delete is simply filling the area with the brown, so just make sure you fill the area and change the blend mode to overlay.

  46. Sergio
    07/05/2009

    Oh got it that makes sense, but Im still wondering how to bring the wood image to the background. I tried with the place option but I don’t know if theres a better way to do it?

  47. 08/05/2009

    I usually just open up the document in Photoshop and click and drag the image into the document.

  48. Andrew
    09/05/2009

    Great tutorial, i have a question. when using the magic wand tool and having to press apple+j it wont all me to do that. cant figure out why.

  49. [...] 3D Text With Extreme Lighting [...]

  50. help
    12/05/2009

    love this tutorial. but, when i change my blend mode to overlay, the page just grabs the background layer and turns completely white. what am i doing wrong?
    thanks

  51. 12/05/2009

    depending on which step you are on, you should be making the overlay on the layer you are working on. So if you are on step 7 and you are filling the area with the brown, you should make a new layer first and fill with the brown. Take that brown layer and change the blend mode of that to overlay.

  52. Sergio
    20/05/2009

    Can you build a little more on step 20 please? I got the layer mask but don’t really know where’s the brush and settings that I have to use next.

  53. kennethv
    28/05/2009

    i try’d this tutorial and i came out this: http://i39.tinypic.com/vg7ls9.jpg

    what you think?

  54. 30/05/2009

    That looks great! Nice work

  55. Murugan
    02/06/2009

    Hi, I am using Photoshop ver 7.0. But I couldn’t find effect>3D. Can u please help me, how to create with PS 7.0?

  56. 03/06/2009

    Added this to my bookmarks

  57. 03/06/2009

    To get the 3D effect you need to have Illustrator, CS at least I believe.

  58. I am what I am
    11/06/2009

    Hi Tyler, I am trying to build a website and I came across your tutorial and I loved it. I tried doing it but I cud bcos I cudn’t get the step 6 to 8 so a thot crossed my mind. Can u be kind enuff to do exactly this for me, I’lld give u the name of my outfit and you could send me the JPG or TIFF file when u’re thru, due credit wud be given to you on the homepage. Plz reply. Thanx

  59. 16/06/2009

    I can give you a price quote for how much it will cost me to do. Or if you have a specific question, I can help you with that.

  60. I am what I am
    17/06/2009

    ok…I am having a very tough time from steps 6. wen I select the ellipse tool and draw the circle, I can’t inverse…what do I do??? or is there any other alternative or asides from using the shortcut keys, is there no particular place I can click to know it actually works??? Thanx.

  61. [...] Create 3D Text with Some Extreme Lighting [...]

  62. [...] Create 3D Text with Some Extreme Lighting [...]

  63. [...] 22. Create 3-D text with some extreme lighting [...]

  64. [...] Create 3D Text with Some Extreme Lighting [...]

  65. [...] Create 3D Text with Some Extreme Lighting [...]

  66. [...] Haz clic aquí para ver el tutorial» [...]

  67. [...] Create 3D Text with Some Extreme Lighting [...]

  68. Create 3-D text with some extreme lighting…

    Today we are going to take an object/text, change it from 2-D to 3-D and give it some realistic effects. We are going to be using Illustrator to create the object, then bring it into Photoshop to add highlights and shadows….

  69. 18/07/2009

    Thanks lot…
    i came up with this..
    http://i27.tinypic.com/ej5zt.jpg

  70. 18/07/2009

    @niroperera nice!

  71. 22/07/2009

    @I am what I am:
    If you go into Select, inverse should be right there.

  72. [...] “Create 3-D text with some extreme lighting” Category: Design Related Posts [...]

  73. 30/07/2009

    The link to wooden texture at step 5 should now be http://www.unsigneddesign.com/wood5_edited.jpg

  74. 31/07/2009

    Hoang: Nice outcome! Also, thanks for the updated link

  75. Ewerson
    12/08/2009

    Tyler, you have a very nice site.
    I learn many things here.

    Thank a lot.

  76. [...] 3-D text With Some Extreme Lighting [...]

  77. Nadeem
    20/08/2009
  78. [...] Create 3D Text with Extreme Lighting [...]

  79. Chris P
    01/09/2009

    Great tut, great website. Sometimes just the little details are left out.. but, I got there. I guess it is better to learn the hard way. Here is my attempt. http://www.flickr.com/photos/42029728@N04/3878277657/

  80. [...] (layering effects and adding grunge) so if you dont own both of these programs then skip this tut. [denisdesigns via [...]

  81. [...] Ver Contenido‘ [...]

  82. 14/09/2009

    Thanks for the tuto!!! GreaT!!

  83. U_DUB
    15/09/2009

    What font what used in this? thanks.

  84. lamer
    15/09/2009

    Really half-assed tutorial. I don’t understand why people cannot write a tutorial properly they just slur through it like a lazy bum. If it wasn’t for the PSD file I wouldn’t have come close to learning anything half the stuff you said was wrong from what you did in the PSD file.

    Take your time next time when writing a tutorial.

  85. 15/09/2009

    Lamer:
    Thanks for the input. I really enjoyed reading the tutorials on your website!

  86. 15/09/2009

    U_DUB
    It is a variation of Frankin Gothic Demi Condensed

  87. [...] Create 3D Text with Some Extreme Lighting [...]

  88. [...] Create 3D Text with Some Extreme Lighting [...]

  89. [...] 10. 3D Text With Some Extreme Lighting [...]

  90. [...] Create 3-D text with some extreme lighting [...]

  91. [...] Create 3-D text with some extreme lighting [...]

  92. 24/09/2009

    wow wicked tutorial Ttyler, can’t wait to have a look at some of the others.

    Really generous of you to put this up for everyone and ON TOP OF THAT answer their questions!

    Your the man.

  93. mansy
    29/09/2009

    my work is here thx aloooooooooot :D

    http://img10.imageshack.us/i/shbabgedydgedan.jpg/

  94. 04/10/2009

    Very nice! Simple and elegant!

  95. 14/10/2009

    If you’re interested in some grungy textures head over to LoveTextures all photos in Hi-resolution (300dpi) to be used for print or on screen.

    http://www.lovetextures.com/index.php/category/grunge/

  96. casper
    29/10/2009

    can you please answer my question I’m using photoshop cs4(portable)..I’m not able to find the Effect>3-D>Extrude & Bevel. thanks a lot hope you will answer my question.

  97. 29/10/2009

    The 3D effect is in Adobe Illustrator

  98. Drew
    29/10/2009

    Tyler, I thought the tutorial was great! Very helpful. One thing, however, you were missing quite a few steps in the tutorial where I personally wasn’t sure what to do, and there were no steps. I would encourage you to expound and give details on each point, like when to make a new layer and what to click and whatever. Thanks again!

  99. 30/10/2009

    3d very nice, thank you so much

  100. 30/10/2009

    Drew:

    Thanks I’ll keep that in mind for my future tutorials.

    If you have any specific questions about the tutorial let me know. Thanks!

  101. Rais
    08/11/2009

    fantastic tutorial, really helped me.
    thank you!

  102. 11/11/2009

    Thanks for the tutorial. But you lost me at step 20. The lasso (shadow) is already filled in black. When I use the black paint brush… still black, of course. Can you explain what you mean by painting black after creating the mask?

  103. 11/11/2009

    While you are using the mask, paint the area with the black brush. Using the black brush will mask out the areas so we get a smoother edge.

    Black masks out the area, white fills it back in.

  104. [...] Create 3-D Text with Extreme Lighting In this tutorial you are going to take an object/text and change it from 2-D to 3-D and then give it some realistic effects. You will be using Illustrator to create the object, then bring it into Photoshop to add highlights and shadows. [...]

  105. 08/12/2009

    Thanks for the tutorial. But you lost me at step 20. The lasso (shadow) is already filled in black. When I use the black paint brush… still black, of course.

  106. 08/12/2009

    Very nice! Simple and elegant!

  107. 09/12/2009

    mimar:
    On step 19 you should have made added a layer mask. If you did, when you paint with black it should be masking out the areas you paint.

  108. lempong
    14/12/2009

    great tut, but i had a same problem with sean, best regards :
    “is there a problem finding the effect>3-d>extrude and bevel on CS4, ive spent awhile looking for those commands and can’t find anything”

  109. 14/12/2009

    the effect should be one of the drop down menus in adobe illustrator

  110. GP
    16/12/2009

    Thanks for the tutorial Tyler, I am currently trying to finishes the last couple steps and I have a bit of a problem.
    I’m using Adobe Photoshop CS4 on PC and I have my text on a PG format, so it’s not a 3-D text from Illustrator.

    I’m trying to invert the texture I selected on to the Text, but nothing happens. I tried (Ctr+Click Text & then Ctr+Shift+I) and nothing.

    What am I doing wrong or is it not inverting because the text isn’t on 3-D?

  111. 17/12/2009

    If you have a text that has a white background (or a different color) it will not work because it will just select the text and the background. You would have to cut out the 3D text. Doing a Control and Click should select everything on that layer (not the transparent area). As long as your 3D text has a transparent background it should work. When you do Control + Shift + I (the inverse selection) it should select the transparent area (not the 3D text).

  112. Stinger
    18/12/2009

    Thankyou very much.I found this one very useful.

  113. [...] 3-D Typography With Some Extreme Lighting – Photoshop Tutorial [...]

  114. 07/01/2010

    Thanks My Friend

  115. [...] Create 3D text with some extreme lighting [...]

  116. sobarider
    08/01/2010

    veeery very good tutorial!!
    here is the mine: http://img697.imageshack.us/img697/4526/3dtextwithsomeextremeli.jpg

    THAANKS :D

  117. Henry
    12/01/2010

    what is font what you use in this tutorial ? tnx.

  118. 13/01/2010

    It is a variation of ITC Franklin Gothic Demi Condensed

  119. [...] Create 3D Text with Some Extreme Lighting [...]

  120. [...] 22.Create 3-D Text With Some Extreme Lighting [...]

  121. [...] 22.Create 3-D Text With Some Extreme Lighting [...]

  122. 22/01/2010

    [...] Crea un texto en 3D [...]

  123. [...] Create 3-D text with some extreme lighting Today we are going to take an object/text, change it from 2-D to 3-D and give it some realistic effects. We are going to be using Illustrator to create the object, then bring it into Photoshop to add highlights and shadows. [...]

  124. [...] Create 3-D text with some extreme lighting Today we are going to take an object/text, change it from 2-D to 3-D and give it some realistic effects. We are going to be using Illustrator to create the object, then bring it into Photoshop to add highlights and shadows. [...]

  125. 07/02/2010

    hi, everyone, i have one question, i dont have the option 3D in my photoshop.. must activate? or is one bad configuration.. pls.. help me! =)

  126. Maya
    08/02/2010

    Hello All,
    I’m new to photoshop but this logo is so great I decided to try and follow the tut to make it.
    Sadly.. I don’t know to do many things on this tut, can someone please give a hand to help me through?
    Thanks in advance

  127. Maya
    08/02/2010

    @Pedro – downloand the CS$ illustrator, this is where the 3D effect was made :)

  128. 08/02/2010

    in fact I have it, the problem is that when trying to open the illustrator does open, once it enters automatically closes, and not have idea because I could help with this, thanks

  129. [...] 36.) [Illustrator] Menschen aus Buchstaben / Zeichen erstellen Tutorial: 37.) [Illustrator] 3D beleuchteter Text Effekt Tutorial: 38.) [Illustrator] 3D Frühlings / Sommer Text Effekt Tutorial: 39.) [Illustrator] Geprägter [...]

  130. 11/02/2010

    hmm veryy nicee….

  131. [...] Crear 3-D de texto con algunas extremas de iluminación [...]

  132. [...] 3-D Tipografik yazı İleri düzey ışıklandırma– Photoshop Tutorial [...]

  133. Jack
    07/03/2010

    Very nice BUT what bothers me the most, you can not see the depth of the letters…

  134. 14/03/2010

    thanks heaps thats dope

  135. kamatchou
    15/03/2010

    thank you for this wasome tut ,and website ;)

  136. BrandonBeeler
    15/03/2010

    My question is on steps 13 and 14 what kind of a gradient should be used and should my gradient go from yellow to transparent?

  137. 17/03/2010

    BrandonBeller: It is a linear gradient from yellow to transparent

  138. [...] Create a 3D text with some extreme lighting [...]

  139. 23/03/2010

    so great tutorial, thanks so:)

  140. Great man, that is so sick, thanx for sharing!!!!!

  141. [...] 3D Text with Some Extreme Lighting [...]

  142. [...] 3-D text with some extreme lighting [...]

  143. [...] 3-D text with some extreme lighting [...]

  144. [...] 3-D text with some extreme lighting [...]

  145. [...] 3-D text with some extreme lighting [...]

  146. [...] 3-D book with whatever extremity lighting [...]

  147. [...] 3-D text with some extreme lighting [...]

  148. [...] The first of my baby steps. I think I messed up a little with the lighting/shadowing. Of course with a little help from here. [...]

  149. NobiteR
    09/04/2010

    It’s so cool ! which program did U use ?

    it doesn’t look like Photoshop.

  150. [...] 3-D text with some extreme lighting [...]

  151. [...] 7. 3-D text with some extreme lighting [...]

  152. [...] 3-D text with some extreme lighting [...]

  153. 16/04/2010

    hehe gottcha.. thnx for the tutorial… i made mine too.. ^_^
    thumbs up..

  154. [...] 3-D text with some extreme lighting [...]

  155. random
    20/04/2010

    http://farm3.static.flickr.com/2763/4519879326_c994fbe55e.jpg

    That’s what one of my friends made, He’s really good at this stuff :D

  156. [...] 7. 3-D text with some extreme lighting [...]

  157. glenn
    02/05/2010

    what does the apple mean??? please help

  158. 03/05/2010

    Glenn:
    It is the apple/command button, or if you are using a PC it would be the control button.

  159. [...] Create 3D Text with Some Extreme Lighting [...]

  160. [...] 3-D text with some extreme lighting [...]

  161. 08/05/2010

    how to make it…?
    yeah good job…

  162. [...] 3-D text with some extreme lighting [...]

  163. [...] 11)3-D text with some extreme lighting [...]

  164. [...] 12. Create 3-D text with some extreme lighting [...]

  165. karina prado
    25/05/2010

    great job! Thank you

  166. Will
    25/05/2010

    I cannot get steps 5 – 7 to work. When I import the wood picutre, do I need to put it on a seperate layer?
    On step 6 when it says “grab the dark brown brush” I didn’t follow what I’m meant to do there, I cannot create the dark brown roung the outside. I could select the inverse fine, but then when I went on to overlay, it gave the text the wood texture. I hate being bad a PS.

  167. 02/06/2010

    Will:

    When you bring in the wood texture it should go into its own layer.

    Then get a dark brown color (I meant to say color not brush).

    When you fill the circle with brown, that should be on a new layer, and it should all be under the text layer.

    Just remember try to use new layers when you can. Hopefully that helps!

  168. 03/06/2010

    wow

    I always looking for this effects , now I will be able to do new projects with this tutorial.

  169. [...] 3-D text with some extreme lighting [...]

  170. [...] Create 3D Text with Some Extreme Lighting [...]

  171. [...] 3-D text with some extreme lighting [...]

  172. [...] 3-D Typography With Some Extreme Lighting – Photoshop Tutorial [...]

  173. 26/06/2010

    Nice great tutorials. Thank you for share…

  174. [...] 3-D text with some extreme lighting [...]

  175. 27/06/2010

    very good!
    but hereafter write tutorials for PC’s also! ;)

  176. Arch
    30/06/2010

    what’s wrong with this post? I can’t see any picture.

  177. 30/06/2010

    The images should be back up now

  178. Arch
    01/07/2010

    the .psd file stll missing. But thanks anyway, I’ll follow the tuts with no problem.

  179. Zoli
    10/07/2010

    i not found the efect-3d-extrude&bevel
    help me pls where is it?

  180. [...] 3-D text with some extreme lighting [...]

  181. [...] 3-D text with some extreme lighting [...]

  182. Jenny
    12/07/2010
  183. 14/07/2010

    the part for the layer mask and using a brush was a bit confusing.It completely threw me off.

  184. 17/07/2010

    i will try it, thanks

  185. [...] 3-D text with some extreme lighting [...]

  186. milon
    20/07/2010

    I am pleased to see your creation. Thank u so much

  187. jimmy
    20/07/2010

    i think i know why people are having so much problems with steps 6-8…guess your assuming people are creating a new layer…and their not…because i did your tut and i didnt even read your instructions i just saw the results and ended up doing the same thing…but once i read comments and read your instructions i see you didnt mention a few things to make things easier for the beginners or non pros…just a suggestion

  188. 28/07/2010

    Yeah, I try to walk the fine line between over explaining steps for more experienced designers and under explaining them for the less experienced ones, and sometimes I assume certain things are common knowledge when they aren’t.

  189. 30/07/2010

    AMAZING tutorial!!
    Here are my results:
    http://www.flickr.com/photos/hipwelljo/4412312238/
    Thank you!

  190. HELP
    06/08/2010

    I am stuck on the step where you add highlights to the LOGO part… I add the gradient… then I hit overplay, and the entire logo turns the same colour, it’s not overlaying properly.

  191. Rinku
    09/08/2010

    Thanks.nice tutorial. really helpful

  192. [...] Create 3-D text with some extreme lighting [...]

  193. [...] Create 3D Text with Some Extreme Lighting [...]

  194. [...] Entrar al Tutorial: CLICK AQUI!!  [...]

  195. 24/08/2010

    proffesional work great thanks :)

  196. TwoShoesKeelan
    27/08/2010

    On the first step, in illustrator, i can only make text bevel if ive typed it straight in using text tool. But I have a logo I made in photoshop and have deleted the surrounding white so its just the black writing (not type layer), yet when i bring it in to illustrator and bevel and emboss it, it does the box around instead of only the text… any help on this one?

    Thanks, looks great though, cant wait to get over this hump and get going :D

  197. 27/08/2010

    You are going to have to re create the logo in Illustrator so you can edit the vector image. If that doesn’t work you can try creating the 3D part of this tutorial: http://designinstruct.com/graphic-design/text-effects/create-a-dark-grunge-3d-text-scene-in-photoshop/ that I created and just skip over the part in Illustrator.

  198. 01/09/2010

    Thank u so much so great tutorial for 3D text thanks.

  199. [...] Entrar al Tutorial: CLICK AQUI!! [...]

  200. 03/09/2010

    thanks very nice 3D design

  201. [...] FOLLOW TUTORIAL HERE [...]

  202. [...] Create 3-D Text with Extreme Lighting In this tutorial you are going to take an object/text and change it from 2-D to 3-D and then give it some realistic effects. You will be using Illustrator to create the object, then bring it into Photoshop to add highlights and shadows. [...]

  203. Very interesting effects, thanks for article!

  204. [...] 37. Create 3-D text with some extreme lighting [...]

  205. 10/10/2010

    Tyler is my new best friend

  206. [...] 24. 3D text with extreme lighting [...]

  207. James Roach Allen
    15/10/2010

    so, can i have a copy of the psd pls?? i got a hard time in coping up with your tutorial..(because of lack of the “color used” the interface and so others)
    i tried to create one but i wast satisfied so much..

    pls send me on or post it here.. tnx

    by the way.. very nyc design!!!