Add more dots or shapes along path or stroke

Question

Hello, I'm wondering if any of you fine people could help in recreating the attached?

I'm seeing if there is a way of animating and filling a path in the way of the example. I have tried a stepped approach animation where I keyframe in steps using a dotted stroke but it doesn't have the same effect as the attached.

Any help would be amazing 🙂

Thank you,

Paul

Rick Gerard · Answer

Try This:Select your shape layer and reveal all shapesType Fill and Stroke in the Timeline search fieldSelect and delete all Fills and Strokes (to keep things clean)Select all Shapes, right-click, and Group ShapesSelect Group 1 and Add Merge PathsChange Merge Paths/Mode to MergeUnder Merge Paths, find Stroke, Change the End Cap to Round Cap, adjust the width, add Dashes and GapsSet Dash width to 0Set a keyframe for Gaps and adjust it until you get the spacing you likeMove down the timeline and set a second keyframe for Gaps to match the Stroke WidthDuplicate the GropChange the End Cap to Projecting Cap on the duplicateTo make things easier to adjust, tie the Dashes/Gap property of the first Group/Stroke to the second Group Stroke with a simple pickwhip expression, so you only have to change the keyframes of the secondMove half way between the Gap keyframes and set an opacity keyframe for fhe stroke with the Projecting Cap to zeroMove down the timeline a bit more and set a second stroke opacity keyframe to 100All done

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.

Scanning file for viruses.

This file cannot be downloaded