Creative Communities of the World Forums

The peer to peer support community for media production professionals.

Activity Forums Adobe After Effects 3D blocks dancing to the music, and having an image/text on top?

  • 3D blocks dancing to the music, and having an image/text on top?

    Posted by Adam Lewen on April 25, 2013 at 8:26 am

    Hello Cow!
    I have a question, i’m sure people asked before…
    On the left is my frame, on the right is what i need to achieve:

    I have 2 shape layers “dancing” to audio.
    Pretty simple
    What I did is parent the shape Extrusion to the Audio change. and rotate the Shape 180 degrees, so it will dance UPWARDS.
    I like the outcome. Simple and fast render.
    My problem now is I need to attach a text or a GFX to the top of each block…(block A and Block B…)
    And the GFX needs to obviously stay on top while the block bounces.
    (right now the top is actually the bottom due to the 180 rotation…)

    I don’t have Element or any 3D software, I am sure there’s a simple something I am missing right now 🙂

    Any tips will be appreciated!

    Adam Lewen replied 13 years, 3 months ago 4 Members · 6 Replies
  • 6 Replies
  • Tudor “ted” jelescu

    April 25, 2013 at 8:50 am

    Not sure if there’s a solution for the way you build your 3d blocks.
    It would be a simple solution with FreeForm Pro or ShapeShifter AE. It should work with the regular Free Form as well.
    You can link the audio generated keyframes to the opacity of the depth maps used to extrude the blocks and you can texture with precomps that can have anything inside- color, text, animated text…

    Just thought of a solution- not the easiest though- planar track with Mocha the top of the blocks and use corner pin data to stick on top a precomp of the shape with text over it.

    Tudor “Ted” Jelescu
    Senior VFX Artist

  • Walter Soyka

    April 25, 2013 at 8:38 pm

    I’d reset the block’s position and rotation (except for the y-reversal), set a zero keyframe for extrusion, adjust the z-depth of the image so it sits one pixel above the block, just to get to a known-good state.

    Next, parent the image to the block, then use an expression to modify the image’s anchor point in z-space (relative to the block, because it’s parented) according to the block’s extrusion.

    Alt-click the image’s anchor point stopwatch and add this expression (changing “Shape Layer 1” for the name of your actual layer):

    value - [0,0,thisComp.layer("Shape Layer 1").geometryOption.extrusionDepth]

    Thereafter, you can move and reposition the block however you like and the image will follow along.

    Walter Soyka
    Principal & Designer at Keen Live
    Motion Graphics, Widescreen Events, Presentation Design, and Consulting
    RenderBreak Blog – What I’m thinking when my workstation’s thinking
    Creative Cow Forum Host: Live & Stage Events

  • Todd Kopriva

    April 25, 2013 at 9:14 pm

    I just tried this and it works:

    Use a text layer with the same extrusion settings and transformations as your shape layer (properties pickwhipped together for best results).

    ———————————————————————————————————
    Todd Kopriva, Adobe Systems Incorporated
    After Effects quality engineering
    After Effects team blog
    ———————————————————————————————————

  • Adam Lewen

    April 25, 2013 at 9:34 pm

    Thanks for replying!
    Tudor, don’t have the plugins, planer track for corner pins is a way to go.
    Walter, can’t wait to try the script, I will post back as soon as I do.
    Todd, nice trick, so the the text extrusion will get “swallowed” in the larger box shape? will try it as well. (If I understood your meaning, a only a shape or a text layer could be used. I cannot extrude an rgb image, can I?)

    Will post back.

    Thanks!
    Adam.

  • Todd Kopriva

    April 25, 2013 at 9:45 pm

    Only text and shapes can be extruded.

    In my example, I’m just exploiting the fact that these objects can intersect with one another in 3D space.

    ———————————————————————————————————
    Todd Kopriva, Adobe Systems Incorporated
    After Effects quality engineering
    After Effects team blog
    ———————————————————————————————————

  • Adam Lewen

    April 29, 2013 at 7:04 am

    Hey Guys!
    Walter, your piece of code does exactly what I need! Thank you!
    And thank you all for suggesting ideas!

    Let me stretch the friendship here for a min, If I would wanna throw reflections on the cubes, the only way would be “texturing” the faces with reflection, right?

    Thanks again.
    Adam.

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