How To Make Background Video Animation

How To Brand an Blithe Background Using After Effects

As a decorated content creator, you know the value of keeping your audience engaged. Videos and blithe backgrounds are smashing ways to take hold of the attending of your viewers, offering them a fun and immersive experience. Creating blithe effects may seem similar a daunting task, just using Adobe Later on Furnishings allows yous to conquer this process with ease.

In this commodity, nosotros'll dive deep into what an animated background is, explore the many means it tin be used, and share a footstep-by-pace tutorial for creating your own animated backgrounds in Later on Effects.

What is an animated background?

The background of animation is disquisitional to the overall visual experience. It pulls illustration into context and creates depth for the different elements in your slice. Using an animated groundwork elevates the feel by creating motility within the background, cartoon the viewer into the visual.

Also known as motion backgrounds, animated backgrounds are a great way to add dimension and life to videos, social media posts, presentations, and more. Adding moving elements like animated gifs or background images to a piece creates a more than appealing experience to the person viewing, helping you lot hit your goals—whether that'southward increasing page view times on a website or gaining more involvement in your presentation.

What can I utilize an blithe groundwork for?

As with many visual elements, animated backgrounds can be used in a variety of ways. Below are a few examples of where and how blithe backgrounds are commonly used.

Desktop wallpaper

Creating a personalized desktop groundwork is a great way to customize your workspace and brand it experience unique. While static images can be beautiful, animated wallpapers level up your figurer space for a truly immersive experience. Did you lot take a absurd video of a waterfall? Great! Make it your background. Are fireworks your favorite? Even amend. Make information technology your background. Microsoft Windows does not offer any tools to create animated backgrounds, but you tin create and apply them using 3rd-party apps.

Zoom backgrounds

In the future of work, video conferencing platforms like Zoom will continue to be a staple of meetings and collaboration. While Zoom'due south user interface may seem mundane, there's no reason why your groundwork needs to be. Whether you lot're looking to hibernate your background mess or want to pretend you're floating on an island, using groundwork animation in your adjacent Zoom call will be certain to have both you and your colleagues smiling. If you're in a time crunch, here are a few zoom coming together backgrounds to become you started.

Educational videos

While memories of educational videos may inspire a mid-afternoon nap, creating a more heady feel is easier than you think. Add some life to your presentation using animated backgrounds. Your Google Slides presentation can come up to life with animated elements, keeping your viewers engaged (and awake).

News broadcasts

You've probably seen a news broadcast groundwork or two with a moving animation and bright colors, immersing you lot in the issue existence explained. Bring this fun visual element to your adjacent news circulate to enhance the viewer'southward feel and continue them tuned in to your story.

Emails

In your adjacent email campaign, grab the eye of your audition with blithe effects to show your production in activeness. If you're showcasing an app or product feature, bring information technology to life with an animated background showing it in use. Words are great, only visuals are powerful. Using blithe backgrounds in your emails tin can help explain what your product or service can exercise—and how it can help the reader.

Unlike types of animated background effects

Blithe backgrounds aren't a 1-size-fits-all element. With a wide variety of groundwork effects available, animated backgrounds requite creators the ability to produce a more than unique, sophisticated finished slice.

Here are some examples of the different types of effects available in animated backgrounds:

Looping blitheness

Looping blithe backgrounds are short or condensed pieces of footage that echo seamlessly. They normally contain a series of images or patterns—similar to a flipbook—and can be combined to create a background with animation.

Download +200 Looping Animation Royalty Free Backgrounds

Stop-motion animation

Stop-motion backgrounds are animations of physical objects being moved and are captured one frame at a time. When played back at normal speed, the objects appear every bit if they are moving. Imagine seeing an animation of a piece of paper being crumpled up or a stick effigy existence drawn—that's a stop-motion animated background.

Download +200 Stop Motion Groundwork Animations

Cut-out blitheness

Cut-out blitheness is a form of stop-motion animation. It involves characters or objects that are cut out from materials similar paper, cardboard, photographs, or material. The shapes are then placed on a flat background and moved manually. Each movement is captured then edited together to create move. This blitheness can be placed in the groundwork of a artistic asset to add a dissimilar type of visual element to an otherwise apartment piece.

Download +200 Cut Out Royalty Free Animation Backgrounds

Mechanical blitheness

Mechanical animation uses realistic 3D renderings of mechanical goods and their components to testify how they operate. Think about the inner workings of a stopwatch or an engine clutch. One time mundane objects can be truly engaging when viewed from the inside. Using mechanical animation every bit the background of a manufacturing website or in a product explainer video instantly creates a more exciting experience for the viewer.

Download +200 Mechanical Royalty Free Animation Backgrounds

Typography animation

Animative typography helps bring life to words. You lot may scan a static sentence rapidly or movement right past it when you view it. But when the words are moving, they are alive, attracting your attending and connecting with your brain to read more than. Typography animation can capture attending, entertain the viewer, and even set the tone of your piece.

Download +200 Typography Royalty Free Animation Backgrounds

Animated illustration

Transform a video with the bear upon of a pen using animated illustrations. Draw fun objects, add together pops of color, and bring illustrations to existent-life videos for a ane-of-a-kind experience.

Download +200 Animated Illustration Royalty Free Backgrounds

Motion capture

Motility capture is the act of capturing life in motion. From the everyday traffic of a street corner to the original Disney movies, capturing motion graphics creates an intrinsic experience. Motion capture gives a cinematic approach to blitheness that fits perfectly into many different creative assets.

Download +200 Motion Capture Royalty Complimentary Blitheness Backgrounds

second animation

2D animated video is produced with two-dimensional moving images. Information technology'south a dandy way to explain what your business does through visual movement by introducing new ideas with animation, keeping people engaged for longer periods.

Download +200 2D Animation Royalty Costless Backgrounds

3D animation

Similar to 2D animation, 3D groundwork animation combines moving images, simply with an additional dimension added. These types of animations correspond a more than existent-life feel—as if you are looking in the mirror or having a conversation with someone. Adding 3D animation to your groundwork can aid create a more captivating experience for your audience. If y'all're looking to become started with 3D animations check out this 3D beginner's guide our team has put together.

Download +200 3D Animation Royalty Free Backgrounds

Rotoscope animation

Rotoscoping creates an animated sequence of images over alive-activeness footage and is edited frame past frame. Though fourth dimension-consuming, information technology helps bring inanimate or made-upwards objects to life.

How to create an blithe background

Content creators can hands create animated backgrounds using Adobe After Furnishings or pre-made After Effects templates. Below is a simple guide with steps to create animated backgrounds. While there may be other graphic pattern and visual furnishings platforms to apply, we find the user interface and ability of Adobe'due south program to be the most straightforward for content creators of all skill levels and disciplines.
Here's how to get started creating an blithe background in Later Effects:

Brainstorm past creating a new solid from the "Layer" dropdown.In the Solid Settings dialog box, click the Make Comp Size button. Set the width and cull a color from the box, and so click OK.
Select the Layer Solid in the Timeline. Then select the Checkerboard option from the Generate submenu of the Upshot carte du jour.
Press South to open up the Scale parameter. So click on the chain to unlink the proportions. Hold down Shift and scrub on the X parameter to the correct until the composition covers the entire page.
Press T to open the Opacity setting of the solid and change the value.

Once you have created the groundwork, it's time to add together animation. In this example, we are using the checkerboard event.

In the Effect Controls panel, begin at the top and set the Anchor to the level required based on how you want the layer to announced.
Leave the Size from the dropdown menu and set the width in the Width Slider.
Position the Current Time Indicator (CTI) on Frame 0 in the Timeline. Then add together a keyframe past clicking the stopwatch to the left of the word Anchor in the Upshot Controls panel.
Movement the CTI to the end of the Timeline. The anchor setting needs to be set as to how the frames demand to appear.
Press the U key on your keyboard to reveal the keyframes. Then Press J and K on the keyboard to move the CTI dorsum and along between the two keyframes to ensure there is no move in the background.
Motion the last keyframe downwardly the timeline past ane frame and press the spacebar to preview the animation.

And voila, you lot take just created an animated groundwork. As with whatever skill, the more you practice, the more yous'll refine your skills. Afterward Furnishings lets you lot play around with multiple options to ensure you are exposed to all the elements available to you.

Other means to create a background in After Effects

You lot shouldn't be locked in a box when creating a fun visual. Designing an blithe background doesn't mean you're express to one type of look. Here are some other ways yous tin can design a groundwork that volition add to the chemical element of animation without straying likewise far from the experience of the overall project.

Smooth gradient

One of the background techniques that works smoothly in almost every situation is the gradient. A radial gradient provides a clean background for any video, animation, or typography. It can even be matched to work with a brand's colour palette to ensure consistency.

Repeated shape layers

Repeated shapes offer a quick and piece of cake way to add particular to your background. You tin can utilise a shape or sticker and apply the repeater choice to run it across your unabridged image. Go 1 step farther and create custom shape layers using the pen tool.

Particles

Particle animated backgrounds are a keen way to add movement and small details to your piece. Particles can exist brought to life using animation and will bring a constant flow of customized moving aspects.

How Storyblocks helps people tell better stories

Blithe backgrounds aid you create a more immersive video feel and then that you can grab your audition's attention—and become the views, clicks, and shares you desire. And with Storyblocks—the globe's starting time stock media subscription service offering video, audio, and images—leveraging blithe backgrounds is easier than y'all always idea possible.

With our library of royalty-free Hd and 4K stock animated backgrounds, you'll exist able to effortlessly implement animation into your video to create an feel that keeps your audition engaged, interested, and coming dorsum for more. And isn't that what every content creator wants to achieve?

Ready to grab your audience'southward attention?

Sign up with Storyblocks today and start bringing your stories to life with our library of ready-to-use animated backgrounds.