How to Create a Moving Content

To make your content more attractive to Digital Signage, movement is almost indispensable. However, you do not need to produce videos to achieve the desired effect. Through 4YouSee Designer, it's easy to create animated content that works so well at your points that customers find it on video.

To create an animation, you must first choose an object to receive the animation. With the exception of the videos and the background, any object in the scene can be animated. To open the animation window, simply select the object and click the Animations button. . Or right click on the object and select the Animations option.

animations.png

Each object can contain up to two animations: an input animation and an output animation. The input animation defines how the object will come into play. The output animation defines how the object will leave the scene.

To define an animation for an object, you must define 4 parameters:

  1. Effect: what is the animated effect that will be applied to the object ?. The effects can be:
    • Translational (for example, the object enters the scene on the left side and exits on the bottom side of the screen).
    • Rotational (the object rotates around itself for a certain number of turns).
    • Scale and opacity (the object becomes progressively opaque and larger, for example).

See what each effect does to an object by selecting different effects and previewing the content.

  1. Trigger: which event will trigger the animation. The default is for the animation to triggered as soon as the scene begins or, for exit animations, as soon as the object comes into play (which may coincide with the beginning of the scene). However, it is possible to chain animations, i.e. trigger one animation after the end of another. To do this, select the Rear In or Rear Out options and select the object that will trigger the animation. If you want the animation to be done only after user interaction (for example, by clicking / tapping on the screen), select the After interaction option.
  2. Delay: time in seconds that must elapse between the trigger and the beginning of the animation. For example, if you want the animation to start 2 seconds after the start of the scene, or 3 seconds after the input animation of object X.
  3. Duration: time in seconds that the animation will play. Remember that the longer the time, the slower the effect will be.

 

Example:

  • Object A (the blue square) will slide from left to right immediately after the scene begins and will come out to the right 5 seconds later.
  • At the entrance of object A, and object B (green circle) will appear slowly (3s) with the effect of Fade In.
  • Object C (Text) that was already in the scene will disappear after 2s of Object A .

Follow the animation settings for each object:

Objetc A (Rectangle)

 

Object B (Circle)

Object C (Text)

Final Result


Did you find it helpful? Yes No

Send feedback
Sorry we couldn't be helpful. Help us improve this article with your feedback.