I'm trying to recreate this effect in Ae using a box mock-up. I'm only interested in the animated background covering the box. Iv structured my Comp so that the design is below the box mock-up and I'm using the box as a track matte.
the main issue I'm running with is maintaining the details of the box and eliminating the fact that the effect resembles a clipping mask in Photoshop more than a mock-up.

would love to hear different approaches or tips, cheers.

mock-up used

my result

1 Answer 1


Go back to your reference and look closely. Although the pattern moves across the paper continuously around the edges, it still respects the 3D geometry of the scene. So the paper on top is on a different plane to the paper at the sides and the front. In fact that reference is totally possible to do with stop motion.

enter image description here

With that in mind you have to use AE's 3d capabilities. make a subcomp with your paper pattern. Now in the containing comp make a rectangle mask on the subcomp with the same proportions as the side of the box. Click the 3D icon on that layer, and angle it so that it matches the perspective of your reference. Now using another copy of the precomp add a mask that matches the proportions of the top of the box (use the width of the first mask so that the two edges match). Make this layer 3d and make the first layer its parent. Set its orientation to 90, 0, 0 (don't have AE on this machine so I'm guessing, it could be 270, 0, 0). It should now be at right angles to the side and horizontal. You have to move it so that it meets the side at the top of the box (use 0 as the x coordinate, half the height of the side as it's y coordinate and half the width of the top as the z coordinate). I'll let you work out how to add the end (hint, do the same thing but change the orientation to rotate around the y axis, not the x axis). Imagine you were making the box out of cardboard and think about how you'd rotate and move each piece to make the box.

This will achieve a stylised box, but you won't get too much in the way of realism without a bit more of work in AE. Things like the slightly rounded corners that catch specular highlights (circled in green), which you could use soft edged shape layers to do, and an additional triangular mask for the folded over flaps at the side (rotate the layer 180 degrees so it doesn't match, and angle it out just a fraction so that it casts a shadow). Most importantly add lights to give some 3D shading.

  • @stip Thanks a lot for this in depth answer. I'm not sure I understand all, but sure will try out. the main thing as far as I understand is that the sides of the shape are basically 2 different plains masked. I will try it out and update thanks a lot for your help really appreciate
    – Osh
    Jul 5, 2019 at 8:56
  • Yep, they're two planes at 90 degrees to each other. Once you get that you're most of the way there
    – stib
    Jul 5, 2019 at 9:20

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.