Create a Dream Design with 3D Typography

Hello, my name is Alex Beltechi, a designer that is currently studying in college and working in the print media realm. I would love to explain my vast experience and overwhelming knowledge to you, but due to the fact that I have no such qualities, I’ll stick to sharing what skills I’ve been developing lately, through tutorials. Among keyboard shortcuts and mouse clicks, I enthusiastically tap piano keys and dream of adjusting a lens’ focus. And in case you’d like to find me on the web, you can read my tutorials on PSDTUTS or see more of my work on my Behance portfolio.

Introduction


In this tutorial, we’re going to create a 3D Typography based design. All the elements will revolve around the centerpiece and theme: dreaming. The word will dictate the entire layout and control the space by allowing everything else to emerge from within. The trees will grow out of the letters; the mountains will show themselves behind the word and overshadow the glowing moon.

Dreaming often takes you to different places and unites bits and pieces of your memory. It basically takes you to a whole new world, but that is usually made up of real elements. We’ll illustrate this by making everything float in mid air, as if suspended in time, yet maintain realism by using common elements of nature.

Naturally, people dream at night, so the overall lighting will be dark and predominated by a cold color palette: cyan and lime green.

Also, the typography should have a classic, storytelling look; one that would complete the eerie atmosphere.

Feel free to download the PSD at the bottom of the post that contains the final image. Now that we’ve planned everything, let’s begin.

Create the 3D text

The first thing to do is get this free font called Storybook. It’s a font that fits our context well, and that will look well with 3D decorations due to its elegant serifs and bold stature. Type up the first letter of your word and give it this color: 4C3F38.

3d typography

Now add a 3D effect by going to Effect > 3D > Extrude & Bevel. Play around with the settings yourself to get the angle, lighting and form you want. You can recreate my treatment by using the same settings. Don’t forget to use a ‘Complex 2’ Bevel.

3d typography

Once you finish the first letter, repeat the process on the remaining letters. The only modifications you should make are to alter the position. Then copy (Ctrl+C) each individual letter and paste (Ctrl+V) them in Photoshop one at a time. Once you try pasting them, you’ll be prompted to choose a method of importing. Choose the ‘Smart Object’ Option. By doing this you can make simple adjustments at all times to the Illustrator file right inside Photoshop by double clicking the layer icon.

Position the letters onto an empty Photoshop canvas. I’m working at a rather large resolution of approximately 6300 x 4500 px at 300 ppi.
Also, fill the background layer with this color: 17151d.

3d typography

At this point we’ll begin stylizing the letters. Get the Magic Wand Tool (W) and make a selection of the letter’s foreground. Right click, select Make Work Path and specify a tolerance level of 1,5.

3d typography

Now that it’s a work path, we’ll fill it with a color by going to Layer > New Fill Layer > Solid Color. Fill it with white. The path should now be a vector shape. Double click on its layer and give it a bevel. Use the settings shown in the image below and choose the highlight color (94aa53) and shadow color (6c6f64).

3d typography

It’s now time to create a pattern that will cover the front of each letter. I’m using a Go Media vector freebie: Seamless Swirls. Go on and download it if you haven’t already, and open the provided Illustrator file. Change its color to this: 94aa52 and copy (Ctrl+C). Open a new Photoshop project with the clipboard size (235 x 235 px) and fill the background color with another color: ebe77f. To make it into o a pattern go to Edit > Define Pattern. Your new pattern will be saved in the pattern set that is currently opened.

3d typography

Now that you’ve created the pattern, you need to add the pattern to the face of the letter. Double click on the white shape’s layer and add a Layer Style: Pattern Overlay. Your newly created pattern should already be selected.

3d typography

One last touch is a Gradient Map Adjustment Layer that we’ll place on top of the letter’s body. While having the layer selected, go to Layer > New Adjustment Layer > Gradient Map. Then play around with the colors until you get a similar result. My colors, from left to right are: d8c67f, 94aa53, 262628, and 141416. Make sure that the Adjustment Layer Applies only to the letter. To do this, make it a clipping mask for the letter layer by holding Alt and clicking right in between the two layers.

3d typography

Now copy the layer style of the letter face and duplicate the Gradient Map. Apply these effects to the remaining letters.

images

subscribe to the gomediazine rss feed

Draw the scenery

The text is now finished. Let’s add the trees and foliage.
This technique I’m about to show you is what I have developed for myself. It reduces complex imagery to simple shape. A simple splatter, when grouped in a pattern begins to take a certain role, thus resembling an element of nature. You may find it useful or dull, but it’s what we’ll use for this design.

All you need is a standard Photoshop round brush and a mouse. Choose one using your Brush Tool (B) and input the settings found in the images below.

3d typography
3d typography
3d typography

Now that your brush settings are all ready, begin painting a tree. It’s important to know that you shouldn’t create the whole tree with the same brush settings. There is one adjustment you need to make along the way. If you look under Shape Dynamics in your Brushes Window, you’ll see a setting we’re using: Fade. This fades out your brush depending on how much you put in the adjacent field. A Fade set at 100 will end faster than one set at 250. You can use whatever settings you find appropriate. I used 100 for the trunk, 150 for extensions of the trunk, and 250 for thick branches. As you increase the fade, reduce the brush size at the same time.

3d typography

Continue using this technique in creating the rest of the trees and draw some roots too. Reduce the size considerably for the thin branches and add even more fading when necessary.

3d typography
3d typography
It’s time for foliage. Prepare a separate brush using these settings.

3d typography
3d typography

Now begin painting. Begin with a larger size using this green: 94aa53. In a layer underneath, with a smaller sized brush, paint with a darker green: 55612f. Again over the light green layer, use the same color (94aa53) with an even smaller size. For highlights, use the same size as the last one, but with this yellow: e3e07d. Here is an image you can use as a reference in creating your own trees.

I drew my inspiration from acacia trees, while coming up with the shape of the trunk and volume of the foliage.

3d typography

Following the branches as a reference, draw away!

3d typography

Add more nature elements now. I added a mountain and a moon. They will give depth to the image, and prevent the composition from being scarce. Use the pen tool (P) and create them as vector shapes.

3d typography

Make the mountain fade out on the bottom. An easy way to do it would be to create a new layer on top, clip it to the mountain layer and paint with a large soft brush with the background color. I also added a glow on the moon. To add one yourself, add a layer style: Outer Glow. Keep the standard color, increase its size and reduce the opacity to 25%.

Some more improvements include adding dark accents to the lower part of the tree trunks and shadows that stretch across the face of the letters. You can create those in the same way – clip a new layer to the one you want darkened and paint with a soft brush using a dark color. This applies to the mountain, trees and roots. Use a sharp brush to draw the tree shadow though.

3d typography

Finalize the design

In order to complete the artistic feel of this design, add this texture to your canvas. Simply paste it on a new layer, over all the other ones. Set the layer’s blending mode to Linear Burn and its opacity to 30%.

3d typography

Now invert the texture (Ctrl+I) and change its hue by going to Image > Adjustments > Hue and Saturation. Change the hue to 153 and saturation to -73.

3d typography

One last touch – add the watercolor texture inside the mountain and moon, once more, with clipping masks. Put their layers on Overlay (Mountain) and Multiply (Moon). Adjust the opacity.

3d typography

And that concludes it. Now go on and create your own, one of a kind, dream design.

3d typography

subscribe to the gomediazine rss feed


Go Media is a creative agency based in Cleveland, Ohio. Besides the GoMediaZine, we also work for clients and sell stock artwork and design files on the Arsenal.

Illustrator, Photoshop, tutorial, typography

This post was written by:

Adam Wagner - who has written 79 posts on GoMediaZine.

I'm a marketer, designer, armchair singer/songwriter, wannabe theoretical physicist/philosopher and recent college grad trying to pack as much living as possible into each day. Working at Go Media makes this pretty easy. Catch me on Twitter!!

Contact the author

If you enjoyed this post, show your support.
We appreciate it!
Bookmark It! Stumble It! Float It!

253 Comments For This Post

  1. Max | Design Shard Says:

    awesome tutorial alex, i like how you created the foliage for the trees, excellent final result too.

  2. Mds Says:

    That is pretty sweet! The only thing that would make it better for me is rich brown bark on the trees.

  3. Bill Biwer Says:

    Nice tutorial, I love the type treatment.

  4. Htoo Tay Zar Says:

    Amazing tut!! bookmarked!!

  5. Naldz Graphics Says:

    very cool tutorial.i love how it done.keep it up!!!

    Ronald

  6. ChequeredManiac Says:

    Savage tutorial. The tip for the trees is excellent. I like how you turned something so basic into the finished product without much work. The 3d text with the pattern is nice.

  7. Phize (Phize) Says:

    睇緊: “Create a Dream Design with 3D Typography | GoMediaZine” http://tinyurl.com/3uzvd6 3D機能。CS2にはしょぼいのしかついてなかった気がする。

  8. brian Says:

    gorgeous

  9. Geoff May Says:

    Cool tutorial

  10. Lance Says:

    Sexy!

  11. betterthanhuman Says:

    Really nice. I’ve got to get into photoshop more.

  12. Rob Says:

    Hey great tutorial, you’ve got a good understanding of PS. Did you get paid for writing this tutorial? If so, I’ve got to get into making some.

  13. jeff_finley (Jeff Finley) Says:

    Our first tutorial since we publcly opened up the GoMediaZine to contributors: Deam Design with 3D Type: http://tinyurl.com/3uzvd6

  14. Joe Says:

    Nice one. I really like the method used to create the trees.

  15. Eric Thayne Says:

    You might want to mention that you’re starting this in Illustrator. I was a little lost there for a second.

    Nice tut though!

  16. Alex Beltechi Says:

    Hello everyone, thanks for the support! The method can be adapted with ease to your own style (such as adding bark).

    @Eric: Thanks for pointing that out. I’m not sure how I missed that… Apologies.

    Alex

  17. mokhethi Says:

    awesome tutorial…I work in the architecture and built environment,I love the trees they are ubber cool.

  18. Web Design Fanboy Says:

    Wow, amazing tut. Not seeing the end result until the end increased the impact

  19. Marcos Cortes (Dominican Republic) Says:

    you have a problem with this tutorial ^^How to Create a Vector Harley Davidson Pin-up Tee^^, i got it in my email but in your page it says:404:/page not found!sorry,but the page you were looking for is not here.

    and by the way great post!!!

  20. Andy Says:

    considering the number of steps in the tutorial that is by far one of the most impressive end products ive seen!!! genius man.

  21. climb_trees Says:

    Thank you for sharing and providing the PSD. :) Keep ‘em coming.

  22. jon Says:

    NIce tut, but what happened to the Harley tut? I had it open to look at but now it’s gone.

  23. TheFrosty Says:

    sweet

  24. Tim Says:

    awesome tutorial.

  25. Tom Baker Says:

    Beautiful! Really open to a whole host of adaptions too.

    Thankyou!

  26. Matt Says:

    What version of photoshop/illustrator is this? I cant find the 3d bit anywhere.

  27. SlaRe Says:

    One day I will work with you …

  28. Alex Beltechi Says:

    @Matt:

    I created the effect using Illustrator CS3. While having the type selected, go to Effect > 3D > Extrude and Bevel. I’m not sure which previous versions have or don’t have this feature, as CS3 is the first version I have ever worked with.

    Alex

  29. Chopper | ChopperDesigns Says:

    great tutorial

  30. Maicon Says:

    I lot of tecniques. Thank you.

  31. Matt Says:

    Ok, thanks alex. I hope this feature is on cs4 if I get it soon. I have cs2 now though so I cant do it :(

  32. Matt Says:

    Actually, nevermind lol. I just didnt explore illustrator. I got it lol. Thanks again, great tutorial.

  33. tasarial (TASARIAL) Says:

    http://tinyurl.com/3uzvd6 – 3d-typography

  34. Phatp Says:

    pretty kewl. thanx man

  35. Augustus Says:

    i’m a novice… and i have problems when trying to use de W and selecting the top layer of the letter… please help. thanks…(and sorry about the english).

  36. Alex Beltechi Says:

    @Augustus:

    I understand it’s difficult for you to tell me exactly what your problem is due to the language barrier. However, I’m not sure what it is that you’re having trouble with. To be able to help, I’m going to need more specific info. Either way, here are a few general tips:

    1. You need Illustrator to create the 3D text.
    2. In Photoshop, select the magic wand tool (press W) and click inside the face of the letter. That will make a selection of ‘face’ of the text. Then just continue using the provided steps as a reference.

    Alex

  37. vivek1209 (vivek1209) Says:

    Dreaming often takes you to different places and unites bits and pieces of your memory. http://tinyurl.com/3uzvd6

  38. Micheal Says:

    Are there no limits to GoMEDIA coolness???!!!!!

  39. TechnoSamrat Says:

    wow really a very good tutorial… Your explanation is very good.. Thanks for the article..

  40. marissa Says:

    what program do u need i have cs and i cant find the effects thing to change the letters to 3d

  41. stickycreative (stickycreative) Says:

    http://tinyurl.com/3uzvd6 another great tutorial from gomedia guys

  42. khaled Says:

    CoOo1

  43. khaled Says:

    i’m a noob in photoshop
    i havw qu. :$

    where i can found Effect > 3D > Extrude

    many thanx

  44. khaled Says:

    i have Adobe.Photoshop.CS3.Extended but i can’t find 3D

  45. Aaron Miller Says:

    “1. You need Illustrator to create the 3D text.”

  46. Josh Drake Says:

    Pretty cool! My favorite part is where you draw the trees and the leaves. Thanks!

  47. Laura Says:

    Amazing! Fab!

  48. Moksha Says:

    Thanks Really great

  49. evertt de sousa Says:

    very nice !

  50. goyco! Says:

    hear where I can get extruder & bevel look everywhere or comes with the photoshop I can respond on my flickr? is http://www.flickr.com / photos / goycox

    thanks in advance

  51. Johnson Koh Says:

    Impressive! Let me try this out!

  52. thehuntress Says:

    Hi, I am having trouble with coloring the part of the text that is 3D, I can’t get the shades to change with the gradients…. could anyone explain? thanx

  53. Dadadoll Says:

    wow! beyond words! genius!

  54. J Says:

    The 3D effects in your screen shot do not work with illustrator CS3. I tried your exact setting three times and got what appeared to be a giant blob on the page.

  55. khaled Says:

    Illustrator CS3 for the Web or what?
    thanx 4 helping

  56. Matt Says:

    Hi there,
    I can’t seem to get the gradient mapping to the actual 3d text working properly, when i apply it using alt+click it makes the text lose its 3D and it just looks like one big gradient blob, i was wondering if you knew if there was a difference between CS3 and CS4 as im currently using CS4 for both Photoshop and Illustrator.
    Any help is much appreciated.
    Matt

  57. Matt Says:

    I fixed the problem, i did it in photoshop CS3 instead and i was presented with that Grayscale Gradient map dialog, in CS4 you press ok and it just goes to the main window with no option to edit the gradient, if anyone knows how to do this in CS4 it’d be nice to learn :)

  58. Alex Beltechi Says:

    @ Matt,

    Sorry, i don’t have cs4, but I’m glad you were able to get over that problem.

    Alex

  59. Zim Says:

    Nice tutorial

  60. billg3000 (Bill G 3000) Says:

    @Hemi Create a Dream Design with 3D Typography | GoMediaZine: n this tutorial we re going to creat.. http://tinyurl.com/3uzvd6

  61. Barney Rugama Says:

    just a question…if i want to use a stripe pattern how can i make the stripe to follow the direction of the shape?

  62. top_dedist (top_dedist) Says:

    d: Create a Dream Design with 3D Typography | GoMediaZine http://tinyurl.com/3uzvd6

  63. top_web (top_web) Says:

    delicious: Create a Dream Design with 3D Typography | GoMediaZine http://tinyurl.com/3uzvd6

  64. wallpapers Says:

    dreamy! nicely presented tut – thanks

  65. bobnanas Says:

    horrible. 1998 called.

  66. bobnanas Says:

    Nik Ainley http://www.shinybinary.com
    this is the way to do it

  67. Nguyen Vu Says:

    One word: Perfect :)

  68. Regina Dunn Says:

    This tutorial is amazing. I’ve been using photoshop for a few years now, and I have to admit that never would have thought of some of these techniques. Thanks so much for this tutorial!

  69. wyldstallyons (Wyld Stallyons) Says:

    One more before I go to bed. Skillz: http://tinyurl.com/3uzvd6

  70. Brian Gonzales Says:

    That was just plain fun – thank you. I sort of had trouble with the branches using a Wacom tablet, but the I can tell just by playing with the brush settings we can get some great tree like shapes. With the wacom – it seems to understand pressure and fade and it sort of conflicts the results.

  71. Jose Says:

    excelente tuto!! y muy buen trabajo. gracias

  72. Dai Hoang Says:

    a good tutorial,thanks.
    could you make all in Illustrator ?

  73. Steven Says:

    I really appreciated this tutorial, however, are you using a 3-D plugin? I have Photoshop CS3 and I apparently don’t have the 3-D effect. Thank you for your time and excellent tutorials.

  74. Steven Says:

    Nevermind about my initial comment, I realized that the program is Illustrator – thankfully I have that! ;) Ur tutorial worked like a charm! Thanks so much!

  75. slag Says:

    Many many thanks for this tutorial! I’m just now getting deep into Photoshop and Illustrator, and this one project helped me learn so much. I really appreciate it!

  76. aLemforum Says:

    i wish i can do this effect ;)

  77. Venkat Says:

    hm. “mind blowing extrardinary”. am not say like this type of words .
    It is good

  78. Writersbloc Says:

    Really having trouble with the type in the very beginning. Lots of weird clipping/graphical holes in my letters that also show up when I copy to Photoshop. Might be very useful to know what the pt. size your starting with as that seems to significantly alter the 3-D bevel.

  79. sona Says:

    this is good

  80. Satsura Says:

    When I copy the letter into photoshop they are back to normal ..
    So no more 3D effects attached to it .. Could you help me out? ^^
    Great tutorial mate!

  81. Jonny Says:

    Hi there, I’m having difficulty using the wand tool to select only the ‘face’ of the letter in Photoshop. It always selects the whole of the letter – what am I doing wrong?

  82. Lasitha Silva Says:

    WOw…great work here…congratulations on the talent you've got. Keep it growing buddy..

  83. Lasitha Silva Says:

    WOw…great work here…congratulations on the talent you've got. Keep it growing buddy..

  84. Lasitha Silva Says:

    WOw…great work here…congratulations on the talent you've got. Keep it growing buddy..

  85. Tony Says:

    I am also having problems copying the 3D text from illustrator over to PS. When I do, I lose the 3D elements and only a flat 2D letter appears in PS.

  86. Tony Says:

    I am also having problems copying the 3D text from illustrator over to PS. When I do, I lose the 3D elements and only a flat 2D letter appears in PS.

  87. Tony Says:

    I am also having problems copying the 3D text from illustrator over to PS. When I do, I lose the 3D elements and only a flat 2D letter appears in PS.

  88. badmf Says:

    Hi, really enjoyed this one… See you've tweeked it and recycled it in February issue of Digital Arts?

  89. badmf Says:

    Hi, really enjoyed this one… See you've tweeked it and recycled it in February issue of Digital Arts?

  90. badmf Says:

    Hi, really enjoyed this one… See you've tweeked it and recycled it in February issue of Digital Arts?

  91. Maluni Says:

    Great tut!! I just wonder, how come you don´t use fading masking to get the branches to merge into the letters smother?

  92. Maluni Says:

    Great tut!! I just wonder, how come you don´t use fading masking to get the branches to merge into the letters smother?

  93. Maluni Says:

    Great tut!! I just wonder, how come you don´t use fading masking to get the branches to merge into the letters smother?

  94. Chris Says:

    I am having the same issue and I'm not so novice. When I use the wand tool and place it inside the face it doesn't recognize the face alone but instead surrounds the whole entire object. Any ideas?

  95. Chris Says:

    I am having the same issue and I'm not so novice. When I use the wand tool and place it inside the face it doesn't recognize the face alone but instead surrounds the whole entire object. Any ideas?

  96. Chris Says:

    I am having the same issue and I'm not so novice. When I use the wand tool and place it inside the face it doesn't recognize the face alone but instead surrounds the whole entire object. Any ideas?

  97. Ateljé Digital Says:

    Very good Photoshop Tutorial.
    I will try it right away on one of my webb designs!!

    Keep up the good work!

  98. Ateljé Digital Says:

    Very good Photoshop Tutorial.
    I will try it right away on one of my webb designs!!

    Keep up the good work!

  99. Ateljé Digital Says:

    Very good Photoshop Tutorial.
    I will try it right away on one of my webb designs!!

    Keep up the good work!

  100. jose Says:

    ROCKING

  101. jose Says:

    ROCKING

  102. jose Says:

    ROCKING

  103. imagineallart Says:

    Aweswome design and great tutorial. Thanks a lot!

  104. imagineallart Says:

    Aweswome design and great tutorial. Thanks a lot!

  105. imagineallart Says:

    Aweswome design and great tutorial. Thanks a lot!

  106. photo retouching Says:

    Really great tutorial. I will be back for more of the same!

  107. photo retouching Says:

    Really great tutorial. I will be back for more of the same!

  108. photo retouching Says:

    Really great tutorial. I will be back for more of the same!

  109. MJ Says:

    I just figured out why just the face wasn't being selected when I was using the magic wand tool. The problem is that the color is too dark and photoshop isn't recognizing that there are different faces to it. As soon as I lightened the image, it worked.
    Hope this helped!!

    PS- LOVE this tutorial. Its a fun and easy way to create 3d text without buying another expensive program. THANKS!!

  110. MJ Says:

    I just figured out why just the face wasn't being selected when I was using the magic wand tool. The problem is that the color is too dark and photoshop isn't recognizing that there are different faces to it. As soon as I lightened the image, it worked.
    Hope this helped!!

    PS- LOVE this tutorial. Its a fun and easy way to create 3d text without buying another expensive program. THANKS!!

  111. MJ Says:

    I just figured out why just the face wasn't being selected when I was using the magic wand tool. The problem is that the color is too dark and photoshop isn't recognizing that there are different faces to it. As soon as I lightened the image, it worked.
    Hope this helped!!

    PS- LOVE this tutorial. Its a fun and easy way to create 3d text without buying another expensive program. THANKS!!

  112. Matt Says:

    I just LOVE your tutorial, best Photoshop tutorial I've ever done ! Im always using my tablet, but I had no idea Tree Trunks and Fast leaves could be done so fast and so easy! Ive learned so much from this tutorial. Thank you so much :D

  113. Matt Says:

    I just LOVE your tutorial, best Photoshop tutorial I've ever done ! Im always using my tablet, but I had no idea Tree Trunks and Fast leaves could be done so fast and so easy! Ive learned so much from this tutorial. Thank you so much :D

  114. Matt Says:

    I just LOVE your tutorial, best Photoshop tutorial I've ever done ! Im always using my tablet, but I had no idea Tree Trunks and Fast leaves could be done so fast and so easy! Ive learned so much from this tutorial. Thank you so much :D

  115. duh!!!! Says:

    IT IS NOT PHOTOSHOP IT IS ILLUSTRATOR!!!!!!!!!! GOSH!!!!

  116. duh!!!! Says:

    IT IS NOT PHOTOSHOP IT IS ILLUSTRATOR!!!!!!!!!! GOSH!!!!

  117. duh!!!! Says:

    IT IS NOT PHOTOSHOP IT IS ILLUSTRATOR!!!!!!!!!! GOSH!!!!

  118. Melissa Says:

    Im not sure if you still look at these posts… But I recently just came upon this tut and love it. My only question is…. I used your exact numbers for the bevel- but when I put it into photoshop… and use the wand tool.. it is highlighting the entire Letter. Im not sure if its the font size that im using, or if its the difference of me using CS2.

  119. Melissa Says:

    Im not sure if you still look at these posts… But I recently just came upon this tut and love it. My only question is…. I used your exact numbers for the bevel- but when I put it into photoshop… and use the wand tool.. it is highlighting the entire Letter. Im not sure if its the font size that im using, or if its the difference of me using CS2.

  120. Melissa Says:

    Im not sure if you still look at these posts… But I recently just came upon this tut and love it. My only question is…. I used your exact numbers for the bevel- but when I put it into photoshop… and use the wand tool.. it is highlighting the entire Letter. Im not sure if its the font size that im using, or if its the difference of me using CS2.

  121. David Says:

    I can't see any of the images! I'm using Firefox 3.0.10 w/ Vista

  122. David Says:

    I can't see any of the images! I'm using Firefox 3.0.10 w/ Vista

  123. David Says:

    I can't see any of the images! I'm using Firefox 3.0.10 w/ Vista

  124. c Says:

    I'm having difficulty using the wand tool to select only the 'face' of the letter in Photoshop. It always selects the whole of the letter – what am I doing wrong?

  125. c Says:

    I'm having difficulty using the wand tool to select only the 'face' of the letter in Photoshop. It always selects the whole of the letter – what am I doing wrong?

  126. c Says:

    I'm having difficulty using the wand tool to select only the 'face' of the letter in Photoshop. It always selects the whole of the letter – what am I doing wrong?

  127. Essam Says:

    awesome man, just awesome.

  128. Essam Says:

    awesome man, just awesome.

  129. Essam Says:

    awesome man, just awesome.

  130. Owen Says:

    Is that where the 3D options were? It confused the shit out of me.
    I thought he might of been using some fancey pants version of PS.

  131. Owen Says:

    Is that where the 3D options were? It confused the shit out of me.
    I thought he might of been using some fancey pants version of PS.

  132. Owen Says:

    Is that where the 3D options were? It confused the shit out of me.
    I thought he might of been using some fancey pants version of PS.

  133. Jucelino Says:

    Muito bom!

  134. Jucelino Says:

    Muito bom!

  135. Jucelino Says:

    Muito bom!

  136. Jucelino Says:

    Muito bom!

  137. Oakley Says:

    Having a problem with the Magic Wand Tool. It selects the hole letter instead of just the face. :(

  138. only thing Says:

    Please edit the tut in the 2nd instructions, adding that you are using Illustrator…so as not to confuse others in the future(some wouldn't think to read the comments to solve this problem). That's the only thing that prevents the tut from being a really useful and awesome tut(complimenting the effectiveness of it) Heh. Nevertheless, thumbs up (:

  139. ? Says:

    “add the watercolor texture inside the mountain and moon, once more, with clipping masks. “
    don't get that part please explain? ):

  140. Women's Shoes Wholesale Says:

    Nice tutorial. Good treatment.

  141. Women's Shoes Wholesale Says:

    Nice tutorial. Good treatment.

  142. eight84 Says:

    Great Tutorial!

  143. Jimmy Smutek Says:

    it's actually both – text starts out in illy/paste to photoshop

  144. Dzinepress Says:

    really amazing work in this 3D design.

  145. bnicely Says:

    Very kind to share. Thank you.

  146. kokoboy Says:

    it will be cool, just if you take tree texture от your plastic trees))

  147. forumsitesi Says:

    thank you much

  148. guilbert Says:

    GuiLBeRT_03

  149. Club Penguin Cheats Says:

    This is a really beautiful way to use 3D type in a design. Usually when people slap together 3D text it looks garish but I like this approach a lot.

  150. kokoboy Says:

    good

  151. matias_argentina Says:

    wow!
    thanks!

    Matias
    Bs As, Argentina

  152. Kids Games Says:

    I'm a purist when it comes to typography. Although this isn't my usual style, I'm very impressed. I love the technique you used for the branches. Keep playing around, exercise your talent!

  153. sonnydesign Says:

    This is the best tutorial i've ever seen. i will try this and i hope i can have the same result. Thank you

  154. sooran Says:

    Very nice !
    Thanks …

    This learn photoshop very Helped me

  155. Web Design Says:

    Just bookmarked this and of course, just joined your mailing list too!

  156. Ricky Says:

    hey nice tut really helped me out :D!

  157. Dorothea Says:

    Make sure the Tolarence of the wand is really low. I used “1″.

  158. penis Says:

    you're fucking awful. please stop.

  159. Ldot Says:

    hi my name is L i am looking for somebody to make me a 3d image of a product, if you know how to make it or know someboy who know's how to make it plaesa call me at 267 994 3342

  160. john3450 Says:

    Wow.Cool tutorial.Thank you.

  161. Val Says:

    We can use this tutorial any way we wish correct? I could use this idea towards an advertisement design?

  162. tjesmeen Says:

    lengthy but very nice.thanks for sharing.

  163. Houriyah Says:

    yes, i was also wondering which program it was made in. Although its a basic question it obviously should of been said in the tutorial. So no need to write in caps as if shouting and angry for a basic question. I also cant find it in the tutorial yet… but if it is appoligies…
    But yes it shoulb be noted in the tutorial.

  164. algevis Says:

    Çene Ameliyatları
    Descriptive information. been involved have been working on.

  165. Nanovor Says:

    This is the best tutorial i've ever seen. i will try this and i hope i can have the same result. Thank you

  166. shadowwizard Says:

    Tutorial unfortunately assumes many things. “Change color to…” and “Give it this color” but does not explain how. Even uses bizarre “color codes” I have never heard of (Perhaps not bizarre, but for someone that doesn't know hot to use them, they are useless.) Doesn't even explain to start in Illustrator. Perhaps a good tutorial for those with some knowledge (seems good if you know a bit), but I chose this as my first learning project, and unfortunately cannot follow it as I do not have the information the tutorial assumes I have..

  167. write my essay Says:

    I tried this tutorial on some images and they look really nice.

  168. rachna226 Says:

    its really amazing yaar 2 good

  169. Clipping Path Says:

    what a fantastic tuts it is! it catches my eyes! thanks :-)

  170. bookinghotel Says:

    i did it in photoshop CS3 instead and i was presented with that Grayscale Gradient map dialog, in CS4 you press ok and it just goes to the main window with no option to edit the gradient, if anyone knows how to do this in CS4 it'd be nice to learn

  171. Sat Paing Says:

    Hello !!!
    I want to know something.
    Now you draw the amazing text I want to knoe what software do u use to draw that picture.
    Please reply me ..Thank you.!!!

  172. photoediting Says:

    I recently came across website and have been looking for helpful tips along. I thought I would leave my first comment. I don't know what to say except that I have enjoyed getting informed by you. Nice blog. I will keep visiting this blog very often.

  173. Multiple Search Engine Popular Says:

    leading here from search engine i got nice info in here

  174. Типография Says:

    I just LOVE your tutorial, best Photoshop tutorial I've ever done ! Im always using my tablet, but I had no idea Tree Trunks and Fast leaves could be done so fast and so easy! Ive learned so much from this tutorial. Thank you so much :D

  175. Catatan Blogger Seo Matre Ajib Says:

    very valuable post

  176. dizi izle Says:

    thx 4 the informations, good to know.

  177. video izle Says:

    thanks for this tutorial!

  178. dizi izle Says:

    thx 4 the informations, good to know.

  179. johngh Says:

    erp soccer videos good option. ingilizce türkçe sözlük dictionary traktor ilanlari firma rehberi eczane kurtce muzik dinle

  180. Catatan Blogger Seo Matre Ajib Says:

    nice for info when i need for Catatan Blogger Seo Matre ajib and Catatan Blogger Seo Matre ajib

  181. Lida Says:

    Life to long for

  182. Lida Says:

    Life to long for

  183. ronel Says:

    i haven't seen any site like this, my goodness so awesome indeed,,:)

  184. oyun indir Says:

    thanks good post :)

  185. travesti Says:

    thanx very doul map 3d designed not bad

  186. Payday Loans Says:

    Hi Alex,
    Excellent tutorial, I like the final result payday loans calgary

  187. esome Says:

    awesome tutorial alex, i like how you created the foliage for the trees, excellent final result too.
    dizi izle

  188. esome Says:

    awesome tutorial alex, i like how you created the foliage for the trees, excellent final result too.
    dizi izle

  189. esome Says:

    awesome tutorial alex, i like how you created the foliage for the trees, excellent final result too.
    dizi izle

  190. esome Says:

    awesome tutorial alex, i like how you created the foliage for the trees, excellent final result too.
    dizi izle

  191. Matt Says:

    Thanks for this nice work!
    dizi izle

  192. Matt Says:

    Thanks for this nice work!
    dizi izle

  193. biber hapı Says:

    odddddddddddddddddddddddddddd

  194. simulateurdepret Says:

    Having read your post, I have concluded that all the efforts we make they cannot be in vain.

  195. Club Penguin Cheats Says:

    I love the texture but the bevel can look a little dated. Over all I love it.

  196. clippingimages Says:

    Nice job :)

  197. Safety Riding Honda Bengkulu Says:

    nice consept very clearly

  198. Safety Riding Honda Bengkulu Says:

    nice consept and very clearly nice to be here

  199. Google page one Says:

    Excellent tutorial. Thanks Alex.

  200. Hip Hop beats Says:

    Thanks. This is a very great tutorial.

  201. Custom Gates Says:

    A bit lengthy, but this is amazing stuff. Breathtaking.

  202. Güzel Sözler Says:

    Thank you

  203. Iphone Jailbreak Says:

    3D Typography is very hard to understand :(

  204. acai berry Says:

    I like this tutorial, thanks for it…

  205. Atik Rahman Says:

    Great Posting!!!

    http://www.clippingpathcenter.com/

  206. excel formulleri Says:

    Thanks a lot dude, for this documents… Awesome tutorial

  207. Simulateur De Pret Immobilier Says:

    Regards for this content. More often than not, the very best suggestions originate from the websites one wouldn't expect. Lately, I failed to give a lot of thought to leaving comments on blog entries and have left responses even less. Viewing your pleasant blog, might help me to do so again.

  208. lw6090 Says:

    thanks dude, i like this design…

  209. Clippingimages Says:

    wow…nice design…thanks for sharing…awesome one..

  210. Cenkhan Karacan Says:

    Thank's very good admin.

  211. Essay Writing Says:

    This reminds me of essay writing. Perhaps, all the things in the world rely on how well the maker focus on the smallest details to make greater impact.

    I kind of smile on my self that despite this, I can see moral implication. I just envy that some people can really take time on doing something to create big impact.

    wonderful, I'll try this one!

  212. Mathew Says:

    very cool tutorial.i love how it done.keep it up.

  213. Kristie Says:

    Well, yeah… it does presume a prior knowledge. You can't just throw yourself in the deep end. However I do somewhat agree with you. I've been using photoshop for a few months now but this is the first tutorial I've started using Illustrator with. Yes, it confused me somewhat. But I think you'll find if you just explore a little you'll get through it. And colour codes? Well, they're used for everything… not just Adobe programs. Sounds to me like you should really consider your level of expertise before jumping to the more complex tuts.

    P.S Very interesting tutorial. I'm halfway through at the moment. Learnt quite a few things already :) Thanks.

  214. Elphaba Says:

    I am having the same issue. Did you work out how to fix it?

  215. shadowwizard Says:

    Yes, you are right about the exploring a little. I probably should have added another note, as I did explore allot, and do allot of web searching, as I was trying to make a logo, and the design of this one is EXACTLY what I was looking for. And when I am determined, very little can stop me. It took me about 4 hours total I think (Which, considering this was the first project beyond photo editing I did, was I think anyway, very quick.) I will even share the end result with you (And anyone else that's interested)
    http://i50.tinypic.com/2ynfqrd.jpg
    Feel free to comment, I would love the input.

  216. clipping images Says:

    fantastic outcome… it looks charming but making of such typography is quite difficult, i think so. btw, thanks a lot for your good post. keep going on… :-)

  217. bedavafilmizlee Says:

    I thank you Müzik Dinle | Mp3 Dinle | Online Müzik | Şarkı Dinle very likely will always visit. Driver indir | Dll indir | Driver Download

  218. biber hapı Says:

    Biber hapı
    Biber hapı
    Biber hapı
    Lida

  219. adobe flash tutorials Says:

    thank you very much for the tutorial.

  220. fast loan Says:

    Hi Alex, great tutorial !
    Good design is good business!

  221. no fax cash loan Says:

    Good design begins with honesty, asks tough questions, comes from collaboration and from trusting your intuition.

  222. ranchosantafe Says:

    Very interesting. Thanks again for the information.

  223. dizi izle Says:

    i agree with that

  224. Ahmet Says:

    http://www.filmdiziizletr.com

  225. Oriflame Says:

    Very awesome tutorial,

  226. Photoretouchingonline Says:

    I was wondering, can I make a wordpress plugin using these layout? The plugin would be free of course

  227. Photoretouchingonline Says:

    I was wondering, can I make a wordpress plugin using these layout? The plugin would be free of course http://www.photoretouchingonline.com/

  228. Photoretouchingonline Says:

    This tutorial is amazing. I’ve been using photoshop for a few years now, and I have to admit that never would have thought of some of these techniques. Thanks so much for this tutorial!photo retouching

  229. WebGirl08 Says:

    Thanks! Great tutorial! Now my project will be a hit.

  230. Rokaiya Yeasmin Munni Says:

    Now i can try to create my dream design with 3D Typography to follow this tutorial. Thanks for sharing.

  231. Clipping Path India Says:

    Nice tutorial.I will try it by myself as you explain the tutorial in detail.Thanks.

  232. Surveying Supplier Says:

    wow..nice typography..thank you

  233. ttnet adsl basvuru Says:

    I was looking for an article that was a great article for my school work then this will be a useful resource rather than the site will be closely monitored

  234. Terry Winkle Says:

    Hello! nice article, thanks for sharing…best weight loss supplement | supplements for weight loss | weight loss appetite | free diet recipes | loss weight quick diet | fat binders

  235. Terry Winkle Says:

    Hello! nice article, thanks for sharing..best weight loss supplement | supplements for weight loss | weight loss appetite | free diet recipes | loss weight quick diet | fat binders

  236. Terry Winkle Says:

    Hello! nice article, thanks for sharing..best weight loss supplement | supplements for weight loss | weight loss appetite | free diet recipes | loss weight quick diet | fat binders

  237. Clipping path Says:

    what a crazy design tips thanks

  238. Sync Says:

    I don`t find Effect menu (going to Effect > 3D > Extrude & Bevel).Can somebody help me?

  239. kürtçe müzik dinle Says:

    we are not work out.

  240. Baustoffhandel-Bert Says:

    I lIke!

  241. photo retouching Says:

    if your looking for a good photography services or retouching site, http://photoretouchingonline.com/ is a really good one. They offer retouch photos, portraits, weddings, and a lot more. They also have some stuff on lighting setups and posing guides. Check em’ out. The programs they have are real easy to use and very interactive. Hope that helps some.

  242. Upcoming Movie Says:

    very nice 3d

  243. Peppermint_sara Says:

    very very COOL THANK YOU!

  244. michaeltorado Says:

    Off the top of our heads, we’d just
    suggest they slooooooowwww.

  245. Clipping Path India Says:

    Nice tutorial on typography.Thanks.

  246. esenyurt Says:

    That is pretty sweet! The only thing that would make it better for me is rich brown bark on the trees.

  247. iPod iPhone Jailbreak Says:

    3d typography is powerful

  248. Ahmet Says:

    http://www.filmdiziizletr.com/2010/08/kucuk-srl...

  249. used stationary bikes Says:

    I am really amazed with your tutorial. It's obviously need skill and experiences to get into your level of skill.

  250. ugg boots Says:

    I love the type treatment.

  251. Logar Says:

    How to speed up internet technology? Thank you.

  252. stock ankle boots Says:

    yes i agree with you.

  253. Jmfreerider Says:

    I am having the exact same problem has anyone figured out how to over come this?

50 Trackbacks For This Post

  1. Heads Up Seven Up Blogroll for October 13th | GrandmasterB dot com Says:

    [...] Go Media – Create a Dream Design with 3D Typography VECTUTS – Inking and Coloring the Comic Strip “The Brads” CSS-Tricks – What Do You Think is the Best Online WYSIWYG Editor Smashing Magazine – 50 Beautiful Movie Posters Spoon Graphics – Create a Vibrant Modern Blog Design in Photoshop Photoshop Lady – Amazing Colorful Swirl Cuzoogle – 25 Reasons Why Cuzoogle is Thankful [...]

  2. The Creativity Wall Says:

    Create A Dream Design With 3D Typography…

    Popularity: unranked [?]

    ……

  3. Create a Dream Design with 3D Typography | eight6media.com Says:

    [...] of the letters; the mountains will show themselves behind the word and overshadow the glowing moon. Visit Site Adobe, Illustrator, [...]

  4. Metagrafia » links for 2008-10-17 Says:

    [...] Create Dream Design 3D Tipography (tags: typography Photoshop resources Tutorial 3d) [...]

  5. Arbenting’s Best of the Week (10/12 - 10/18) | Arbenting Says:

    [...] Create A Dream Design With 3D Typography [...]

  6. Best of the Web - October - PSDTUTS Says:

    [...] Visit Tutorial [...]

  7. 3D-Schriftzug – The Reaction Says:

    [...] Workshop Create a Dream Design with 3D Typography zeigt Alex Beltechi, wie mit Hilfe von Photoshop 3D-Text geschrieben werden kann. Dieser wird noch [...]

  8. Photoshop Tutorials #2 - State of Torpidity Says:

    [...] Read the tutorial [...]

  9. Photoshop & Illustrator Tutorials #2 - State of Torpidity Says:

    [...] Read the tutorial [...]

  10. 30 tutoriais “ultra High-end” para Photoshop « Resistor Conspiracy Says:

    [...] 29. Tipografia 3D de sonho [...]

  11. 30 Ultra High-end Photoshop Tutorials | A.Niraj Kumar Says:

    [...] 29. Dreamy 3D Typography [...]

  12. Illustrator - Dream Letters Tutorial Says:

    [...] Anyway here you go and have fun: http://www.gomediazine.com/tutorials/create-dream-design-3d-typography/ [...]

  13. 30 Awesome Photoshop Text Effects Tutorials Says:

    [...] Dream Design 3D Text Effect [...]

  14. Tutorial : Text 3D ( Flowery Text Effect ) | Vudu84 Says:

    [...] Dream Design 3D Text Effect [...]

  15. Pushing Photoshop to the Limit: 13 Most Advanced tutorials | Noupe Says:

    [...] 6. Create a Dream Design with 3D Typography [...]

  16. 30个惊人的Photoshop文字特效教程 | 帕兰映像 Says:

    [...] 梦设计的三维文字效果 [...]

  17. Pushing Photoshop to the Limit: 13 Most Advanced tutorials | virology.tv Says:

    [...] 6. Create a Dream Design with 3D Typography [...]

  18. 30 تأثير رائع للكتابة في فوتوشوب « حسام Says:

    [...] Dream Design 3D Text Effect [...]

  19. COFFEE CUP||咖啡杯 » 13将Photoshop应用到极限的高级教程 Says:

    [...] 6. Create a Dream Design with 3D Typography [...]

  20. Pushing Photoshop to the Limit: 13 Most Advanced tutorials | SulVision Says:

    [...] 6. Create a Dream Design with 3D Typography [...]

  21. 30 efectos de texto para photoshop | UnUsuario - Suscribite, es GRATIS Says:

    [...] Dream Design 3D text effect [...]

  22. Pushing Photoshop to the Limit: 13 Most Advanced tutorials | Link Archive Says:

    [...] 6. Create a Dream Design with 3D Typography [...]

  23. Grafica e coding per il web » Blog Archive » 25 tutorial avanzati per web designer freelance Says:

    [...] Creare un disegno 3d utilizzando il testo [...]

  24. ileri seviye freelance web tasarımcılar için 25 ders | Batuhan Bulak Says:

    [...] 3d tipografi ile rüya gibi tasarımlar yapmak için [...]

  25. Tutorial Illustrator: 3D Typography | Says:

    [...] un ottimo tutorial (in inglese) tratto da GoMediaZine per creare dei testi in 3D con Illustrator. You can follow [...]

  26. 25 Tutorials for Advanced Freelance Web Designers | SulVision Says:

    [...] Create a Dream Design with 3D Typography Create 3D organic text and an accompanying design with this excellent [...]

  27. twingler | internet , tasarım , network , bilgisayar » Blog Archive » ileri seviye freelance web tasarımcılar için 25 ders Says:

    [...] 3d tipografi ile rüya gibi tasarımlar yapmak için [...]

  28. The Top 30 Photoshop Text Effects Tutorials of 2008 - Which is the Best? : Speckyboy - Web Design, Web Development and Graphic Design Resources Says:

    [...] 16. Dream Design [...]

  29. Noteefy - Be aware » 25 Tutorials For Advanced Web Designers Says:

    [...] 3. Creating 3D Typography [...]

  30. 2008′in En İyi Photoshop Dersleri | Batuhan BULAK Says:

    [...] 16. Dream Design [...]

  31. Pushing Photoshop to the Limit: 13 Most Advanced tutorials | Web Hosting and Domains Says:

    [...] 6. Create a Dream Design with 3D Typography [...]

  32. Pushing Photoshop to the limits 13 most advanced tutorials | Creative After Effects Tutorials and Showcase Says:

    [...] 6. Create a Dream Design with 3D Typography [...]

  33. » Blog Archive » El Top 30 Tutoriales De Photoshop Efectos De Texto 2008 Says:

    [...] 16. Dream Design [...]

  34. Top 84 Photoshop Resource Sites - Toolbox for Designers : Speckyboy - Web Design, Web Development and Graphic Design Resources Says:

    [...] 7. Dream Design [...]

  35. 25 Tutorials for Advanced Freelance Web Designers | Marty Thornley Says:

    [...] Create a Dream Design with 3D Typography Create 3D organic text and an accompanying design with this excellent [...]

  36. 65+ Smoking Photoshop Text Effect Tutorials | instantShift Says:

    [...] Twitter Link: Click Here [...]

  37. Photoshopkurs: For de viderekommende | Kanal W Says:

    [...] Gomediazine.com (engelsk artikkel) Krever: enkel know-how i Photoshop Stikkord: 3D, typografi, [...]

  38. Free4you » Blog Archive » Diseño Dream en 3D Says:

    [...] Aprende a crear este fondo de sueño con este tutorial, todo ello gracias a gomediazine.com [...]

  39. Bookmarks for Febrero 6th from 17:14 to 17:59 | FACIL TUTORIALES Says:

    [...] Create a Dream Design with 3D Typography | GoMediaZine – [...]

  40. Create a Dream Design with 3D Typography | Test Site Says:

    [...] of the letters; the mountains will show themselves behind the word and overshadow the glowing moon. Visit Site Tags: Adobe, Illustrator, [...]

  41. 3D-Schriftzug Says:

    [...] Workshop Create a Dream Design with 3D Typography zeigt Alex Beltechi, wie mit Hilfe von Photoshop 3D-Text geschrieben werden kann. Dieser wird noch [...]

  42. 50 Stunning Photoshop Text Effect Tutorials | Tutorials | Smashing Magazine Says:

    [...] Create a dream-like design with 3D typograph This detailed tutorial shows you how to create a 3D typography-based design. All the elements revolve around the theme of dreaming. [...]

  43. 50 Stunning Photoshop Text Effect Tutorials | ClickLogin Web Design Says:

    [...] Create a dream-like design with 3D typograph This detailed tutorial shows you how to create a 3D typography-based design. All the elements revolve around the theme of dreaming. [...]

  44. Awesome Adobe Illustrator Tutorial! | Nurbs at work multimedia solutions Says:

    [...] The tutorial is found here! [...]

  45. http://www.digiwu.com » Blog Archive » 50 Stunning Photoshop Text Effect Tutorials Says:

    [...] Create a dream-like design with 3D typograph This detailed tutorial shows you how to create a 3D typography-based design. All the elements revolve around the theme of dreaming. [...]

  46. 50 Stunning Photoshop Text Effect Tutorials | Tech Underground Says:

    [...] Create a dream-like design with 3D typograph This detailed tutorial shows you how to create a 3D typography-based design. All the elements revolve around the theme of dreaming. [...]

  47. 20+ Tutorials using Vector and Raster | Design was here Says:

    [...] Create a Dream Design with 3D Typography [...]

  48. Tutorial for Hall of Fame | Free Tools And Wallpapers Says:

    [...] Create a Dream Design with 3D Typography [...]

  49. 15 Excellent Typography Tutorials for Designers | design | MyGeekPal Says:

    [...] Dream Design Typography Effect [...]

  50. 8 Blow Your Mind! Photosop 3d Tutorials! « Devotopia Says:

    [...] 1. Create a Dream Design with 3d Typography [...]

Leave a Reply

Do you have a Gravatar yet? It's that cool icon next to your name. Stop looking like everyone else and upload your own Gravatar for free. If you do, you'll see it by every comment you post on the GOMEDIAZINE and every other blog that supports Gravatars!

blog comments powered by Disqus