Cinematic Opening Title Redux – Day 2

Tutorial Details
  • Requirements: After Effects
  • Difficulty: Intermediate
  • Run Time: 36:49 min

Final Product What You'll Be Creating

In day 2 Lloyd finishes the tutorial and shows how to use scripts to split up and animate a logo into hundreds of pieces. He also adds the finishing touches including an alternate ending not shown in the preview. Even though scripts might be perceived as advanced tools, this tutorial aims to shatter this myth and guarantees you will feel comfortable using scripts to help automate and improve the speed of your work.

You can watch Day 1 of this tutorial here


View Tutorial

RSS readers: click post title to view preview video at AETUTS.

Instructions: Click ‘View Full-screen’ button (bottom right corner) to see this HD tutorial at maximum size. Click screen to pause, click again to play.

Get the Flash Player to see this player.

Download

Tutorial

Music and Images used in the final piece


Extraterrestrial from AUDIO JUNGLE
Reflection Nebulas in Orion from NASA
In the Center of Reflection Nebula NGC 1333 from NASA

Add Comment

Discussion 59 Comments

Comment Page 1 of 21 2
  1. DKumar M. says:

    One more addition to my to do list… Thanks Lloyd for sharing such a easy tutorial.

  2. sbalanko says:

    yehaaa i need this

    great tut

    i love aetuts

  3. Trevor McPherson says:

    This is so cool Lloyd. Such an elegant use of scripts and expressions. I’m loving it. Thank you very much for all the effort!

  4. Kid says:

    Wow…..this is great!!!

  5. keys says:

    wow this is awesome thanks so much….

  6. Van Tremo says:

    Great job Lloyd… ! Thanks
    How difficult is to make the project file shareware ?
    Just asking….

  7. Ahmed Mohsen says:

    Well done Lloyd
    great tutorial . . . thanks a lot

  8. perry says:

    I really love this one.thank you very Cinematic and would ask you to do more like this but i love everyhting you do.lol. dont want to disturb your motivation or artisticness lol. once again thank you.

  9. illd says:

    Hi Loyd,
    now that was a great Turorial-series. I learned so much, I enjoyed every second. I even liked seeing an AE-pro like you fighting the same problems I often have, like multiple keyframe selection only possible by scrolling down about a minute or getting nearly lost in the viewers, seems I am not the only one :)

    But I also have two questions:
    1) Is there a special reason you didnt use the Carddance- or even the Shatterplugin to simulate the Logo splitting up in chunks? I mean they are able use the AE cam too, and splitting would be easy. I assume you wanted to have the control over every single chunk…

    2) In part2 you are doing an Cameraedit at the end and then you copy that keyframe to all the other Cameras in the subcompositions. Now what I am not shure about is, if this is only for reference purposes in all comps, so that the cameras are “in sync”, or did you that because the “Maincamera” in your Workcomp was no longer controlling the subcomps. I mean, if you got all subcomps anyway synced by strictly copying, is there a need for a “MainCamera” in the Worckomp?

    That collapsetransformation hierarchy thing makes me often lost in AE – sometimes it works as aspected sometimes it messes up a lot like blendmodes, transparency or even flickering and intersecting – can you confirm that?

  10. tom says:

    well *thumbs up*

    Very nice tut, thx for sharing your knowledge.
    I really like the workflow and organisation …

    keep up with the good work :)

  11. tillimanjaro says:

    Super nice cinematic tutorial using all that scripts i never realy used.
    The dramatic music makes me wanna try it out :)

    tillimanjaro

  12. Author

    @illd – 1. You are correct, by using the script I have control over every single chunk. Since computers are so fast now, I can handle hundreds of layers without much of a problem so I like to have complete control if possible. Same for the text in part 1.
    2. If the pre-comp has collapse transmations on then the camera from the main comp controls the scene but if you don’t then you need a camera in the pre-comp which is why i had those cameras in there and needed to keep them in sync.

  13. illd says:

    @ Lloyd,

    ok, during the tutorial you turned the collapse transformation in your maincomp off. Did you then turn it on for the final render? I mean had you ever had some disadvantages (blendmodes wrong displayed, transparency issues ect.) using it?
    Sorry to bore you with that, but its important to me understanding an apropriate workflow with the AE cameras and precomps – I often got rendererrors with collapse transformation, like I said before and I am not shure if its AE or my machine causing this.

  14. Author

    @illd – Since I had a copy of my camera in the pre-comp I did not need to turn on collapse transforms at any point, preview or render. Collapse Transformations is a very powerful feature of AE and I use it all the time I just didn’t think it was necessary for this project and I agree that it’s one of the more confusing aspects of using AE. So now you know a way to avoid using it (by having a copy of your main cam in the pre-comp).

  15. Steve Forbes says:

    I don’t even know how to use AE at all, but watching this tut makes me want to get into it! :D

    Awesome tutorial man! Great effects! :)

  16. insic says:

    wow! following this tutorial is so awesome. i love my result.

  17. Joe Clay says:

    For realism, I’d probably darken the faces of the aetuts layers until they formed the logo and I’d probably set shine up to cast shadows. But, that’s my opinion. It might not look as good.

    You could use card dance as well, but it’s not as easy as this method, since you have to make an animated displacement map. It might render quicker though.

    Overall, nice tutorial. It’s a little more advanced than the previous ones, so hopefully it’ll quiet the complainers—though I must say I’m glad for more advanced tutorials. I generally only watch tutorials to see how other animators work. Occasionally I pick up a new trick. It’s lonely being a freelancer, lol.

  18. James says:

    Lloyd,
    Great Tut.
    But where exactly do we put the scripts?
    Do they all go in the UI Panels folder?

    James Wicks
    AE CS3, Mac OS X

  19. Author

    @James – Watch the tutorial on how to install and run scripts that is linked in the post above

  20. James Wicks says:

    Lloyd,
    Some scripts need to be in the UI Panels folder, and some do not.
    It’s not clear which ones you used are supposed to go in which folder.

    Thanks anyway,
    J

  21. Author

    @James – If the script is run from the Window menu then it’s installed in the ScriptUI Panels folder, otherwise it is just installed in the Scripts folder and it’s from from File->Run Scripts

  22. JUAN LUIS says:

    HELLO IM FROM SPAIN. I THINK YOU ARE GREAT, WITH A COOL AND ELEGANT STYLE.
    I JUST WHATCHED YOUR SAN FRANCISCO INTERNATIONAL FILM FESTIVAL OPEN AND ITS INCREDIBLE.
    CAN YOU EXPLAIN US HOW DID YOU DO IT.
    USING TRAPCODE 3D STROKE PERHAPS?
    THANKIU VERY MUCH FOR YOUR TUTORIALS.

    PERPHAPS ONE DAY YOU COULD EXPLAIN US YOUR CBS PROMO TOO.
    AMAZING.

  23. Steve says:

    Hey man, Awesome tutorial…..

    how did you create these blurry red/green/blue edges……in the corners?
    this effects is quite cool….looks like tv-signals….alpha channels….could ya explain how ya did this?

    thanks alot

  24. Tyler Menezes says:

    Wow, really nice. You should actually include that at the beginning of your tutorials; it seems like a waste to not use it for its intended purpose.

  25. Samir Graphics says:

    It’s nice tutorial, and wonderful output, but in my opinion: you can use more sample techniques for similar output….
    For example why u didn’t use card dance or mosaic photo instead of using 3d script and 1000 layers..!!!
    anyway gr8 job.
    thanks alot

  26. Steve says:

    how did ya get those tv stuff….these rgb channel splitting on the edges?

  27. Skylar says:

    This made me smile.

  28. מוישלה says:

    i’ts eas cool!

    מאוד נהניתי.
    נראה אותך פותח בבילון לקרוא את התגובה שלי שהיא בעברית, ומחזיר לי בעברית.

    ביי, אחי.

  29. yy says:

    thanks alot sir

  30. Ricardo says:

    hey i want to ask you a question. do you have the after effects file? i would like to take a look at yours

  31. Oliver says:

    Great Tutorial! But where’s the short RGB split tut?

  32. toyBunny says:

    This is very cool. Nice and easy, yet very sophisticated. Keep it up!

  33. Ken says:

    great tutorial. how can i embed this in a blog? i will give link back to here

  34. da_ae says:

    hey Lloyd,

    when I tray to start the 3D_layer_distributor.jsx script I get this massage:

    Unable to execute script at line 51. After Effects error: Can not call setValue() on a property with keyframes. Use setValueAtTime() or setValueAt Key() instead.
    any ideas what´s going wrong?

    thx
    da_ae

  35. da_ae says:

    that´s it!
    Thanks a lot.

    greetings,
    da_ae

  36. Nemesis says:

    Great tutorial, thank u !

  37. adams says:

    The dude is a genius! Brill tuts. Hope oneday you do an after effect tutorial on how to build a 3d world without external plugins. Now, that be an awesome tutorial too. :)

    Love the scripts. Cheers.

  38. CgBaran Tuts says:

    Great tutorial thankss

  39. Really good tutorial! Many thanks!

  40. Sirwan says:

    the videos take too long to upload!!! please use another hoster.

  41. atifqureshi says:

    great tut

  42. josef says:

    I enjoy these tuts very much but is there a problem with your video player…it is extremely slow…Surely there must be a quicker alternative

  43. alex says:

    wow how amazing, i came aross AE by acident, and looks for videos about it and this came up, and im suprised at how much you can do with this program and such a short amount of time

    thankyou, i will be back to see some more and will take away the skills and use them

  44. IANH - BR says:

    anyone have this file 3d_text_creator_from_file.jsx to make a upload ?
    im from brazil, and now need to pay to make a download..

    i realllyy want to do this tut, i need the script,
    anyone con help me ?

    thanks!

  45. IANH - BR says:

    Sorry, i already download, thanks!

  46. 0583257 says:

    Great tutorial!

  47. zhangrourou says:

    Thanks
    This a great tutorial

Comment Page 1 of 21 2

Add a Comment

To add a code snippet to your comment, please wrap your code like so: <pre name="code" class="html">YOUR CODE</pre>. You can replace the class name with "js," "css," "sql," or "php." If there are any "<" or ">" within your code, please search and replace them with: &lt; and &gt; respectively.