Skip to main content
johnt53984649
Inspiring
December 3, 2017
Question

Seamlessly Loop Wave Warp Effect

  • December 3, 2017
  • 7 replies
  • 47343 views

For most effects with a "phase angle", all I have to do to seamlessly loop them over a given time interval is just place a keyframe with at phase angle 0 at the beginning and then a keyframe at the end that's just any whole integer of the phase angle (for example, I can do this with Motion Tile to repeatedly shift an image across the screen).  However, when I attempt to do the same thing with the Wave Warp effect, it doesn't line up at all!  (This is after setting it to a wave speed of 0.)  I noticed that I instead had to set the phase angle to o 256 degrees to get it to line up properly (or any whole number multiple of 256 for more loops).  I'm not quite sure why this is.  I'm not sure if this is consistent across layers or not, as I've got the feeling it might be dependent on the actual width or height of the layer.

So how can I make wave warp loop seamlessly?

    7 replies

    Participating Frequently
    June 18, 2024

    Found your post after googling the same problem you encountered.
    Boggles my mind how complicated all the replies made it seem.
    To all who find this, OPs answer is this:  One complete, loopable cycle of the Phase parameter is 256 degrees, not 360 or "1" cycle.

    So 2 loops = 512,   4 loops = 1024 etc.

    Participant
    July 21, 2023

    The key is to use a bit of math to figure out what to set the Wave Speed at. Keep your Phase angle at 0 and don't use any keyframing. Set Wave Height/Width/Direction to whatever you want and change as desired.

     

    Step 1: figure out the duration of time (IN SECONDS) you want to loop seamlessly within. If you want the animation to loop seamlessly within the length of your composition or the length of your work area, figure out how many seconds long your composition or work area is. This could mean converting hours/minutes to seconds which you can do easily with the help of google and/or a calculator. **(if the last two digits in the timecode of the desired duration of the loop aren't 00, jump to the red asterisk section below)**.

     

    Step 2: figure out the wave speed by dividing the number of times you want the animation to loop by the duration of time you want the animation to loop seamlessly within (IN SECONDS). Type that value into the Wave Speed up to four decimal points to get it as accurate as possible so the loop is seamless. For example, if you want the animation to loop twice over the course of 15 seconds, the math would be: 2/15=1.3333 so your Wave Speed should be 1.3333. Fiddle with the number of times you want the animation to loop in this equation in order to adjust the speed of the animation while keeping the loop seamless.

     

    Step 3: Check your work and you should be good to go!

     

     

    **the last two digits of your timecode are in FRAMES, NOT HUNDREDTHS OF SECONDS so you must convert the frames to seconds. To figure out how many seconds the last two digits of your timecode equates to, divide the value of the last two digits of your timecode by the fps of your composition. Add this to the rest of the desired duration in which you want the loop to occur (in seconds) and continue with Step 2 above. 

     

    EXAMPLE:

    You want the wave warp animation to loop seamlessly within your work area. The duration of your work area is 00:00:14:24 (AKA 14 seconds and 24 frames), according to your timecode. You want the animation to loop 5 times within that time. You are working in 30fps. The math would be as follows:

     

    Frames to seconds: 24frames/30fps = 0.8 seconds

    Total duration of work area in seconds: 14 seconds + 0.8 seconds = 14.8 seconds

    Wave Speed: 5loops/14.8seconds = 0.3378

     

     

     

    Participant
    July 21, 2023

    Essentially, divide the number of loops you want (x) (must be a whole number for seamless loops!) by the length of time (in seconds) you want the loop to occur in (t) to get your Wave Speed (W) and play with the # of loops you want (x) in order to change the speed of the animation.

    W = x/t

    Participant
    January 18, 2023

    https://www.youtube.com/watch?v=AbY7V6bJITA
    This video best explains it around 2:30-3:00 in. Hope this helps 🙂

    Participant
    September 1, 2021

    love you

    P.M.B
    Legend
    December 24, 2017

    johnt53984649  wrote

    So how can I make wave warp loop seamlessly?

    it loops automatically using 'Wave Speed'

    Is there some reason you're using key frames & a loop out?

    Either way Mylenium gave you the correct answer. 

    It's the math.  Luckily, the effect does the math for you if you use 'Wave Speed'.

    There's no keyframing or Loop Outs necessary

    ~Gutterfish
    berzins
    Inspiring
    May 2, 2019

    Gutterfish  wrote

    Is there some reason you're using key frames & a loop out?

    If I need to make 10 or 30 seconds or any other length of the video file, which is a perfect loop. It is not possible to do using only "Wave Speed" parameter.


    Parameter "Phase" value *256   -   AMAZING! It really works!  Thank You johnt53984649

    johnt53984649
    Inspiring
    May 2, 2019

    Once again, I'm not sure why that is, and I think that there are situations where you may have to add or subtract one degree after doing the multiplication, but that's just what I observed.  If anybody can actually explain the mathematics behind it, I'd love to know.

    Kevin-Monahan
    Community Manager
    Community Manager
    December 21, 2017

    Hi JohnT,

    So how can I make wave warp loop seamlessly?

    Did you get this working according to your needs? How did you do this?

    Thanks,
    Kevin

    Kevin Monahan - Sr. Community and Engagement Strategist – Adobe Pro Video and Audio
    johnt53984649
    Inspiring
    December 24, 2017

    I just had to stick with what I said in my original post (using multiples of 256 degrees for the phase angle).  It seems to be independent of the other parameters of the wave warp function; no matter what layer I apply it to or whatever other parameters I change, for some reason 256 seems to correspond to a phase change of 2*Pi for the wave (hence creating the loop).

    Maybe this is an issue with CC 2014.0 that isn't present in other versions (not sure).  Perhaps that's why there's this confusion.

    Mylenium
    Legend
    December 3, 2017

    I'm not clear what you are saying. The exact repeats are dependent on the Wave Width, which is user controlled and the phase is merely an offset for the underlying formula. Of course for a sine wave it will have something to do with the equivalent angles to multiples of Pi. It's not a linear function. Additionally of course there may be an uneven fractional number of waves depending on how you set the width. Similar logic applies to other wave types. There's nothing wrong here. You just need to understand the math and eitehr tweak your values accordingly or create a smart expression for it.

    Mylenium