Skip to main content
T
thesnowfake
Participant
July 26, 2022
Question

How do I animate this complex rounded path?

  • July 26, 2022
  • 2 replies
  • 371 views

Hey! Was animating this simple logo using transformed masks when I realized it'd be a bit harder to do with rounded edges. How do I achieve the same style of animation seen on the A, N, and T while adjusting to the curved beziers of the G and R? Thank you!

This topic has been closed for replies.

2 replies

Mylenium
Mylenium
Legend
July 27, 2022

As suggested already, use stroke animation either directly or as track mattes for the logo artwork. You may want to find a good "logo reveal" tutorial on some of that stuff.

 

Mylenium

M
MohammedSalmanUddin
Participant
July 26, 2022

Well I would recommend using masks and the effect "stroke", its much easier, 

So what you have to do is, using the mask path to show how you want it to start and finish , remember 1 mask for 1 letter, or it wouldn't animate all together, then add the stroke effect, keyframe the End Value of the 'stroke', from 0 to 100, and you should be good to go. 

Assalam Alaikum.

    M
    MohammedSalmanUddin
    Participant
    July 26, 2022

    Forgot to tell you, when you drop in 'stroke' effect, make the size fill up the text, not excessive, but the letters should be covered, then at the end of the effects properties of 'stroke' is a drop down menu, there choose 'Reveal Orginal Image' or something similar, forgot 🙂

    Firefly Community Gallery
    Adobe Firefly

    Remix with Firefly Community Gallery

    Thousands of free creations to fall in love with and remix in Firefly.

    Explore now
    Terms & ConditionsAccessibility statement
    Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices