Creative Communities of the World Forums

The peer to peer support community for media production professionals.

Activity Forums Adobe After Effects Help recreating swirling pattern

  • Help recreating swirling pattern

    Posted by alex casados on September 29, 2021 at 12:33 am

    Been practicing motion graphics in AE for about a year (still lots to learn) now both recreating graphics and making my own, however I’ve been having trouble with getting this one asset right. In both the videos below, theres a recurring rotating swirling line-like pattern surrounding a gradient circle (kind of similar to the effect used here I think https://youtu.be/iqMVl2F1d4A) it was used a lot for the FOX network’s on-air look in the early 2000s. I tried playing with the technique to the tutorial video, but none of the patterns I made looked close to the ones in the example videos. Is there another way of getting the exact shape and animation? or did I do something wrong here?

     

    https://streamable.com/i3oypv

    https://streamable.com/c6qgaa

    (in the show coming up next promos here seems to be another teal/blue pattern on the left side that looks like it was created using the same technique too? the same pattern might’ve been used for the spinning “all new” circle too)

    Some contents or functionalities here are not available due to your cookie preferences!

    This happens because the functionality/content marked as “Google Youtube” uses cookies that you choosed to keep disabled. In order to view this content or use this functionality, please enable cookies: click here to open your cookie preferences.

    Kevin Camp replied 4 years, 7 months ago 2 Members · 1 Reply
  • 1 Reply
  • Kevin Camp

    October 1, 2021 at 8:45 pm

    There is an old effect called sinedots, that probably does not work any more, but used to create an animation similar the old Curves and Colors screen save in Windows.

    You could also animate mask points and use the stroke effect and echo effect to create something similar, but it would be rather tedious.

    You could also try this:

    Create a circular shape layer, set the fill to none and the stroke to a color and about 2px thick.

    Click the ‘add’ menu for the Contents of the shape layer and add Wiggle Paths, setting the Size fairly large (like 500), the Detail low (like 1) and the Wiggles per Second to something low (like 0.5).

    Add the Echo effect and set the Echo Time to about -0.1, number of echos to 5-10 and if you want, set the Decay to around .9 or .8.

    It should resemble your example, and you can definitely keep tweaking settings, or maybe start with a custom curved path with fewer or more points…

    There are probably 3rd party effects that can do a better job

    —- EDIT —-

    Also, in the Wiggle Paths settings, set the Point to Curves : )

We use anonymous cookies to give you the best experience we can.
Our Privacy policy | GDPR Policy