Creative Communities of the World Forums

The peer to peer support community for media production professionals.

Activity Forums Adobe After Effects Animation Transition

  • Animation Transition

    Posted by David Larock on February 2, 2013 at 1:28 pm

    Hey,

    I’m fairly new to creating info graphic animations but want to get better.

    I’ve been trying to figure out how to re create this transition but can’t seem to figure it out.

    https://www.youtube.com/watch?v=qZTMT89EAHM

    The transition is the one at around 1:54 where the page kind of folds.

    If anyone can help me out that would be awesome!

    Thanks!

    Some contents or functionalities here are not available due to your cookie preferences!

    This happens because the functionality/content marked as “Google Youtube” uses cookies that you choosed to keep disabled. In order to view this content or use this functionality, please enable cookies: click here to open your cookie preferences.

    John Cuevas replied 13 years, 3 months ago 3 Members · 5 Replies
  • 5 Replies
  • Vishesh Arora

    February 2, 2013 at 1:43 pm

    David

    CC Page Turn effect(Go to Effects>Distort>CC Page Turn) would do the trick.

    Vishesh Arora
    3D and Motion Graphics Artist
    Films Rajendra

    Blog:
    https://digieffects.wordpress.com

    2011 3D Demo Reel:
    https://www.youtube.com/watch?v=lHPgIJU_BR8

  • Vishesh Arora

    February 2, 2013 at 2:50 pm

    See the Example:

    5363_ccpageturn.zip

    Vishesh Arora
    3D and Motion Graphics Artist
    Films Rajendra

    Blog:
    https://digieffects.wordpress.com

    2011 3D Demo Reel:
    https://www.youtube.com/watch?v=lHPgIJU_BR8

  • John Cuevas

    February 2, 2013 at 3:19 pm

    That looks like a bought transition from some NLE transition package, but it can be easily recreated in AE.

    Assuming a 1280×720 comp.(need to determine a size, because there’s some math in this one)
    Step 1: Place Outgoing shot & Incoming shot into there own precomps.
    Step 2: Create a Final comp and drop both shot into it.
    Step 3: On the outgoing comp, create a mask that divides the comp at the fold line. Copy this mask to the incoming comp. Duplicate both comps, twirl open the mask properties of the duplicates and change the mask to inverted.(If it helps rearrange the stacking order of your comps, and rename them with “_top” “_bottom”) You should have a full screen shot right now.
    Step 4. Take Incoming top and move it from 640×360 to 640×0. Take Incoming bottom and move it to 640×720.(You are moving them to the top and bottom of the screen).
    Step 5. Enable 3D for all the comps.
    Step 6 Select the Outgoing Top and set keyframes for Position and Rotation. Move forward 1 second and change the X rotation to 90 and the position to 640,360,360.(this moves back half the distance of Y in Z space, so as we rotate the comp, it will pull the Incoming Top into the right position. If this is confusing…skip the position step and watch what happens to the incoming shot, it will be about 360 pixels forward and larger than you wanted)
    Step 7. Copy the position and rotation keyframes from top and paste them into bottom. Change the x rotation from positive 90 to -90.
    Step 8. Go to the first keyframe and now parent Incoming_Top to Outgoing_Top and Incoming_Bottom to Outgoing Bottom
    Step 9. Optional—I added a light to my scene to enhance that it was 3Dish…

    Here’s an example project to help you see what I did. If you have any questions I’ll be happy to help out/explain more: 5364_transition3dfolder.zip

    Johnny Cuevas, Editor
    Thinkck.com

    “I have not failed 700 times. I have succeeded in proving that those 700 ways will not work. When I have eliminated the ways that will not work, I will find the way that will work.”
    —THOMAS EDISON on inventing the light bulb.

  • David Larock

    February 3, 2013 at 8:39 pm

    What is NLE? Would I be able to purchase a transition like that?

    Wow mate, that works very well. I will have a go and try and re create it myself 🙂

    Cheers!

  • John Cuevas

    February 4, 2013 at 12:52 am

    NLE is a non linear editor, like an Avid or Final Cut Pro. The transitions look like some standard 3D transition pack you would add to a system, though I can’t say for a 100%, it’s not one I have on my Avid. The way I described and in the example project would be the way I would make that transition.

    Johnny Cuevas, Editor
    Thinkck.com

    “I have not failed 700 times. I have succeeded in proving that those 700 ways will not work. When I have eliminated the ways that will not work, I will find the way that will work.”
    —THOMAS EDISON on inventing the light bulb.

We use anonymous cookies to give you the best experience we can.
Our Privacy policy | GDPR Policy