How can we help you?

Popular Topics : The Basics, Tips & Tricks , and Designing & Editing

Menu +

Custom Animations

Custom Animations

Here are some simple steps to begin implementing Custom Animations on animation-enabled Visme formats (Presentations, Infographics, Animated Newsletters, Charts & Graphs, Web Graphics, Social Graphics, Video/GIFs).

1
In the Editor window of your Project, select the object to be animated and click Animate in the top menu, and the Animate pane will appear to the left of the Project.

Note: Remember, you can select multiple objects at once by holding down the shift key on your PC (or the ⌘ Command key on your Mac). To keep these objects permanently grouped in your project, click the Group button in the top menu.

2
When you hover your mouse over the gear icon at the top of the Animate panel, you’ll notice the word Custom appears. Click it to begin exploring the options of Visme custom animation!

3
Like default animations, custom animations basically have two key functions for objects: how they Enter a Project, and how they Exit. By default, Enter is selected for you to customize first. You can begin your custom animation by selecting one of the following four options from the Add Animation drop-down menu: Fly, Fade, Rotate, and Grow.

4
Just like default Visme animations, your object(s) can Fly into your Project from eight different directions. You can select which directions you want by choosing the corresponding button on the example object’s frame, or by using the Direction drop-down.

From there, you can customize how far they travel from by adjusting the Distance slider. You’ll notice that as you make changes to your custom animation, the changes are previewed in-motion with your selected objects in the Editor.

5
Customizing a Fade entry gives you the liberty to choose how fast the objects fade in, by adjusting the slider from Slow (1x) to Quick (4x).

6
Rotate animations can be customized from 0 to 720 degrees by adjusting the Rotation slider. By adjusting the Pivot Point, the animation can pivot on eight different points around the objects or pivot on the center point. These rotations can move Clockwise or Counterclockwise by selecting your preference from the Direction drop-down.

7
When using a Grow animation, you have three options for how your objects expand from their center: Vertical, Horizontal, or Proportional. You can also adjust the starting point for the growth from 0% to 200% by adjusting the From slider.

8
You’re not restricted to using only one entry animation! In fact, Visme empowers you with the ability to make your objects fly into your Project while fading, rotating, and growing all at the same time! the possibilities are endless.

9
Every custom animation can be tailored by adjusting the drop-down fr how the animation interacts with the Project’s background. You can also choose from the following:

  • Linear, which is the default setting
  • Ease in or Ease out at three different sensitivities (Soft, Normal, and Strong)
  • Ease in out to make the animation both appear and disappear the same way
  • Bounce, which will trampoline your animation

10
You can further customize our animation’s interaction with the next drop-down. Select from Don’t Repeat, Back and Forth, and Loop to choose how many instances your animation occurs in your Project.

11
You can use the Plus button or Minus button to adjust the Duration of your animation, or the delay as to when the animation begins. The times can be adjusted in intervals of two-tenths of a second (i.e. Start At 1.2, 1.4, 1.6, etc). You can also select the value’s text and type a custom value.

12
In addition to using a Start At delay, you can change your animation to begin On Click by selecting it from the drop-down.

13
Exit custom animations are incredibly similar to Enter custom animations. There are fifteen different animation styles to choose from, and they can be scheduled to Animate After Time or Animate On Click by selecting these options from the drop-down. Use these in combination with your Enter animations for an incredibly customized and dynamic effect!

Now that you’ve got the basics of custom animation down, the possibilities of what you can animate are limitless!

 

Was this helpful?

Click on a thumb to rate it!

Back to home
Home
Designing & Editing
  • The Basics
  • Getting Started
  • Common Questions & Answers
  • Creating & Editing 101
  • Publish & Download
  • Account & Plans
  • For Print
  • Project Types
  • Presentations
  • Infographics
  • Reports and Ebooks
  • Printables
  • Web Graphics
  • Social Graphics
  • Designing & Editing
  • Text & Text Widgets
  • Shapes & Icons
  • Photos
  • Charts & Widgets
  • Video
  • Tables
  • Audio & Music
  • External Content (i-frames)
  • Backgrounds
  • Animation
  • Make content Interactive
  • Grides & Guides
  • Content Blocks
  • Collaboration and Team Features
  • Apps and Integrations
  • Workspaces
  • My Brand
  • Analytic Tools & Insights
  • Tips & Tricks
  • Productivity Tools
Visme 101

Learn how Visme will change the way you create stunning content.

Reserve your seat
  • Live Q&A
  • New Features
  • Cool Tips