The development team couldn't be more excited about the animation objects that have recently been made available in the Movidmo video editor. These customizable objects allow you to create more visually interesting content that is also more effective in terms of accomplishing your design goals. The inclusion of these objects really sets Movidmo apart from other online video editors like Promo, Wave, Vimeo Create and others.
A little over three weeks ago the first ten animations were released. A complete discussion of the unique nature of Movidmo animations along with a complete write up of this first group of animations is available in this blog post. Today, we are happy to announce that ten more animations have been made available in the editor. The remainder of this blog post will outline how these new animations can be customized and provide some ideas on how you can use them to juice up your video content.
This animation harkens to the 1980s as the visual resembles the bouncing bars that were common on jam boxes back in the day. The specified number of bars can be between two and twenty. The bars bounce up and down in a pseudorandom pattern with the height of each bar varying between the height of the container and a minimum height specified by the user as a percentage of the container height. Higher minimum height values lead to less motion in the animation. Up to four colors can be selected, and the colors are assigned to the bars in a sequential fashion. The video below shows several examples of this animation with varying numbers of bars, heights, and colors. This animation can serve as a groovy background for captions, images, and other types of content that you want noticed.
This amusement park inspired animation traverses a loop like that of a roller coaster. The width (in pixels) and the color of the curve can be specified along with the cycle time for the animation, which is the total amount of time (in seconds) for the path to be revealed and subsequently hidden from view. The video below shows the animation for different combinations of widths and cycle times. The loopy animation works well as a framing device for important video content.
The beams animation simulates colored beams of light emanating from the center of its container. The width of each beam varies randomly over time. Up to four colors can be specified with colors assigned sequentially in a clockwise manner. The video below shows different examples of this animation with the number of colors ranging from two to four. The animation works great as an attention-grabbing backdrop.
This animation simulates bubbles floating upwards using circles of various colors and sizes. Four colors can be specified along with the desired average size of the circles. The size is specified using a range from 1 to 100 with the idea being that the bubbles of the matching size would cover the corresponding percentage of the containers area. The video below provides examples of this animation with different color schemes and size values. This animation works as a very attractive background for captions, images, and even the entire video.
This animation displays a sequence of arrows pointing to the right. In addition to the number of arrows in the sequence, the color of the arrows and cycle time for the animation may also be specified. The cycle time represents the total amount of time (in seconds) for the arrows to be displayed from left to right and then hidden in the same manner. The video below provides examples of this animation across a range of values for the number of arrows and varying cycle times. This animation is an excellent way to point to the content that you want the viewer to focus on, and it can also serve as a great background for video content.
This animation is similar to the chase animation except the two segments that chase each other rotate in a circular pattern. The defining circle is inscribed within the animations container. 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 circle's circumference. The direction of the rotation can also be specified as right (clockwise) or left (counterclockwise). The animation can be used to create an attractive frame for captions, images, and other content. Check out the video below for examples of its application with various parameterizations.
Inspired by the string of lights that are sometimes used to illuminate outdoor spaces, this animation lights 32 bulbs (represented as circles) around the perimeter of the animation's container starting from the center/bottom and moving up each side. When the lighting sequence is complete, the bulbs flash by getting larger and then disappear. Users can specify up to four colors that are assigned sequentially to the bulbs along with the cycle time, which represents the duration (in seconds) of one repetition of this process. Use this animation to frame important video content that requires the viewer's focus. The video below features a few different configurations of this animation.
This animation consists of sixteen line segments of varying colors that project outward to the perimeter of its container. The interior starting point of the movement is defined by a rectangle with the same aspect ratio as the container but scaled by a percentage specified by the user. Sixteen equally spaced points around this interior shape are connected to a similar set of points spaced around the exterior of the container. A smaller starting percentage therefore leads to longer line segments. Users can also choose the colors to be used for the segments, specify the width (in pixels) of the segments, and input the cycle time (in seconds) representing the duration for extending and then hiding the segments. The video below shows a few different examples of this animation with varying starting values and cycle times. Use this animation as an overlay or as a backdrop for important video content.
One of our absolute favorite animations is this one, which simulates a mouse click on the screen. The user can specify the color of the hand cursor as well as the color of the radiating concentric circles that indicate the click itself. The cycle time (in seconds) for one complete click to be rendered can also be specified. The video below shows a few different examples of this animation with varying cycle times. We really like shorter cycle times between 0.5 seconds and 1 second for this animation. Use this animation as an overlay to indicate the action of clicking a link displayed in a video. This is also an ideal animation to use in social media video ads where the video itself is a clickable entity.
This animation displays a set of eight concentric circles of varying colors that radiate outwards from a source point. The result is a sequence of color bands that project across the animation's container. Up to four colors that are assigned sequentially to the circles can be specified. The cycle time, which represents the time (in seconds) that it takes for a band to complete its journey across the container, can also be specified. The source point for the center of each of the circles can be defined by selecting values its x and y values. These two values represent the horizontal and vertical location of the source point relative to the container. The x value can be either left, center, or right, and the y value can be either top, middle, or bottom. In total, there are nine combinations of these two values that can be used to identify the source location. The video below shows this animation for a variety of source configurations. This animation can serve as beautiful colorful background for a caption, image, or the entire video.
We hope you are as excited about this new round of animations as we are. They can be used to make your video content much more interesting and engaging. Stay tuned as we intend to release more animations in the near future. If you have a cool animation idea, feel free to send it to the Movidmo development team using the Contact Us link at the top of the page.