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

Converting Ease Keyframes Different Properties

Contributor ,
May 13, 2024 May 13, 2024

Hi, can someone explain to me how to convert the speed value of keyframes for different properties?
For example values ​​for Position and Opacity
:

 

// position

{
  "type": 6413,
  "keys": [{
    "keyIndex": 1,
    "time": 0,
    "value": [1920, 1080, 0],
    "inInfluence": [{
      "influence": 100,
      "speed": 0
    }],
    "outInfluence": [{
      "influence": 100,
      "speed": 904.630451660156
    }],
    "inInterpolation": 6613,
    "outInterpolation": 6613
  }, {
    "keyIndex": 2,
    "time": 1,
    "value": [185.353134461378, 185.353151513672, 0],
    "inInfluence": [{
      "influence": 100,
      "speed": 809.959822998047
    }],
    "outInfluence": [{
      "influence": 100,
      "speed": 0
    }],
    "inInterpolation": 6613,
    "outInterpolation": 6613
  }]
}

//opacity

{
  "type": 6417,
  "keys": [{
    "keyIndex": 1,
    "value": 0,
    "inInfluence": [{
      "influence": 100,
      "speed": 0
    }],
    "outInfluence": [{
      "influence": 100,
      "speed": 86
    }],
    "inInterpolation": 6613,
    "outInterpolation": 6613
  }, {
    "keyIndex": 2,
    "value": 100,
    "inInfluence": [{
      "influence": 100,
      "speed": 77
    }],
    "outInfluence": [{
      "influence": 100,
      "speed": 0
    }],
    "inInterpolation": 6613,
    "outInterpolation": 6613
  }]
}


They have the same Ease but the speed is different
, how do I convert the position speed for opacity and vice versa? I want to understand how speed positions 904.630451660156 and 809.959822998047, for opacity steel 86 and 77

TOPICS
Scripting
397
Translate
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
Community Expert ,
May 13, 2024 May 13, 2024

I'm not sure what you're asking, but I'd suggest that the meaning of the speed values depends on the units for the property. So for position it would be px/sec and for opacity it would be %/sec.

Translate
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
Contributor ,
May 13, 2024 May 13, 2024

Hi Dan, I want to copy the ease key curve and paste it for another property. To do this, you need to convert the speed values.

In the example above, the curve is the same for the position and opacity properties, and I want to understand how to transform the values, you can see even though their curve is the same, they have different speeds, I'm trying to understand how to calculate it.

I know there are solutions for this EaseCopy, Flow, but I specifically want to understand how it works.

Translate
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
Community Expert ,
May 14, 2024 May 14, 2024
LATEST

The range for opacity is only 0 to 100. The range for Position is the difference between the first and second positions. I am not a math, scripting, or expression genius, but it seems like you would have to calculate the ratio of change over time from 0 to 100 and apply the same ratio to the difference between the distance between the first and second positions. The problem with that is that a path can be a curved line, so the change over time in x and y can be any value at any time, while the change in opacity is limited to one value. You might be able to match the curve of just the change in X or just the change in Y to the curve for opacity, but matching the curve of X and Y or the even more complicated X, Y, and Z of a 3D layer seems like a problem that could only be solved by someone a lot smarter than me. 

 

What's the design goal? It's hard for me to imagine that matching the anticipation or the bounce and decay of a move to opacity would be an effective way to emphasize an emotion, tell a story, or convey a point more effectively than fine-tuning each of those properties individually.

Translate
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