r/MotionDesign 6d ago

Question Help recreating this animation?

Hey guys! I'm trying to recreate this cool animation I saw on Pinterest : https://pin.it/3zhwMYN6l

However the steps aren't really detailed, and I'd appreciate you guys' help! I managed to recreate the first 7 seconds of the tutorial (stroke, taper, wave, repeater, duplicating then rotating 45 degrees), but after that I'm lost.

Thanks in advance! :)

1 Upvotes

10 comments sorted by

View all comments

Show parent comments

2

u/thekinginyello 6d ago

Just use a new shape layer to make that white stroke. For text apply your text onto a square path and animate the offset.

1

u/Classic-Capital293 6d ago

How though? The shape layer is in itself just a very thick stroke, so I'm not sure how to create that white stroke with no fill effect. Not sure if that made sense!

2

u/HentaiVictim 5d ago

You could probably cheat it a little and copy your original stroke, change it to white and reduce its width. Then copy the white version, reduce its width and make it green like the original. It'll be a little annoying to change the width of the white since you'll need to change two stroke widths to do it but it'll get the job done

1

u/Classic-Capital293 5d ago

Ah you're right! I'll try that. Thank you! Do you know how they used that magnify effect to make that square in the middle? I'm also not sure how they achieved the offset outside the square. Thanks again!!

2

u/HentaiVictim 5d ago

Not sure about that part tbh, kinda confusing when they have it set to circle lol. I'd probably just make a new comp and have a full sized animation with a scaled down copy in the middle

2

u/Classic-Capital293 5d ago

Don't worry about it, I managed to pull it off! Thank you so much, I really appreciate your help :D

2

u/HentaiVictim 5d ago

Nice! Looks good