New Movidmo Animations

Webster West · Apr 20, 2023 · 10 min read

At Movidmo, we are always trying to add new features that help users create scroll stopping video content. Whether you are creating marketing videos or educational content, interesting visual effects are key to capturing and maintaining the viewer's focus. With our latest release of the Movidmo video editor, we have taken a huge leap forward in this direction by adding customizable animation objects that are designed to help you draw more attention to your video creations.

Movidmo defines an animation object as content that will changes visibly over time. While Movidmo has always offered interesting entrance and exit effects for captions, images and other content, animation objects differ from effects in that they feature continual motion over an extended time frame. In fact, Movidmo even allows one to use the entrance and exit effects in conjunction with animation objects.

Continual movement over time may sound a lot like video, but animation objects differ from video objects in Movidmo in three ways.

First, animation objects in Movidmo are customizable meaning the user can change colors, speed and other animation features. We are all too familiar with trying to find stock video content that matches a specific color scheme or other design feature. The customizable aspect of Movidmo animation objects is focused on addressing that specific pain point in the video creation process.

Secondly, animation objects in Movidmo can be opaque while videos in Movidmo are in the mp4 format which does not support transparency. We considered the opacity feature to be very important as we considered the potential use cases for animation objects. We wanted these objects to work well both as overlays as well as backgrounds. For the overlay use case, transparency was crucial.

Lastly, the aspect ratio of videos in Movidmo is locked, but the aspect ratio of animation objects may not be. This means that most animation objects can be resized freely within the Movidmo editor to match the size of other objects in the editor. The resizable feature is very important as we see animations working in a symbiotic manner to draw attention to other content.

We hope the above description has enticed you to learn more about Movidmo animations, so without further ado, check out the brief description below of each of the first ten animations that have been added to the Movidmo video editor. We have chosen to introduce these animations using a celebratory Mardi Gras color scheme which of course can be changed within the editor. We have also chosen to introduce these animations with some interesting names that may change as we expand and organize our animation offerings in the future.

No Way

This animation gets its name from its side-to-side movement, akin to the negative gesture of shaking one's head. The animation is quite flexible, allowing you to specify a colorful shape to follow the movement pattern. Customization options include the width, as a percentage of the container, and cycle time, the time it takes for the animation to complete one round trip. The accompanying video showcases several examples of the animation using different shapes and movement patterns. We suggest using this animation to underline or point to other content, or for the basic movement of shapes on the video canvas.

Yes Way

The label for this animation comes from its up-and-down movement that is similar to the movement of one's head when signaling an affirmative response. With this animation, one may specify a colorful shape to follow the up-and-down movement pattern. As part of customizing this animation, one can also specify the height of the shape as percentage of its container's height as well as the cycle time which represents the amount of time in seconds that it takes for the animation to complete one round trip journey up and down. A few examples of the animation using different shapes and movement patterns are provided in the video below. We envision this animation being used as a sidebar for content or to point to content as well as for allowing for the basic movement of shapes on the video canvas.

Third Way

Given the descriptions above, it's easy to guess that this animation represents outward and inward movement. Just like the prior animations, a colorful shape may be specified to follow this the movement pattern. To customize the animation, specify the size of the starting area relative to the container size, and the cycle time (in seconds) which determines the round-trip duration. Check out the video below for examples of this animation with different shapes and movement patterns. We suggest using this animation for backgrounds and to create moving shapes on the canvas.

The Chase

The animation features two line segments that chase each other around the container's perimeter. Users can choose the colors of each segment, specify the thickness (width in pixels) of the segments, and select the cycle time (in seconds) representing the time for one round trip around the perimeter. The animation can be used to creatively frame captions and images to grab attention. Check out the video below for examples of its application with various widths and cycle times.

Party Time

The animation displays circular pieces of confetti in different colors. You can choose up to four colors. Make some of the colors transparent to display a less dense confetti display. In the video below, there are various examples of confetti in different layers and with a variety of color schemes. You can use this animation as a backdrop or as an overlay to add some excitement to your content.

Boom

You can set the color of the circular pieces in this explosion animation and indicate how long the explosion lasts as the cycle time (in seconds). The video below showcases different examples of the animation in different layers with varying cycle times. It's a useful tool for creating attention-grabbing backgrounds or overlays for important content.

Moody

This animation presents a color gradient that continuously loops, with the direction of the gradient and cycle time in seconds adjustable. The video below displays various examples of the gradient using different directions and cycle times. The animation is perfect for creating an engaging video background.

Spotlight

This animation features a radial color gradient that rotates clockwise around a circle, resembling a spotlight on stage. The gradient has two specified colors, and the circular path's diameter is defined as a percentage of diameter of the maximum circle inscribed within the container. The cycle time can also be defined in seconds. The animation can make an eye-catching background for captions and serve as an interesting overlay when one color is transparent and the other semi-transparent. Various examples of the animation with different diameter definitions and cycle times can be seen in the video below.

Patchwork

Reminiscent of a patchwork quilt, this animation creates a changing grid of colored squares covering its container. Up to four colors can be specified with transparent colors creating holes in the gird. The colors are assigned to the gird in a pseudorandom manner. A refresh rate is specified to control how often the grid display is updated with new colors. Examples of this animation using different grid structures, color schemes and refresh rates are shown in the video below. This animation can be used to create a digitized background for captions, transparent images, and other content.

Wavy

This simple yet cool animation features two colors that are separated by a wave pulse that transitions repeatedly across the container. Either color can be set as transparent to create a different effect with the animation. The cycle time in seconds specifies the time it takes for the pulse to make one transition across the container. A few examples of this animation using different color schemes and cycle times are shown in the video below. Use the animation to create a digitized background for captions, transparent images and other content.

Wrap Up

The flexible animations described above should prove to be very valuable to creators who use the Movidmo editor for promotional videos, teaching videos and all other types of video content. This initial offering is simply a first step in terms of adding this type of capability to Movidmo. The plan for development includes building new animations into the editor in the near future. Pass along your ideas for animations to the Movidmo development team using the Contact Us link at the top of the page.

MORE MOVIDMO BLOGS
START USING MOVIDMO