Create Any Animated Stroke Icon in After Effects

Create Any Animated Stroke Icon in After Effects

► Check out our Animated Icons for After Effects and Premiere:

► Free Icon "Vector" Graphics:

► Free 100 Template Pack from us for AE & Premiere here:

#aftereffects #animation #motiongraphics

Creating an icon animation is easy, but first you need an icon.
You can download free icons with the links in the description.
Open the icon in Adobe Illustrator.
Grab the direct selection tool. Then select your icon.
Copy the path and then go to After Effects.
Create yourself a solid layer and paste the path into the solid.
Now you can go to effect – generate – stroke.
Select All masks, set the pating style to On transparent.
Now you can adjust the brush size and animation the start value to animate your stroke icon.
And that’s how to create a icon stroke animation in After Effects.

[SonduckFilm]

► Check out our Animated Icons for After Effects and Premiere:

[ithamarlowe]

Didn’t know there was a quick way to do this

[pavloshprk]

Interesting way to animate stroke – pretty cool analog of Trim path!

[newred]

Where was this video 10 years ago?!?! Thank u

[Atharvaislive]

Bro you real help to understand after effects more ❤❤❤❤

[mttpul]

Great video! I'd love to know how you added the circular cusor that follows the path as it draws in

[mekart]

How can i choose and control anchor, lets says for instant, i have a line with two points anchor, and i want to change the start anchor ? Please

[Cordsi_Games]

do i need illustrator or just after effecdts

[Earthquake]

Or just simply use path working tool from that triangle shape option

[iamabhisheknegi]

how you manage to move circle with the stroke

[guzelmurtazina]

So by using Generate ->Stroke we use animation tools?

[jasonfletcher]

Will this work of the icon is not circlular?

[AleZakko]

What?!! You can copy paste from illustrator without import?!!

[zsombornagy]

you never showed how to animate the circle object leading the path animation SMH

[MikeStJean]

Why does mine look so pixellated? Any thoughts? Like it's not scaling properly...

[hockeyman]

Ok pasting doens't work from AI to AE. Then I did everything but animating the line: I tried start keyframe and moved it down the timeline and increased the percent to 100.. And the icon sits there like a person on welfare fully non transparent.

[DoVanLe]

M chỉ vậy . Xong thiếu bước thi bố m cũng k làm được đâu

[mahalim.]

You guys always promoted your Paid Element ?? Where is free element link?