BoxTrans is a powerful tool to transition on/off full screen backgrounds. The widget is procedural which optimizes the performance much better than if you were to build this manually within the Composer.

To learn how to add a Widget to your Composition, click here

Remember, any underlined widget properties can be connected to a Control Node or a Data Node.


As seen above, select the "BoxTrans" tab in the Property Panel to update this widget's following property types:


The Preset is a quick way to see some predefined settings for BoxTrans. It’s a great place to start. Check the "Use Preset" box to activate this property. Activating this overrides all other animation settings below. 


Preset - Various animation preset options including Side Rotate, Side Slide, Top Slide, Grid Spin, and Blinds.


These settings relate to the motion of the elements across the entire screen.


Origin - Origin of initial animated object such as Top Left, Center, Bottom Right, etc.

Overlap % - Overlap of staggered animations

Axis - Axis stagger: X, Y, Both

Ease Style - Ease style stagger such as Quad, Linear, Strong, etc.

Ease Method - Ease method stagger: In, Out, InOut


These settings affect how the individual elements animate on/off.


Ease Style - Animation curve options. In other words, do your elements animate quicker or slower over time. Options include Linear, Cubic, Bounce, etc.

Ease Method - Where the Ease Style occurs: In, Out, In/Out

Scale Axis - Axis where the object scaling occurs: X, Y, Both

Scale (Start) - Initial scale of objects

Scale (End) - Final scale of objects

Transparency (Start) - Initial object transparency

Transparency (End) - Final object transparency

Slide X % - Object movement on the X axis over time

Slide Y % - Object movement on the Y axis over time

Rotation Axis - Axis where object rotation occurs such as X, Y, Z

Rotation Angle - Angle of object rotation over time


The duration of the animation is set in the Animation tab, not within the widget. Also, it is not possible to have a different In and Out animation. Whatever you set will simply play in reverse. You can set a different duration for the out animation by turning on 2 timelines and having a shorter duration for the outbound animation.


These settings affect the shape, color and amount of elements as well as mapping of an image.


Image - Add an image

Column Count - Amount of columns 

Row Count - Amount of Rows

Start Color - Color selector for start of transition

End Color - Color selection for end of transition 


Setting your Rows/Columns in "Display" can give you many interesting effects from tiny grids to vertical and horizontal blinds effects. Combined with Scale, Rotation and Slide in "Animation Settings", you can create numerous dynamic effects.


Setting the timeline to the middle of your transition in the Animation tab allows you to interactively make changes to your box transition and see the results immediately rather than having to play it In/Out every time. 

Was this article helpful?
0 out of 0 found this helpful



Please sign in to leave a comment.