Set Up A Natural Unfolding Logo Reveal Or Transition – Tuts+ Premium
plus

Set Up A Natural Unfolding Logo Reveal Or Transition – Tuts+ Premium

on Oct 29th 2012 with 12 comments
Tutorial Details
  • Requirements: After Effects and Illustrator
  • Difficulty: Intermediate
  • Run Time: About and hour
Download Source Files

Final Product What You'll Be Creating

In this tutorial we are going to take a look on how to create a nice looking and easy to create unfolding effect in After Effects. We will begin dividing our vector logo using masks, the we will parent and animate the logo giving a realistic unfolding look using expressions. Premium members can also download the project files and just drop a logo in.

Step 1

The first thing we have to do, is to divide the logo in triangles. As we have to be extremely precise, doing it in After Effects could be really hard. So we will design our unfolding system in Illustrator first.
Select the Rectangle tool by pressing M, then draw a square keeping the Shift button pressed.

Step 2

Change the color of the square.

Step 3

Select the “Delete anchor point tool” pressing -, and delete the bottom right anchor point. Now we have a triangle with a perfect 45 degree inclination.

Step 4

Double click on the Layer name and rename it in “Triangle”.

Get the Rest of the Tutorial!

Premium After Effects TutorialsDidn’t hear about Ae Premium? It’s an additional, in-depth tutorial, published each week just for our Premium subscribers (on top of all our regular free content!)

Join Today!

Join Premium and Expand Your After Effects Knowledge!

For those unfamiliar, the family of Tuts+ sites runs a premium membership service. You gain access to exclusive premium tutorials, screencasts, and freebies from Aetuts+, Nettuts+, Psdtuts+, Cgtuts+, Activetuts+, Phototuts+, Audiotuts+, and Vectortuts+! For the price of a pizza, you’ll learn from some of the best minds in the business.

Become a Premium member and download this tutorial today!

What Do You Want to See on Premium?

Is there a specific technical aspect of After Effects that you really want to learn more about? How about a very advanced technique that you could never quite grasp fully?

We really want to make our Premium content as relevant and useful to you as possible, so do send through your comments and requests to ae@tutsplus.com. Let us know what you want to see, and we’ll commission top-notch After Effects experts to teach you!

 

Tags: Premium
 
Enjoyed this Post?

Subscribe to our RSS Feed, Follow us on Twitter or simply recommend us to friends and colleagues!

By

Rollover to read this author's bio or click through to see a full list of posts by this author.

I was born in Varese, Italy, in 1983. I got a degree in Audiovisual Communication Sciences at the University of Milan in February 2008. Passing through the experiences of post and video production I have deepened my skills in video editing and motion design. I've worked for a number of prestigious clients such as Allianz Bank, Bocconi University, Coca Cola, Cepu, Samsung, Poste Italiane, Juventus and Replay. Since January 2011 I have been working as a freelancer for various Italian and foreign communication agencies. Check out my website.  

Plus Premium
 
 
  • Alvin Yong

    I wish to learn!!! but im not premium member =(

  • Anderson Guering

    fuck you, make them free you fucks

  • http://www.facebook.com/CheeseggProductions Kevin Stiller

    They have to make a living too, you know. The knowledge you learn on this site is extremely cheap as compared to the price you have to pay at an institution. I do not own premium, but I’m very close to subscribing now.

  • Yan Paul Dubbelman

    Man o man, I’d love to get this one. Are you going to release a pack of these tutorials for a nice price? I would be very interested.

  • Steven

    Soooo, Mr Anderson,

    you demand to get this tut 4 free… whats the matter?

    using software for 1.300$ and no cash for the premium?
    do you use AE as a professional? so it could be easy for you to afford the memberchip… or did you bought the software for fun?
    (spending so mutch money on a FUN thing.. you should be able to get the premium status…)

    you paid for the software, right?

    it´s a thing of giving them back what you get… the TUTSPLUS-Guys are doing a great job, and the have bills to pay… if none gets the premium status, the site would be offline –> think, before you scream like a little girl…. (and now, read a book!)

    • Kareem

      “you paid for the software, right?”

      i think Mr Anderson downloaded it as a torrent for free lol

      • Steven

        (lets keep it funny)

        that would make me an “Agent Shmith” and him NEO The Hacker…
        ;)

        uuuhh… i have a big-ass-gun and can move fast!!!
        (in the end i loose, but well… YOLO)

  • Qeitr

    I have a problem. I’ve cut the triangle (ctrl-x) mask and then paste it (ctrl-v) to logo layer but the mask is placed in center composition. How can i paste it to the right place?
    (Sorry for my english)

    • http://www.facebook.com/profile.php?id=603038231 Lele Colombo

      You probably have changed the scale of the logo in After effects. If your logo is too small for your composition, resize it from Illustrator. You could import it in the Mask.ai file so you can check the position of the masks, resize the logo, delete all the triangles, and save it as a new file.

  • matt

    Hey Emanuele I’m having trouble animating every part individualy.
    The very first part, which is parented to the second one, works perfectly with the -45° & 45°.
    When I’m trying to rotate another piece everything just rotates with it (except for the very first part… guess it’s the strange working one), as if they are all linked together on the rotation parameter.
    Any ideas? Thanks!

  • http://www.facebook.com/people/Sasha-Volyn/100000701960049 Sasha Volyn

    i have question! I did this lessons at AE4 and script there don’t work, what i did wrong ?
    script sample
    n = 0;

    if (numKeys > 0) {n = nearestKey(time).index;if (key(n).time > time){n-;}}if (n == 0) {t = 0;} else {t = time – key(n).time;}

    if (n > 0){v = velocityAtTime(key(n).time – thisComp.frameDuration/10);amp = 8;freq = 1.0;decay = 2.0; value + (v/100)*amp*Math.sin(freq*t*2*Math.PI)/Math.exp(decay*t);}else{value;}

    • Emanuele Colombo

      Are you using a Macbook?

      Sometimes it doesn’t copy the expression the right way, it replace spaces with question marks. Just delete them.