Create a MoGraph Urban Jungle – Day 2

Feb 6th in VFX by Naim Alwan

In day 2, Naim show us how to setup the vector graphics in Illustrator then track the man on the phone in Mocha AE. Finally, to wrap things up we jump back into After Effects to finalize the composite.

PG

Author: Naim Alwan

Naim is a young pixel pusher, pushing pixels in whatever application he can get his hands on. He spends most of his time dreaming of being a famous filmmaker, and whatever time he has left actually trying to become one. His girlfriend calls him a geek, his friends call him a geek, his family call him a geek... and he actually calls himself one... with pride.

Naim explains:
Today we will continue animating the floral elements, and position the elements into the 3D scene. We will use the camera data to achieve easy track mattes, only needing a small amount of keyframes. We will spend some time focusing on a roto workflow, learning the do's and don'ts of all things roto, the roto application of choice will be Mocha (it's free with CS4). Finally the mattes will be applied to specific layer concluding in a beautiful live action/motion graphics scene.

Preview

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

Get the Flash Player to see this player.

Download

Preview

View Tutorial

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

Requirements: Illustrator and Mocha AE which ships with After Effects CS4.
To use with previous versions you can get Mocha AE here

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

Enjoy this Post?

We'd love your vote!

Plus Members

Source Files, Bonus Tutorials and
More for $9 a month for all Tuts+
sites in one subscription.

Join Now

User Comments

( ADD YOURS )
  1. PG

    Guest February 6th

    hey how come I’m not seeing the tuts link in flash??

    ( Reply )
  2. PG

    Bobmatik February 6th

    C’est super. Merci de partager.

    ( Reply )
  3. PG

    Stefan February 6th

    Yeah me too :( something is wrong :S

    ( Reply )
  4. PG

    Ken Hanson February 6th

    looks like http://www.viddyou.com/ is down.

    ( Reply )
  5. PG

    Salmen February 6th

    Viddyou Site temporarily closed for maintenance. ……

    ( Reply )
  6. PG

    Cris February 6th

    Are there any mirror for the video tutorial?
    Viddyou sucks. Why not Vimeo?

    ( Reply )
  7. PG

    Lloyd Alvarez February 6th

    We are aware that the videos are currently down. Please bear with us while we work to fix this.

    ( Reply )
  8. PG

    Kid February 6th

    OK

    ( Reply )
  9. PG

    Kid February 6th

    “Are there any mirror for the video tutorial?
    Viddyou sucks. Why not Vimeo?”

    Jesus Christ, quit bitching and be patient.

    ( Reply )
  10. PG

    sbalanko February 6th

    ok ok ok patient…..

    ( Reply )
  11. PG

    JohnM. February 6th

    Didn’t we see the video already in the previous tutorial?

    “Jesus Christ, quit bitching and be patient.”

    How about you stop flaming people and be patient…

    ( Reply )
  12. PG

    JohnM. February 6th

    I was referring to the Preview…

    ( Reply )
  13. PG

    kid77 February 6th

    SUPER

    ( Reply )
  14. PG

    illd February 6th

    Hello Naim,
    not bad for your first tutorial:) Thanks for explaining the rotoing so well. Would have been interesting to see you doing just a quick rotomask in Mocha.
    May I ask How long you did take to roto the whole shot?

    ( Reply )
  15. PG

    luantran February 6th

    Thank…….gooooooood

    ( Reply )
  16. PG

    Aloke Pillai February 7th

    Great Stuff!

    ( Reply )
  17. PG

    omphteliba February 8th

    great video! thanks a lot!

    ( Reply )
  18. PG

    NAIM February 8th

    ILLD… this was my first attempt at VFX in AE, i made it a a while ago… when i was just starting out… it took me bloody ages… the roto alone took me a week or two (on and off)… and to complete the whole shot… well that was about a month or so of work…

    how i actualy taught it in the tutorial was not how i made it a the begining….the comp was such a mess… i actualy learned from my own tutorial…

    when you have a shot in your head be sure to plan it before you begin.

    Thanks for the kind comments guys.

    ( Reply )
  19. PG

    Eric February 8th

    Great tutorial! Thanks!

    ( Reply )
  20. PG

    fausto pacheco February 9th

    amazing
    gerat
    thnks

    :)

    ( Reply )
  21. PG

    Jim February 9th

    Very Nice Tutorial. Thank-you. I learned quite a bit watching it.

    The biggest thing I learned is just how much more I have to learn! So thanks again.

    ( Reply )
  22. PG

    Chris_LM February 9th

    Hey Naim,

    I just watched both parts of the tutorials and I must say that it was a very proffesional and creative tutorial that you have made. Being your first one.

    You did a very good job, and I hope like many others that you will make another great tutorial like this one.

    ( Reply )
  23. PG

    Antonio Mártir Ross February 10th

    Hey Naim,

    Do you film that footage or you buy it and where, also were you buy the graphics or if you can send me the project files + footage if you can ok, this is a superb tutorial and I know you will be a lot better thanks on the next one, cheers…

    ( Reply )
  24. PG

    jon February 10th

    Where can I get the footage.
    I am willing to buy it .

    ( Reply )
  25. PG

    NAIM February 10th

    Hi guys thanks for the comments.

    unfortunatley i cannot give out the footage as it is not mine. but you can find plenty of footage to mess around with on http://www.vimeo.com you are able to download most clips from their. the vector art i brought from istock.

    ( Reply )
  26. PG

    Keys February 12th

    How do you download footage from Vimeo i try but no luck??

    ( Reply )
  27. PG

    QingLIU February 13th

    poject??where

    ( Reply )
  28. PG

    NAIM February 14th

    @Keys

    under the statics of the videos is an option to download.

    ( Reply )
  29. PG

    knaknak February 17th

    Awesome! I can’t believe it’s your 1st tute either, it was very informative with a fantastic result. Great work Naim, thanks so much for posting this. I’ll be sure to join your Vimeo Group too.

    ( Reply )
  30. PG

    yy February 20th

    you may uploading your flashplayer

    ( Reply )
  31. PG

    cnu February 21st

    hi..this cni frm frm india its good tutriol….. how to download this tutriol

    ( Reply )
  32. PG

    Winston February 24th

    Thank you very much for this outstanding tutorial. One of the best and most thorough on rotoscoping available on the web. Boujou or not, everyone can learn from the tracking concepts you pointed out in this tut.

    Please keep the tuts coming!

    ( Reply )
  33. PG

    walterson March 1st

    beautiful !!!
    muito bom!!! excelente turorial de nivel avançado

    brazilian

    ( Reply )
  34. PG

    coolboarder44 March 11th

    Amazing tutorial! Top quality and very professional looking! Now if only I could find the time to invest in a project such as that! :)

    ( Reply )
  35. PG

    Tobias March 21st

    wow thnx a lot. this tutorial was so helpful. i’ve really been looking for sth. that explains these things

    ( Reply )
  36. PG

    Chris April 1st

    Loved your tutorial, very clear and informative.

    ( Reply )
  37. PG

    newbie April 13th

    Once again Congradulations !!!
    Although it is your first tutorial ,you’ve conveyed the whole idea so great….and with professionalism (at least to my eyes).
    I feel a bit scared to get myself into this tutorial step by step becuase I will need months to practice it and organize such a complicated comp but I’ve learned a lot of things I’ve been missing for a long time.
    Your tutorial took me one step further and I will try to practice it with a more simple comp at the beginning.
    I hope that you will post more tutorials in the future .
    You’ve just added on your list a new Fan of your work and creativity.
    keep going Naim

    ( Reply )
  38. PG

    CgBaran Tuts April 22nd

    Great tutorial thanks

    ( Reply )
  39. PG

    iamredd May 10th

    Hello Naim,

    i got some problem when i try to do the same thing in my sence
    http://www.flickr.com/photos/reddbastard/3516890651/
    http://www.flickr.com/photos/reddbastard/3517701436/
    http://www.flickr.com/photos/reddbastard/3517701378/
    http://www.flickr.com/photos/reddbastard/3516890421/
    here are what i did in the boujou
    but i don’t know who to figure out which one is floor and which one is wall
    it’s there are any tips or tutorial can tell us how to distinguish these !?

    ps. the orignal video was right there
    http://www.youtube.com/watch?v=TVzpTql-h60

    ( Reply )
    1. PG

      Roy May 10th

      I watched your footage. Boujou is for 3D tracking, and for your material you don’t need one – it’s flat wall!!! Get better footage with corners, angles moving on parallax or something, then Boujou will shine!

      ( Reply )
  40. PG

    kuunami May 16th

    How much would you charge a client for a shot like this?

    ( Reply )
  41. PG

    Doggy May 19th

    Naim you are pure BBQ ownage!! Many thanks for your time and effort on this, it’s exactly what I’ve been looking for!

    Zang….

    ( Reply )
  42. PG

    LIV July 23rd

    muy bueno satanas

    ( Reply )
  43. PG

    editor4yourfilm August 18th

    Naim, I loved your tutorial!

    One thing I wanted to clarify for those folks who are desperately searching for a way to export rotto shapes or mattes from Mocha for AE that came with CS4…. there is no way to do that! After some internet research, I found that actually users must upgrade to the v2 version of Mocha for AE ($100) in order to get the export render option.

    Of course, the full version of Mocha has this.

    Just thought this may save a few people some time and frustration.

    ( Reply )
  44. PG

    ali November 3rd

    how can i found this video of original?

    ( Reply )
  1. Arrow
    Gravatar

    Your Name
    November 3rd