Skip to main content
Sharpe D
Known Participant
Jan 12, 2023 6:35 PM UTC
Question

Animated custom pattern brush effect

 

I am looking to create an animated custom pattern brush effect through a line. The end result would be a colored line either red, blue, green, etc. Arrows or carrots (pattern brush) would show movement through the line.

 

I am hope for an extremely easy and quick way to use this brush on different lines that bend, have angled turns, etc. 

 

Anybody know an easy to create thr animation? Can the brush animate in run time? Hope this makes sense.

 

    This topic is closed to new replies. Start a new post to keep the conversation going.

    5 replies

    _keyframer
    Community Expert
    Community Expert
    Jan 17, 2023 4:10 PM UTC

    While it's easy to create a custom pattern brush or use one of the pattern brushes that ships with Animate, it's nearly impossible to animate the pattern within the stroke itself. You'd have to create a looping pattern animation and mask it along a stroke or brush path. I know that's pretty vague but I've also needed to create this type of animation and I end up having to spend hours finding workarounds. It would seem to be an easy technique but in reality, it's pretty difficult. I'll revisit this and try to find a way.

    Translate
    Animator and content creator for Animate CC
    Community Expert
    Jan 13, 2023 12:35 AM UTC

    Try this tutorial. https://www.youtube.com/watch?v=-kuoImrABtU

    Translate
    Sharpe D
    Sharpe DAuthor
    Known Participant
    Jan 16, 2023 6:15 PM UTC

    That video is very helpoful for creating the brush. The Adobe documentation is very vague. 

     

    The other part was if it is easily possible to have the brush animate, have the arrows easliy move across the line in runtime?

    Translate
    Sharpe D
    Sharpe DAuthor
    Known Participant
    Jan 16, 2023 6:44 PM UTC

    Here is another example of the lines and arrows. Again, looking for an easy way to animate the arrows over the lines in Animate or better yet Captivate.

    Translate