Internet users today have a shorter attention span, and it is well known that actions speak louder than words. Video animation, basically adding moving features to your video, is a powerful tool to attract traffic and increase viewer engagement.
The concept of video animation was initially reserved for entertainment, but now it has widespread uses even in business and education.
Many companies prefer to animate objects in their presentations and websites to keep the audience hooked or emotionally relate to them. A dancing object is bound to attract attention and will urge the user to scroll further in curiosity. Story-tellers breathe life into their narratives just by introducing animations.
Part 1: Animate Objects with Keyframing
A basic part of video editing is keyframing. Before you move on to make an animation, you must first be familiar with the word keyframes.
Well, the name itself emphasizes its importance so without further delay, let me shed some light on its basics.
What is Keyframe Animation?
The animation is the illusion of motion we create by sequencing object images together. As the name suggests, the keyframe specifies the start and end transition of objects through the timeline that brings about animation. It is a sort of graphical drawing that lists when and what kind of movement will take place. The starting keyframe indicates where the object is in the present, whereas the ending keyframe will give its location at the end. Sequence and position are two essential factors in keyframing. Let me show you how it works.
How to animate objects by Keyframing?
Now you know that keyframing is a tool that represents the transition of an object. You can position your keyframe at any point in the video to indicate when a particular movement will start or end. Once you sequence all your keyframes and press play, all the movements will transition smoothly, giving the impression of a moving object. So keyframing is a key factor determining how successful you will be in animating your object or text.
Part 2: How to Animate Objects in Video Using Wondershare FilmoraPro
Previously animating options were limited to professionals with access to high-tech editors and video makers. But Wondershare FilmoraPro – has taken over the world of media production with its easy interface and advanced editing features. Beginners and experts alike can hop onto FilmoraPro and create spectacular video animations using these tricks.
#1. Create Keyframes
To make an animation on FilmoraPro, create keyframes by changing different parameters available. The keyframe lets you alter different values of the parameters to animate our object. You can add as many keyframes as you want and at any point in the timeline. You can select an animation preset from ‘Effects’ or move on to create keyframes for a more powerful animated effect.
Select a new plane from the media tab.
Let's make animate a square. Adjust width and height and press Ok.
Now in ‘Controls,’ change the rotation value and click on the circle so that it turns into a diamond. Move further on the timeline and adjust the scale i.e., move the object either horizontally or vertically.
You can also add keyframes by clicking on the second diamond, which is the Toggle Keyframe, or just by changing any parameter value.
#2. Make Basic Keyframing Controls
The Controls panel has some basic tools such as undo, redo, toggle keyframe, etc. It also lists major keyframe types as icons such as linear (default), constant, smooth in, or out. We can play with these tools to adjust our animations.
Click on the double diamonds to move from the previous to the next keyframe or vice versa.
Click on the Value graph beside the viewer panel to see the values in graphical form.
If you want to smooth the transitions between two keyframes, click on the filled diamond.
Note that the straight lines are now curved, which means a smoother transition from one keyframe to the next.
The half-filled diamonds i.e., smooth in and out, can be clicked to smooth the animation coming out of a keyframe or going into the next one. This will give the animation a more realistic look. The unfilled diamond beside the square can be clicked to convert back to linear keyframes.
#3. Animate the Text
An animated text is now easier than ever to create, thanks to FilmoraPro. Imagine a bouncing title fading into view. Let’s get creative.
Firstly, click on the T viewer panel and then click on the part of the clip where you want the text to appear. Adjust font, color, size, etc. in the Text tab.
Under Transform, create keyframes of the different parameters throughout the video. Since I want the text to fade in with time, I created two opacity keyframes, the first one with zero opacity and the end keyframe with a higher value.
#4. Add Motion Blur
Sometimes animations can look very fake. To tackle this issue, FilmoraPro offers the added benefit of motion blur. Actually, motion blur makes the transition a bit shaky to give it a more realistic look.
First of all, create all the keyframes to move the animate object.
Now, under the Clip Properties, switch on the Motion Blur. That’s how easy it is. Remember to switch Playback Quality to Final in the viewer panel so you can see it while working.
#5. Make 3D animation with Perspective Warp
FilmoraPro lets you introduce 3D animation. So you can create a bouncing title. How cool is that?
Write your text by clicking the T on the viewer panel. In Layout, align it be in the center of the frame.
Click the plus sign beside Effects and under Warp, select Perspective Warp.
Wrap X and Wrap Y are important while 3d animation of the object but not in the text, so we will switch it to No.
Create keyframes by using the toggle tool. You can make it roll or fold in or out and spin at any axis by adjusting the parameters.
#6. Change the Anchor Point
The anchor point indicates the pivot point around a clip rotates. If you want your text or object animation to move from a certain location, you must anchor it to that point by adjusting the parameters. For instance, my text animation was scaling up from the top left corner, but I wanted it to scale up from the center. I simply adjusted its anchor point. This is how I did it. Note that changing the anchor point will not change the other parameters.
Type your text and create all the keyframes you wish. Right now, the anchor point is not in the middle.
Click on the anchor point. The first value will re-center your animation on the x-axis(horizontally) and the second value on the y-axis(vertically). Therefore you can align your text with animating precisely from the middle or any other point in the clip.
#7. Copy, Paste and Offset Keyframes
Let's suppose you want to add a title that moves with your animated object. If you have already created your animated object and created all your keyframes. There is no need to adjust all the text’s individual parameters to match the object's keyframes. I'll show you the smart way out. Offset keyframes give the illusion of one animation following or leading the other. Making it look more natural.
Here is your animated object with all the keyframes.
Click on T to add text. But since there are no keyframes of this text, it will not move with the animated object.
Select all the position keyframes of the object, right-click, and select copy.
Click on the text, in the transform tab, click on Position and right-click to paste the object’s keyframes. Now your text will follow the object's motion.
Adjust the anchor point to re-center the text in the middle of the object.
Highlight all keyframes of the text and move them a tad bit further or backward to give the impression of keyframes leading or following the object.
#8. Stretch Out Keyframes
Want your animations to transition slowly? Slowing down animations will give your viewers more time to process it. This can be achieved by stretching out keyframes. It means that you increase the timing between two keyframes. But it can be a hectic task to stretch each keyframe individually. Let's see how you can take the easy way out.
Click on text or video, and in the Transform tab, select one parameter, here we select the position and highlight all the keyframes. Now hold any keyframe, press Alt pull it to the right.
Note that ‘Hold and Alt’ together will stretch the keyframes, and the timing between each keyframe will be equally increased, ultimately slowing down your animation.
#9. Curve Your Motion
You can either animate objects to move in a straight or linear path or make it follow a curved path.
When an object follows a linear path through time, it is regarded as ‘temporal interpolation,’ whereas when it moves in a curved path with the change in time and space values, we call it ‘spatial interpolation.’ Don’t worry, curving your motion isn’t as hard as this makes it look.
As we create position keyframes, note that the motion path is visible as a curve in the viewer bar.
Click on the circle icon to convert the keyframes into Bezier to smooth out the curves.
You can adjust the curve path of the object in the viewer panel by pulling the straight line levers.
In the end, if you wish to make your motion linear again, just highlight and right-click all position keyframes, click spatial interpolation, and hit the linear option. Ta-da
#10. Combine Keyframe Types
Now you are well versed in basic video animation techniques. In this part, I'll show you how to combine all the previous keyframe types to create a spectacular complex video.
Create a new plane, add the Polar Warp effect from the Effects panel, and adjust the ball’s radius to fit the plane size.
Create position keyframes at different timeframes. The ball will appear to move in a zig-zag motion.
In the viewer panel, press Alt to select keyframes when the ball hits the ground.
Right-click any keyframe to adjust spatial interpolation to linear.
You can do the same to smooth the temporal interpolation of the first keyframe.
Give the ball a compressing look by adding a two-scale keyframe beside the position keyframe when the ball hits the ground.
Reduce the y-axis scale to 50% to give the impression of the ball being compressed on impact.
Select the middle and next keyframe, click on the square to smooth them, and then copy it
Paste it on every position where the ball hits the ground. Remember to click on motion blur to complete that natural bouncy look.
With its captivating effects, video editing is now trending to such an extent that it is almost everywhere. Business or entertainment, you name it. Moreover, Wondershare FilmoraPro has made video animation incredibly easy, and if you follow the tricks we mentioned, your video will go viral in no time
Now you know how to animate objects. This might be your ticket to success. Let your imagination run wild and animate objects to create jaw-dropping videos.
With no time to spare, let's start animating objects.
Benjamin Arango is a writer and a lover of all things video.
Follow @Benjamin Arango
Other Recommend Products
Easy-to-use and powerful video editor for all creators.