DISQUS

GoMediaZine: Create a Dream Design with 3D Typography

  • Max | Design Shard · 1 year ago
    awesome tutorial alex, i like how you created the foliage for the trees, excellent final result too.
  • Mds · 1 year ago
    That is pretty sweet! The only thing that would make it better for me is rich brown bark on the trees.
  • Bill Biwer · 1 year ago
    Nice tutorial, I love the type treatment.
  • Htoo Tay Zar · 1 year ago
    Amazing tut!! bookmarked!!
  • Naldz Graphics · 1 year ago
    very cool tutorial.i love how it done.keep it up!!!

    Ronald
  • ChequeredManiac · 1 year ago
    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.
  • Phize (Phize) · 1 year ago
    睇緊: "Create a Dream Design with 3D Typography | GoMediaZine" http://tinyurl.com/3uzvd6 3D機能。CS2にはしょぼいのしかついてなかった気がする。
  • brian · 1 year ago
    gorgeous
  • Geoff May · 1 year ago
    Cool tutorial
  • Lance · 1 year ago
    Sexy!
  • betterthanhuman · 1 year ago
    Really nice. I've got to get into photoshop more.
  • Rob · 1 year ago
    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.
  • jeff_finley (Jeff Finley) · 1 year ago
    Our first tutorial since we publcly opened up the GoMediaZine to contributors: Deam Design with 3D Type: http://tinyurl.com/3uzvd6
  • Joe · 1 year ago
    Nice one. I really like the method used to create the trees.
  • Eric Thayne · 1 year ago
    You might want to mention that you're starting this in Illustrator. I was a little lost there for a second.

    Nice tut though!
  • Owen · 6 months ago
    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.
  • Alex Beltechi · 1 year ago
    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
  • mokhethi · 1 year ago
    awesome tutorial...I work in the architecture and built environment,I love the trees they are ubber cool.
  • Web Design Fanboy · 1 year ago
    Wow, amazing tut. Not seeing the end result until the end increased the impact
  • Marcos Cortes (Dominican Repub · 1 year ago
    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!!!
  • Andy · 1 year ago
    considering the number of steps in the tutorial that is by far one of the most impressive end products ive seen!!! genius man.
  • climb_trees · 1 year ago
    Thank you for sharing and providing the PSD. :) Keep 'em coming.
  • jon · 1 year ago
    NIce tut, but what happened to the Harley tut? I had it open to look at but now it's gone.
  • TheFrosty · 1 year ago
    sweet
  • Tim · 1 year ago
    awesome tutorial.
  • Tom Baker · 1 year ago
    Beautiful! Really open to a whole host of adaptions too.

    Thankyou!
  • Matt · 1 year ago
    What version of photoshop/illustrator is this? I cant find the 3d bit anywhere.
  • duh!!!! · 7 months ago
    IT IS NOT PHOTOSHOP IT IS ILLUSTRATOR!!!!!!!!!! GOSH!!!!
  • Jimmy Smutek · 5 months ago
    it's actually both - text starts out in illy/paste to photoshop
  • SlaRe · 1 year ago
    One day I will work with you ...
  • Alex Beltechi · 1 year ago
    @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
  • Chopper | ChopperDesigns · 1 year ago
    great tutorial
  • Maicon · 1 year ago
    I lot of tecniques. Thank you.
  • Matt · 1 year ago
    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 :(
  • Matt · 1 year ago
    Actually, nevermind lol. I just didnt explore illustrator. I got it lol. Thanks again, great tutorial.
  • tasarial (TASARIAL) · 1 year ago
    http://tinyurl.com/3uzvd6 - 3d-typography
  • Phatp · 1 year ago
    pretty kewl. thanx man
  • Augustus · 1 year ago
    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).
  • Alex Beltechi · 1 year ago
    @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
  • Chris · 8 months ago
    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?
  • Dorothea · 4 weeks ago
    Make sure the Tolarence of the wand is really low. I used "1".
  • vivek1209 (vivek1209) · 1 year ago
    Dreaming often takes you to different places and unites bits and pieces of your memory. http://tinyurl.com/3uzvd6
  • Micheal · 1 year ago
    Are there no limits to GoMEDIA coolness???!!!!!
  • TechnoSamrat · 1 year ago
    wow really a very good tutorial... Your explanation is very good.. Thanks for the article..
  • marissa · 1 year ago
    what program do u need i have cs and i cant find the effects thing to change the letters to 3d
  • stickycreative (stickycreative · 1 year ago
    http://tinyurl.com/3uzvd6 another great tutorial from gomedia guys
  • khaled · 1 year ago
    CoOo1
  • khaled · 1 year ago
    i'm a noob in photoshop
    i havw qu. :$

    where i can found Effect > 3D > Extrude

    many thanx
  • khaled · 1 year ago
    i have Adobe.Photoshop.CS3.Extended but i can't find 3D
  • Aaron Miller · 1 year ago
    "1. You need Illustrator to create the 3D text."
  • Josh Drake · 1 year ago
    Pretty cool! My favorite part is where you draw the trees and the leaves. Thanks!
  • Laura · 1 year ago
    Amazing! Fab!
  • Moksha · 1 year ago
    Thanks Really great
  • evertt de sousa · 1 year ago
    very nice !
  • goyco! · 1 year ago
    hear where I can get extruder & bevel look everywhere or comes with the photoshop I can respond on my flickr? is www.flickr.com / photos / goycox

    thanks in advance
  • Johnson Koh · 1 year ago
    Impressive! Let me try this out!
  • thehuntress · 1 year ago
    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
  • Dadadoll · 1 year ago
    wow! beyond words! genius!
  • J · 1 year ago
    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.
  • khaled · 1 year ago
    Illustrator CS3 for the Web or what?
    thanx 4 helping
  • Matt · 1 year ago
    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
  • Matt · 1 year ago
    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 :)
  • Alex Beltechi · 1 year ago
    @ Matt,

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

    Alex
  • Zim · 1 year ago
    Nice tutorial
  • billg3000 (Bill G 3000) · 1 year ago
    @Hemi Create a Dream Design with 3D Typography | GoMediaZine: n this tutorial we re going to creat.. http://tinyurl.com/3uzvd6
  • Barney Rugama · 1 year ago
    just a question...if i want to use a stripe pattern how can i make the stripe to follow the direction of the shape?
  • top_dedist (top_dedist) · 1 year ago
    d: Create a Dream Design with 3D Typography | GoMediaZine http://tinyurl.com/3uzvd6
  • top_web (top_web) · 1 year ago
    delicious: Create a Dream Design with 3D Typography | GoMediaZine http://tinyurl.com/3uzvd6
  • wallpapers · 1 year ago
    dreamy! nicely presented tut - thanks
  • bobnanas · 1 year ago
    horrible. 1998 called.
  • bobnanas · 1 year ago
    Nik Ainley www.shinybinary.com
    this is the way to do it
  • Nguyen Vu · 1 year ago
    One word: Perfect :)
  • Regina Dunn · 1 year ago
    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!
  • wyldstallyons (Wyld Stallyons) · 1 year ago
    One more before I go to bed. Skillz: http://tinyurl.com/3uzvd6
  • Brian Gonzales · 1 year ago
    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.
  • Jose · 1 year ago
    excelente tuto!! y muy buen trabajo. gracias
  • Dai Hoang · 1 year ago
    a good tutorial,thanks.
    could you make all in Illustrator ?
  • Steven · 1 year ago
    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.
  • Steven · 1 year ago
    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!
  • slag · 1 year ago
    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!
  • aLemforum · 11 months ago
    i wish i can do this effect ;)
  • Venkat · 11 months ago
    hm. "mind blowing extrardinary". am not say like this type of words .
    It is good
  • Writersbloc · 10 months ago
    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.
  • sona · 10 months ago
    this is good
  • Satsura · 10 months ago
    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!
  • Jonny · 9 months ago
    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?
  • Lasitha Silva · 9 months ago
    WOw...great work here...congratulations on the talent you've got. Keep it growing buddy..
  • Tony · 9 months ago
    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.
  • badmf · 9 months ago
    Hi, really enjoyed this one... See you've tweeked it and recycled it in February issue of Digital Arts?
  • Maluni · 9 months ago
    Great tut!! I just wonder, how come you don´t use fading masking to get the branches to merge into the letters smother?
  • Ateljé Digital · 8 months ago
    Very good Photoshop Tutorial.
    I will try it right away on one of my webb designs!!

    Keep up the good work!
  • jose · 8 months ago
    ROCKING
  • imagineallart · 7 months ago
    Aweswome design and great tutorial. Thanks a lot!
  • photo retouching · 7 months ago
    Really great tutorial. I will be back for more of the same!
  • MJ · 7 months ago
    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!!
  • Matt · 7 months ago
    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
  • Melissa · 6 months ago
    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.
  • David · 6 months ago
    I can't see any of the images! I'm using Firefox 3.0.10 w/ Vista
  • c · 6 months ago
    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?
  • Essam · 6 months ago
    awesome man, just awesome.
  • Jucelino · 6 months ago
    Muito bom!
  • Oakley · 6 months ago
    Having a problem with the Magic Wand Tool. It selects the hole letter instead of just the face. :(
  • only thing · 5 months ago
    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 (:
  • ? · 5 months ago
    "add the watercolor texture inside the mountain and moon, once more, with clipping masks. "
    don't get that part please explain? ):
  • Women's Shoes Wholesale · 5 months ago
    Nice tutorial. Good treatment.
  • eight84 · 5 months ago
    Great Tutorial!
  • Dzinepress · 4 months ago
    really amazing work in this 3D design.
  • bnicely · 4 months ago
    Very kind to share. Thank you.
  • forumsitesi · 4 months ago
    thank you much
  • guilbert · 4 months ago
    GuiLBeRT_03
  • Club Penguin Cheats · 4 months ago
    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.
  • kokoboy · 4 months ago
    good
  • matias_argentina · 4 months ago
    wow!
    thanks!

    Matias
    Bs As, Argentina
  • Kids Games · 3 months ago
    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!
  • sonnydesign · 3 months ago
    This is the best tutorial i've ever seen. i will try this and i hope i can have the same result. Thank you
  • sooran · 3 months ago
    Very nice !
    Thanks ...

    This learn photoshop very Helped me
  • Web Design · 2 months ago
    Just bookmarked this and of course, just joined your mailing list too!
  • Ricky · 2 months ago
    hey nice tut really helped me out :D!
  • penis · 2 weeks ago
    you're fucking awful. please stop.