Motion Tracking Guide
Here you can learn how to incorporate Adobe After Effects motion tracking data into your Creatomate template using Bonviddy's Motion Tracking Adapter tool.
Last updated
Here you can learn how to incorporate Adobe After Effects motion tracking data into your Creatomate template using Bonviddy's Motion Tracking Adapter tool.
Last updated
Bonviddy can adapt the following parameters:
Corner Pin (Warp Matrix)
Position (X and Y)
Scale (X and Y)
Rotation (Z Rotation)
NOTE: For best results, make sure your After Effects composition and Creatomate template have corresponding parameters (aspect ratio, clip start time, etc)
Select all keyframes in your After Effects Composition. With all of your keyframes selected, press [Ctl/Cmd + C], or [Edit > Copy] to copy the data onto your clipboard.
Note: This will only work on 2D layers and compositions.
Go to your Bonviddy Account on app.bonviddy.com
Select the [Motion Tool] on the left hand menu.
Make sure you have Cell A1 selected, and then [Ctl/ + V] to Paste your data.
See your data populate into the sheet
Click on [Convert Data]
Each relevant property that has been successfully converted will have a button. Select each property individually to copy to your clipboard and paste into your Creatomate source code.
Here's where things get a little tricky. You have to paste the data inside your Creatomate source in a very specific way for your data to take an effect. Follow these steps exactly.
Open the Source Editor by clicking on the {...} button or F12 on your keyboard.
Ensure your target Element or Composition is Selected and is set to 100% Width and 100% Height. You can change this in the Properties menu or in the Source Editor itself.
In the Properties window, navigate to [Warp] and click the box. Make sure sure it is on "Perspective" mode, and click [Edit Grid].
Then go to the Source Editor and find 'warp_matrix" in the list of properties for the highlighted element. Go to the margin of the code just to left of the Line # (in our example case, Line 17). Locate and click on the arrow to collapse the section.
Once collapsed, select the open/close square brackets immediately after "warp_matrix" and hit Ctl/Cmd + V to paste. Keyframes should appear underneath the timeline element. Click out of the element and select again to see the code in proper formatting.
Scrub through your keyframes on the timeline to review your result.
Similar steps as [Warp Matrix]. But you have to separately paste the data for "x position" and "y position".
First, copy the [Position Xs] to your clipboard from Bonviddy.
Once back in Creatomate, make sure your target element/composition is selected.
Find "Position" in the Properties panel on the right. Hover your mouse to the right of the X, and click the blue dot to create a keyframe.
Navigate to the Source Editor and find the "x" property in the code, which can usually be found after the "track". Like with Warp Matrix, collapse the property using the arrow to the left of "x", select and highlight the square brackets, and paste.
Repeat the same steps for the Y-Position,
Creatomate separates the X_scale and Y_scale values. So like Position, you will have to paste these individually.
In the Properties panel, open the [Transform] menu and find Scale. The value on the left is for X, the value on the right is for Y. They should both be 100% by default. Create keyframes for both.
Go to your Bonviddy tool and copy the [Scale Xs] to your clipboard.
Back in Creatomate, navigate to the Source Editor and find the "x_scale" property in the code, which is usually below "y_anchor". Collapse the property using the arrow to the left of "x", select and highlight the square brackets, and paste.
Repeat the same steps for the Y-Scale.
Look for "z_rotation" in the Transform menu. Otherwise, same steps.
