How to crop a video and animate it
:quality(75))
Adding video footage can bring a new dynamic to your vector animations. You can use found footage or stock videos to showcase products and services, or just add a personal touch to your videos.
When we added the video import feature to Linearity Move, it opened up a whole new world of possibilities for designers, marketers, and animators like you.
One of these opportunities is the ability to crop the video frame into other shapes. Super handy for creating video collages or animated shapes.
Let’s go through the steps on how to do this with Linearity Move on an iPad.
Step 1
Start a new project in Linearity Move
Open up Linearity Move and tap the + New Document card to start a new Project.
:quality(75))
If you have downloaded Linearity Move yet, get started below:
:quality(75))
You can also open an existing Move Project if you’re already working on something.
Step 2
Import a video file
Switch from Animate Mode to Design Mode. This will let you work on your video cropping without creating animation keyframes.
Navigate to the Library tab in the Inspector on the right. Select the Photos tab and tap on the video you’d like to add to your Project.
If you don’t see your video in the Photos tab, tap on Manage and give Linearity Move access to the file you want to import.
:quality(75))
Step 3
Crop your video
There are two ways to crop your video into a different shape.
The first way is to use traditional image cropping. This lets you change the rectangle's dimensions and move the video inside the crop shape. The second method is to use image masking.
Crop your video using image cropping
Select the video footage you imported and go to the Style tab on the right. Tap on the Crop button in the Image section.
:quality(75))
Move the blue borders until your video is cropped to the desired shape. You can also click and drag the video component inside the crop shape to change its placement.
:quality(75))
Pro tip: Make sure you don’t cut out any important elements in the scene by moving the Timeline Playhead in the Scene Timeline. This lets you preview the entire video inside the crop shape.
Crop your video using image masking
Select the Shape Tool in the Toolbar on the left. We used the Circle Shape Tool to draw a circle for the video mask shape.
Long-press on the circle shape layer in the Layers panel on the left of the Scene Timeline, or simply select the circle to access the Quick Actions Toolbar beneath the shape. Select Use as Mask (or the Mask icon if accessing the Quick Actions Toolbar).
:quality(75))
This will crop your video inside the circle shape.
:quality(75))
Pro tip: To resize your video and mask simultaneously, select both of these layers in the Layers panel and Group them.
Step 4
Add video animations
Now, you can switch over to Animate Mode.
With your cropped video selected, add a Position Keyframe at the beginning of your Scene Timeline. This marks the start of your animation.
Then, move the Playhead to 2 seconds and move and resize your cropped video shape. Linearity Move will automatically add the relevant Keyframes in Animate Mode.
:quality(75))
Go ahead and animate other parts of your animation, such as adding blurred text that sharpens into view.
:quality(75))
Want to learn more about creating animations with Linearity Move? Check out our step-by-step vector animation tutorials.
You can preview your animation anytime by tapping on the Play button above the Scene Timeline.
Step 5
Export your animated video
Once you’re happy with your animation’s preview and you’ve tweaked your timing, you can go ahead and export it.
Head over to the main menu in the top left corner and select Export. A modal will open where you can optimize your video. Click Export to finish.
:quality(75))
Here’s our finished animated video featuring cropped video footage:
Ramp up your marketing videos
In this quick tutorial you learned how to import video footage into a Linearity Move Project and crop it to a shape. You also learned how to animate your cropped video to create a more engaging marketing animation.
But there’s so much more to Linearity Move. You can create online ads, explainer videos, social media posts—explore more ways to animate with Linearity Move in our Academy.
If you haven’t signed up for Linearity Curve or Move yet, get started for free below. You can also check out our special pricing for education, pros, and teams.
:quality(75))
Jumpstart your creative ideas with Linearity Curve and Linearity Move
Sharné McDonald
Contributing Writer
Sharné is a contributing writer to the Linearity Blog. She has 10+ years' experience in graphic design and marketing and holds a Master's degree in Art Education.
:quality(75))
:quality(75))
:quality(75))
:quality(75))
:quality(75))