• Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
    Dedicated community for Japanese speakers
  • 한국 커뮤니티
    Dedicated community for Korean speakers
Exit
1

How can I make a rounded rectangle with dynamic size that is animated for Essential Graphics?

New Here ,
Feb 04, 2025 Feb 04, 2025

Copy link to clipboard

Copied

I'm running into an issue where I can animate a rounded rectangle for a lower third but if I want to change the size for different length names, it will create a new keyframe and mess up the animation.

Ideally I want to create some kind of control that will affect 1 keyframe only. Is this possible?

 

Screenshot 2025-02-05 at 5.22.49 pm.png

TOPICS
Expressions , How to

Views

66

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines

correct answers 1 Correct answer

Participant , Feb 05, 2025 Feb 05, 2025

You may create a slider control for the this value, then animate the roundness using ease() or linear() expression.
Then add this slider control to the Essential Graphics panel.
for eample:

 

var key1Time = 0;
var key2Time = 1;
var key1Value = 0;
var key2Value = pickwhip the slider control value here ;
ease(time, key1Time, key2Time, key1Value, key2Value);

 

 Of course you can write all the value directly inside the ease() function without using the variables, I just wrote them for clarificaton.

Screenshot 2025-02-05 215023.png
Screenshot 2025-02-05 215201.png

Votes

Translate

Translate
Participant ,
Feb 05, 2025 Feb 05, 2025

Copy link to clipboard

Copied

LATEST

You may create a slider control for the this value, then animate the roundness using ease() or linear() expression.
Then add this slider control to the Essential Graphics panel.
for eample:

 

var key1Time = 0;
var key2Time = 1;
var key1Value = 0;
var key2Value = pickwhip the slider control value here ;
ease(time, key1Time, key2Time, key1Value, key2Value);

 

 Of course you can write all the value directly inside the ease() function without using the variables, I just wrote them for clarificaton.

Screenshot 2025-02-05 215023.png
Screenshot 2025-02-05 215201.png

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines