Hugh Nagle

Q: radial wipe

Is there a way of doing a radial wipe in Motion 5?

 

That is, a circle 'wiping' from nothing into a full, filled disc, from the centre?

 

Thanks in advance.

Posted on Jun 18, 2016 5:34 AM

Close

Q: radial wipe

  • All replies
  • Helpful answers

  • by GFXZen,

    GFXZen GFXZen Jun 18, 2016 7:12 PM in response to Hugh Nagle
    Level 4 (1,643 points)
    Video
    Jun 18, 2016 7:12 PM in response to Hugh Nagle

    Yes, there are many ways.  The  method you use may depend on your overall composition.

     

    The easiest way is to apply a circle mask to the layer you want to reveal and animate the mask radius from 0 to the size you need to reveal the element it is applied to.   You can do the animation with keyframes or with a behavior.  You can also add feathering from the Mask controls if you want a soft edge.  Another way to do this is to use an image mask.  The idea is roughly the same, you select the layer you want to reveal and add the image mask (shift-m).  You would then create a circle shape and drag it into the image well for the image mask in the inspector, or just drag the circle layer in the layer list on to the image mask in the layer list.  The circle will be disabled (hidden).  In this case you would animate the circle layer to control the mask. Scale the circle layer and adjust the circle feather parameter to get the animation and look you want.

  • by Hugh Nagle,

    Hugh Nagle Hugh Nagle Jun 19, 2016 12:50 AM in response to GFXZen
    Level 1 (39 points)
    Video
    Jun 19, 2016 12:50 AM in response to GFXZen

    Thank you for this. However, sorry, I didn't make myself clear. This is not the kind of wipe I'm looking for.

    What I want is the kind of wipe you would see on a "radar" screen, with a "windscreen-wiper" rotating (clockwise or anti-clockwise), with one end of the 'wiper' fixed at the centre of the circle and the other endpoint on the circle. As the wiper rotates, more - or less - of the circle is revealed.

    Thanks in advance.

  • by GFXZen,

    GFXZen GFXZen Jun 19, 2016 9:48 AM in response to Hugh Nagle
    Level 4 (1,643 points)
    Video
    Jun 19, 2016 9:48 AM in response to Hugh Nagle

    No problem.  Here's an example using a 2 second (30fps) transition  To create a radial gradient wipe, first make a gradient layer.  You could use a shape or a generator, I prefer the later for this.  I also prefer to make sure the source is also square, slightly larger than the canvas.  Start by making a white to black gradient that goes from left to right.  Next you will animate the gradient. On the first frame of layer select each of the gradient tags and set a keyframe for the location parameter.  Now go to the point where you want the animation to end and set another keyframe for the location. For my example, this is frame 60.  Go back to the first frame, select the black tag and set the Location to 1%.  Next go forward several frames, I started with 10.  Select the white tag and add another keyframe for location, but don't change the value.  Now go to the last keyframe and with the white tag still selected, change the location to 99.9%.

     

    You should now have a gradient that animates from black to white across your screen.  Apply the "Polar" filter to this and it will wrap in a clockwise circle.  This will be the source for your Image mask.  Apply an image mask to the layer you want to reveal, Apply the gradient layer as the source and set the Image Mask "Source Channel" to  "Luminance"

     

    You can adjust the timing by repositioning the keyframes.

  • by Hugh Nagle,

    Hugh Nagle Hugh Nagle Jun 20, 2016 4:15 AM in response to GFXZen
    Level 1 (39 points)
    Video
    Jun 20, 2016 4:15 AM in response to GFXZen

    ... thank you for your help with this.

     

    However, despite following your instructions, I cannot get it to work. I'm pretty confident I have followed your instructions to the letter … but in vain.

     

    I'll keep at it 

  • by GFXZen,

    GFXZen GFXZen Jun 20, 2016 9:27 AM in response to Hugh Nagle
    Level 4 (1,643 points)
    Video
    Jun 20, 2016 9:27 AM in response to Hugh Nagle

    When all else fails...

     

    https://vimeo.com/171420610

     

    One thing you will see in this video is that you see the checkerboard revealed at the beginning of the transition.  This is not a big deal because it would be the first frame for the element you want to reveal, just make sure to position the layers correctly in time (see my image below. To finish this off, you can leave the keyframes positioned at the beginning of the clip.  You would trim the end of the image mask gradient and filter layers to the last keyframe. This just makes things more clean in the timeline.  Finally you would make sure the end of the layer you are wiping away from overlaps the transition range for the wipe.

     

    FinalResult.png

  • by Hugh Nagle,

    Hugh Nagle Hugh Nagle Jun 20, 2016 10:49 AM in response to GFXZen
    Level 1 (39 points)
    Video
    Jun 20, 2016 10:49 AM in response to GFXZen

    … thank you for persisting with me!

     

    The vimeo link isn't working… could you give me a new link, please? In the meantime, I'll try again, referring to your image.

  • by GFXZen,Solvedanswer

    GFXZen GFXZen Jun 20, 2016 11:59 AM in response to Hugh Nagle
    Level 4 (1,643 points)
    Video
    Jun 20, 2016 11:59 AM in response to Hugh Nagle

    Try again. I think it was still converting.

  • by Hugh Nagle,

    Hugh Nagle Hugh Nagle Jun 20, 2016 1:04 PM in response to GFXZen
    Level 1 (39 points)
    Video
    Jun 20, 2016 1:04 PM in response to GFXZen

    That's really great. Thanks again for all your help.

     

  • by Hugh Nagle,

    Hugh Nagle Hugh Nagle Jul 28, 2016 1:58 AM in response to Hugh Nagle
    Level 1 (39 points)
    Video
    Jul 28, 2016 1:58 AM in response to Hugh Nagle

    For those who were interested in this discussion, I thought I should post a link to this YT tutorial which I happened upon.