Animations Archives | LesLinq

What actions can I add to an image?

Carin van den Berg — Thu, 22 Sep 2022 08:06:33 +0000

When you add an image to the canvas, you can add various actions to it. You can choose from the following actions:

Navigate to URL
Navigate to Page
Change Property (move across x and y axis, scale, rotate, transparency or invisible)
Change Style (switch to another image, change fill or stroke colour)
Play Animation (blur, zoom and various options to move the image)
Play Audio
Stop Audio
Pause Audio
Play Video
Stop Video
Pause Video

In the Keyframes you can set at what time the action should occur.

The post What actions can I add to an image? appeared first on LesLinq.

What is a Keyframe and how does it work?

Carin van den Berg — Wed, 21 Sep 2022 12:09:46 +0000

When you want to set up an Action, you have to deal with Keyframes. Simply put, a Keyframe is a time when one or more actions can be performed. You can add a Keyframe (with Action) to an element (image, button, shape, video, etc) as well as to a page. You can set multiple Keyframes at different times. You can link one or more Actions to each Keyframe. For example, you can set an element to play a video at 1 second, stop the video at 20 seconds and navigate to a certain page at 21 seconds.

Actions you can link to a Keyframe are:

Navigate to URL
Navigate to Page
Change Property
Change Style
Play Animation
Play audio
Stop Audio
Pause Audio
Play Video
Stop Video
Pause Video

When you have set up multiple Keyframes with Actions, you can see them at a glance in the Action Settings. In short, a hugely useful feature, giving you many opportunities to create interactive content

The post What is a Keyframe and how does it work? appeared first on LesLinq.

What is Initial Animation and how does it work?

Carin van den Berg — Wed, 21 Sep 2022 11:32:47 +0000

For each element (image, button, shape, video, etc.) that you add to your canvas, you can control how it appears on screen. You set this via Initial Animation. The settings of Initial Animation can be found in the ‘Properties’ of the element. You open the Properties by double clicking on the element in the canvas, or by selecting the element and clicking on the cogwheel icon in the lower left corner. The property panel will now open.

Scroll down to the Inital Animation Settings and select:

None
Slide in Left
Slide Out Left
Slide in Right
Slide Out Right
Slide in Top
Slide Out Top
Slide in Bottom
Slide Out Bottom
Fade in
Fade Out
Zoom In
Zoom Out
Custom Fade
Custom Zoom

At ‘Duration’, set the duration of the animation
At ‘Delay’ you determine at what time the animation starts
At ‘Ease’ you determine the animation settings at the beginning or end of the animation. You can choose from:

None
Ease on Start
Ease on End
Ease on Start and End
Back on Start
Back on End
Back on Start and End

In this way you can set the Inital Animation of each element separately.

The post What is Initial Animation and how does it work? appeared first on LesLinq.

How do I add actions to a video?

Carin van den Berg — Wed, 01 Sep 2021 08:27:58 +0000

By adding actions you can make a video even more interactive and keep the attention of your audience. Possible actions you can add are:

Navigate to URL
Navigate to Page
Change Property
Change Style
Play Animation
Play Audio
Stop Audio
Pause Audio
Play video
Stop video

You can ad dan action by doubleclicking on the video in your canvas. Click on the ‘VIEW’ button next to Timeline. Select ‘ADD KEYFRAME’. Select the time at which you want the ation to happen. Click on ADD ACTION and select the desired action. Give your action a name (optional). It is possible to add multiple actions at the same time or to add multiple actions at different times.

The post How do I add actions to a video? appeared first on LesLinq.