How to make 3D Text and use 3D Stroke in After Effects – Live Tutorial

December 31, 2009

Check out the very first Live GSG Tutorial on how to make 3D Text and how to Make 3D Stroke from Trapcode go around objects. This tutorial was made live on Ustream where people could interact and ask questions about the process of making this scene.

I want to start doing live tutorials because I think so may tutorials out there are too scripted. I wanted to capture the process of problem solving more than just a step by step on how to do something. Following a step by step tutorial may show you HOW to do an effect, but they don’t show you WHY. I hope that this format will show more about the process of Motion Design and not just technique. Sure, there are some mistakes and wrong moves in here, but problem solving is what Design is all about. Let me know what you think of this live format. I hope to be doing more of these in the future.

Mentioned in the Video
Check out Graymachine’s Retro Graphics tutorial, that I accidentally ripped off by memory during the Live Tut (Sorry Harry). He also has a 3D type preset that will help build this type of text in AE without all the tedium. Also, if you want more 80s vintage magic, check out Graymachine’s Video Rock.

46 Comments

Get your own thumbnail at Gravatar.
  1. Mats Morken on December 31, 2009 said...

    Started watching this earlier on ustream. A very nice tutorial, when you do stuff live it always contains that little human magic. I’ll see if I can catch the whole thing now that it is in HQ, just gotta do some work here first :)

    Happy new year!!

  2. Matthew Carlin on December 31, 2009 said...

    Nice Nick,

    Was watching the live tutorial. Definitely think some more live ones are the way to go, and i definitely think that WHY you do it a certain way is much better for learning that just HOW to do it.

  3. David Kwasnik on December 31, 2009 said...

    Loved it

  4. Brett Brinkerhoff on December 31, 2009 said...

    Nice work on the first live tutorial. A little tedious though. I find it much easier to use Trapcodes Echo Space for making all the duplicate text

  5. Rounin on December 31, 2009 said...

    Missed the live tut, but great job. More interaction with viewers. I can’t wait for more.

    I noticed that it was unreadable in livestream. As a suggestion, I would lower the resolution even more (900px or less) because livestream has such a low resolution that it scales the video which will blend the pixels. Add the compression then everything looks blurred especially texts. Also your upload speed is another factor too. Your workspace will be cramped, but it will be readable to the live viewers.

    I’ve seen others that stream tutorials and their workspace is really small (maybe 800×600) but it’s viewable.

    Can’t wait for your GSG/MCS show in Chicago!!

    Rounin

  6. Michael on December 31, 2009 said...

    Best tutorial process ever. The whole idea of ‘live’ is perfect.

  7. Teb on December 31, 2009 said...

    Hey Nick! That 3D Stroke tutorial was just what I needed… Thank you so much man!
    I retrieved my faith on the product :P

  8. MarcyVF on January 1, 2010 said...

    lovely!
    what font is that you’re hooked on? it’s absolutely adorable.
    keep it up!

    The Gorilla

    The font is GOTHAM. Typeface of the gods.

    Glad you like it.

  9. Snake Plissken on January 1, 2010 said...

    Hi, i’ve just looked the recorded version of this live, much to improve but great concept very interesting.
    BUT : Where are infos about these live sessions (when, how to watch etc) ? Because i’m often visiting this site and never see anything about that ??? I just discovered today this recorded live …
    Anyone to tell me how these guys where informed about the event to come ? Thanx.

    Snake Plissken

    Maybe I should sign up the newsletter to be on it ?

    The Gorilla

    Twitter is the best way to know when Ill be on Ustream. I want to try to make it the same every week to keep it on a schedule.

  10. Rickard Bengtsson on January 1, 2010 said...

    Haven’t watched it yet just got to say that live turorials is an awsome idea!

    The Gorilla

    Thanks, Rickard! Let me know what you think.

  11. mike on January 1, 2010 said...

    regular tuts are good to learn from,but usually do not leave any insight as to why a particular method was used.This is the best way to learn imo. I truly hope you continue to do these live stream captures.
    :)

    The Gorilla

    Thanks, Mike!

  12. dogimo on January 2, 2010 said...

    excellent tut. thank you.
    love the million dollar hair cut and clothes :p

  13. Daniela on January 2, 2010 said...

    Thanks very good your idea, is very useful to see the process of how to solve problems,thanks

  14. Nick Walker on January 3, 2010 said...

    Love the (possibly) new format. Solving problems on the fly is real. It’s a skill more valuable than knowledge of any single plugin or effect. The best part was hearing 3 or 4 solutions to the same problem offered by the audience. There’s always more than one way to get from A to B. Keep up the great work, Nick! Nice keyboard in the background. You compose as well?

    The Gorilla

    Great point, Nick. As far as the keyboard, I used to be a recording engineer and played in a few bands. I LOVE music!

  15. Mich. on January 3, 2010 said...

    It was very nice to see that other people also have a “Not so smooth” work flow some times. When watching scripted tutorials it appears like everybody else, always knows exactly how to do everything…

    This way it becomes more “Teamwork’ish” and that is cool.

    I watched the recorded version, but it still worked for me.

    Having said that, I think both ways (Live and scripted tutorials) have their advantages.
    If every tutorial on the web was live, I would die of old age, before I got through 4 of them ;o)

    The Gorilla

    Thanks, Mitch. I think scripted tuts will be more for specific techniques and live workflows will be for bigger ideas. Thanks for watching.

  16. seth on January 3, 2010 said...

    Hi Nick, great Tutorial and what happened to your hair? I must say i liked it more the way it used to be.

    The Gorilla

    Thanks, Seth. I just got my long awaited haircut. The hair will be in full form next tut I promise. :)

  17. Rickard Bengtsson on January 3, 2010 said...

    Loved it!

    Look forward to seeing more

  18. Dimitris on January 3, 2010 said...

    Why not C4D?

    The Gorilla

    Some people don’t have C4D. This tut was all about creating a 3D look without 3D software.

  19. Mark on January 3, 2010 said...

    Thanks Nick, I really enjoyed watching this and seeing you encounter and solve problems on the fly. I watched the recorded version but enjoyed the community vibe and as mentioned above i thought it had much more of natural teamworkish feel than usual tutorials. Great job!

  20. Robert goes on January 3, 2010 said...

    Hay im having a bit of trouble having the chat room

    The Gorilla

    Hi, Robert. The chat room was only during the live event. I will definitely do more Live tutorials. Stay tuned here or follow me on twitter @nickvegas to see when the next Live Tut will be. Cheers!

  21. Brett Perry on January 3, 2010 said...

    Hey Nick,
    I liked the live tut. I’ve been a fan of the format since watching, “Happy After Effecting with Maltaannon.” Unfortunately I didn’t catch the tutorial live. I could have helped with the 3D stroke part since I noticed right away that you hadn’t checked the “use comp camera” box. That’s one of those parameters that ahould already be checked as a default in my humble opinion. When I use z clip or near and far vanish on the faux 3D filters, I find it easiest to see what’s happening in the “top camera” mode. There are also several ways to create 3D text in AE. You can use the Shatter filter, or enable the 3D text and use the z scale to extrude it as well as the method you showed in the tut. All these methods have their draw backs. A real 3D program or plug in from Zaxwerks like Invigorator or Proanimator is still the best route for great looking 3D text. Thanks for all the hard work you put in and I’ll be there for the next tutorial – LIVE.
    Brett

  22. Jesper Sandell on January 4, 2010 said...

    Great as always Nick!

  23. Jean-Sébastien Dussault on January 4, 2010 said...

    Really liked this.

    It becomes all about process rather than regular how-to, and tells us trial and error is part of it.

    Feeling less unpro painting myself into an undo corner. :)

  24. Rob on January 4, 2010 said...

    great nick, I liked it!

    I tryed to do the stroke with particle world and a null object.. but it didnt work that well

    thanks.

  25. Lawrence on January 4, 2010 said...

    Hey Nick, great session – thanks for doing this. I like the format and like the others am sad I missed the live version. If you’re looking for stuff to tute on, how about doing the cinema to AE thing (I know you already covered this part very well), then some AE stuff, and then showing how you’d take that back (AE camera stuff + nulls if possible) to cinema further along in the comp? Anyway – Great Job!

  26. rami on January 5, 2010 said...

    Yo Nick,

    Thanks a lot for the effort. I gotta tell you though, that for my money, scripted tuts are way better than this “real-life-problem-solving” approach, simply because I don’t see how anyone can “learn” problem-solving from a video tut. The only way to learn it is to experience it. Trying to achieve something – running into problems – and solving them. By yourself. Practice, practice, practice. So to me, this ends up to be a waste of time. To me it seems that any designer who’s already working and has a busy schedule, is more likely to prefer tuts that simply demonstrate new concepts and techniques in a concise, to the point manner, packaged as a short video tutorial.

    Again, I appreciate your effort and love your work.

    The Gorilla

    Good point, Rami. I can see how these types of exercises can be frustrating if all you want it the answer.

    Maybe the live tuts should be more about showing people how to solve problems than actually doing an effect.

    Thanks for your comment. It got me thinking.

  27. Erwin on January 5, 2010 said...

    Loved it! The problem solving thing really worked for me. Thanks!

  28. Peter on January 5, 2010 said...

    Great tut!

    I have mixed emotions on this format, I like to see the process of solving problems but it can generate a very long tut.
    Maybe a scripted tut that shows your first approach and why it didn’t work and then what you did to make it work. This would make for a little shorter version.
    Just a thought and whatever you decide is fine with me!
    Love the site!

    Pete

    The Gorilla

    Thanks, Peter,

    I’m still figuring out this format too. It can get a bit long and wandering at times. I think though that with so many fast scripted tuts out there, I want to present a more realistic picture to people learning about how to do this stuff.

  29. Logan on January 5, 2010 said...

    Nick

    Love what you’re doing man! First live one was pretty rough around the edges, but love the idea behind it.

    In the trenches. Figuring stuff out like we all do. Love it! Keep it up!

    Logan

    The Gorilla

    Thanks, Logan.

  30. tim on January 6, 2010 said...

    I use expression to move the layers back in z space – basically i have the layer look at the layer above it and the move back from that.

    Siforee

    I also use an expression for this:
    Make a layer and duplicate it, on the position of this duplicate I put the following expression:

    Z = thisComp.layer(index-1).transform.position[2];
    [position[0], position[1], Z-1];

    Index-1 means “the layer above”
    and the -1 at the end of the script is the distance (in this case in Z space) from “the layer above”
    So any duplicate moves back 1px!

    Hope this is usefull for someone and thanks so much Nick for all your tips and tricks!

  31. j on January 6, 2010 said...

    please do not make anymore live tutorial.
    you make a hell lot of mistakes.
    well… you know what. maybe, when you have to do repeating stuff. cut that out!!

    The Gorilla

    Sorry they are so long, I’m working on that. However, I think it’s important to see a workflow and how to solve problems, don’t you? Aren’t there enough step by step tutorials out there already? Besides, this is how people actually work. Not in a step by step fashion, but by trial and error. Following a step by step tutorial only teaches a “trick”. I’m trying to show a bit more than that. I’m trying to show problem solving techniques.

    j

    well. i have to agree. how about this – cut it short by eliminating the repetitive process out of the video. And why not show the “trial and error” process in words. i believe that is a very good way to get your “showing problem solving techniques” to the people. :)

    i.e – Problems that was encountered during the making of this video : 1. blah blah blah.
    1.1 why it happened
    1.2 it was solved by clicking on the alpha
    channel (example)

    f1a5h84ck

    Nick, don’t you understand that the best problem solving technique is not pressing all the keys on the keybord trying to solve the problem, BUT READING THE HELP for the software you are working with. )

  32. m-_g on January 6, 2010 said...

    I like this way, showing process and mistakes and seeing one of the ways to do an effect.

    Iit’s good to see you don’t do an effect in 10 minutes but in one hour, it’s very important for beginners I think, each scene in after effects needs time.

    Thanks a lot for all I learned with your tuts,
    a little video for the new year, a bit of c4d and AE,

    http://vimeo.com/8545174

    m-_g

  33. Greydog on January 8, 2010 said...

    Nick,

    Thanks for doing these. I’m really digging the live feel. I am surprised 3D Stroke doesn’t have a Z Obscure function ala Particular. I recent did a similar effect using an emitter with Z Obscure pointing at my text layer. Works perfectly and you can move the camera all you want!

    Anyway, thanks for continuing to feed our brains!
    Jason

  34. elad on January 11, 2010 said...

    thanx nick, thats really helpfull stuff.
    i love it as it is, even if its a little bit long – that is the only way to underdtand how things are actually happends

    waiting for the next tut

    great week

  35. f1a5h84ck on January 20, 2010 said...

    Hey, Nick.
    You screwed again.. :)
    Instead of deleting the bevel effect on each layer separately you should select all the layers, press E (Effect) and then select all the Bevel effects and delete them at once.
    Good luck, man! :)

    f1a5h84ck

    Ooops, sorry Nick. My fault.
    Missed the right window. I was watching your first live tut and my comments are for that show.

  36. jorge on January 21, 2010 said...

    you need to check the shatter effects for the 3d text in AE

  37. Wes Wally on January 31, 2010 said...

    Nick, seriously dude, even though I missed the actual live broadcast the lengthy video wasn’t an issue at all. I think this is a brilliant concept, cause as you said, design is about problem solving, and I couldn’t think of a better form than with a group of like-minded AE wizz’s!

    Would be cool to see a small live feed of the users comments aswell, although a cluttered window could be an issue…?

    PS: Just checked that link to Graymachines Vintage package, looks amazing!

  38. Tommy Vad Flaaten on February 3, 2010 said...

    I loved that thick soft 3D effect! Thanks for showing.

  39. Ramzes on February 7, 2010 said...

    Nick thank you very much for your tutorials and time which you spend for us! Great staff

  40. Ramzes on February 7, 2010 said...

    Guys who knows a good designer chat room?Tell me please

  41. Raphael on February 12, 2010 said...

    Hey Gorilla!

    Great job, awesome Tutorial. – Will the AE-Project be available for download?

    thanks for the Inspiration!

    Raphael, Switzerland

  42. Raphael on February 12, 2010 said...

    dear Gorilla!

    thank you for your inspiring job. – You mentioned on the video, that you would post the AE project. – Will you do that for me? – Would help me alot.

    love
    Raphael, Switzerland

  43. markus on February 15, 2010 said...

    Hi Nick.
    Just found your live Tutorial.
    Although I liked the idea of it beeing live very much it is strange to try to use them later. Having to find out where to stop to listen and and where to pick up again, after you corrected your error.
    But then again this is the way to learn.
    Keep em coming.

  44. thomas opperer on February 19, 2010 said...

    i loved this tutorial. see you struggle thinking about several possibilitys to solve a problem was very helpful. probably more helpful than a 20min runthrough.
    i also like your colourcorrections and “make it fancy” techniques.
    so, thanks for this great tutorial. there where definetly some great things going on.

    btw with Effect > Simulation > shatter
    you can also extrude a layer to let it look like its 3d.

    kindest regards

  45. grifo.tv on February 24, 2010 said...

    great tutorial, here’s what I did: http://vimeo.com/9660374

  46. Shehzad on February 28, 2010 said...

    Great work i m real thankful i was searching for so many days for these 2 tutorials one 3d text and the other bbc opener… i realy appreaicate ur help

2 Trackbacks

  1. By You are now listed on FAQPAL on January 3, 2010 at 1:22 am

    How to make 3D Text and use 3D Stroke in After Effects…

    Check out the very first Live GSG Tutorial on how to make 3D Text and how to Make 3D Stroke….

  2. By ??AE?????? « ???? on March 10, 2010 at 1:51 am

    [...] View Tutorial [...]

Your email is never published nor shared. Required fields are marked *

*
*

Search:
  • Learning Links

  • AE Tuts
  • PSD Tuts
  • CG Tuts
  • Motionworks
  • Pariah Studios
  • All Bets Are Off
  • FXPHD
  • Squeezeme.tv
  • C4D Cafe
  • cgpov
  • HelloLuxx
  • VisualFXTuts
  • Video Copilot
  • Digital Hitchhiker
  • Signup For The Newsletter

    Join the Greyscale Mail, an almost monthly newsletter about everything Gorilla. Sign up and get early invitations to contests and information about what I'm up to and in to. Just so you know... spam sucks, your email is never published nor shared.