Using Biteable's animations
Make your message sing with hundreds of animations straight from the Biteable Studio. These animations are customizable and very versatile. Whatever your message, you're sure to find an animation to accompany it.
To use our library of scenes:
Click on the Add tab or the Add Scene plus button on the right end of your timeline.
Select Animations in the Type of Scenes category, and browse our folders. Similarly-styled animations are grouped in one folder.
Click the scene you need, and it will be automatically added to your Timeline.
Pro tip: You can add multiple scenes at once! Just keep clicking and selecting those scenes, and watch them line up on the Timeline. That being said, you can only have one animation per scene.
You can edit the animation scenes once you add them to the timeline so they better fit your message.
To edit, click on the Animation or scene background to activate the Editing options. These will appear on the right-hand screen. You'll see the following options:
You can use this option if you want to go back to the Library to change out the scene.
It's the Trash Bin icon next to Replace. You click on this to take the selected animation out of your Scene.
If you'd like to showcase only a specific bit of the animation on the scene, you can click Trim.
For example, if the animation shows two hands appearing one by one, and then making a handshake, but you want to only show the handshake, simply select this function and use the sliders to clip the animation, as you see on the .gif above!
Pro Tip: If your scene duration is longer than the duration of the animation, it may start to loop! Keep that in mind when creating your videos!
We have three options in the Placement category:
Zoom, to magnify or reduce the size of the animation on the background.
Flip, to rotate the animation 180 degrees.
Reset, to bring everything back to the default setting.
Most of our Animations have the option to customize colors. Each circle represents a different section of the animation that you can edit. Click each circle to change to your preferred color. We also support HEX codes so you can get that special shade of green that will fit your branding.
The color filter option will cast a color overlay on top of your scene. You can choose your color, and select the opacity by using the slider.
The last option is to change the color of the background of the scene. Simply click on the circle, and select the perfect shade for the backdrop of your scene.
Pro tip: Sometimes the background of the animations look a shade or two off from the background of your scene. They will likely match or be transparent upon rendering your video, but it's not as obvious when you preview it. Try rendering / building your video first to see if that helps!
All done? Congratulations! Happy video-making and may all the powers of the hex code be with you.
Accessing and using the Animation Library
To use our library of scenes:
Click on the Add tab or the Add Scene plus button on the right end of your timeline.
Select Animations in the Type of Scenes category, and browse our folders. Similarly-styled animations are grouped in one folder.
Click the scene you need, and it will be automatically added to your Timeline.
Pro tip: You can add multiple scenes at once! Just keep clicking and selecting those scenes, and watch them line up on the Timeline. That being said, you can only have one animation per scene.
Editing animation scenes
You can edit the animation scenes once you add them to the timeline so they better fit your message.
To edit, click on the Animation or scene background to activate the Editing options. These will appear on the right-hand screen. You'll see the following options:
Replace background
You can use this option if you want to go back to the Library to change out the scene.
Delete background
It's the Trash Bin icon next to Replace. You click on this to take the selected animation out of your Scene.
Trim animation
If you'd like to showcase only a specific bit of the animation on the scene, you can click Trim.
For example, if the animation shows two hands appearing one by one, and then making a handshake, but you want to only show the handshake, simply select this function and use the sliders to clip the animation, as you see on the .gif above!
Pro Tip: If your scene duration is longer than the duration of the animation, it may start to loop! Keep that in mind when creating your videos!
Placement
We have three options in the Placement category:
Zoom, to magnify or reduce the size of the animation on the background.
Flip, to rotate the animation 180 degrees.
Reset, to bring everything back to the default setting.
Animation colors
Most of our Animations have the option to customize colors. Each circle represents a different section of the animation that you can edit. Click each circle to change to your preferred color. We also support HEX codes so you can get that special shade of green that will fit your branding.
Color filter
The color filter option will cast a color overlay on top of your scene. You can choose your color, and select the opacity by using the slider.
Background color
The last option is to change the color of the background of the scene. Simply click on the circle, and select the perfect shade for the backdrop of your scene.
Pro tip: Sometimes the background of the animations look a shade or two off from the background of your scene. They will likely match or be transparent upon rendering your video, but it's not as obvious when you preview it. Try rendering / building your video first to see if that helps!
All done? Congratulations! Happy video-making and may all the powers of the hex code be with you.
Updated on: 03/03/2023
Thank you!