Organic stroke movement


Organic stroke movement

Created by Cas
11 Months Ago
October 11, 2019 @ 1:56 am

Hello people.

Thanks for taking the time to see my post. I am trying to achieve and organic animation of some stokes like this effect below:

this effect

But all the tutorials I've watched with strokes, fill in strokes, follow paths, effects, etc, don't produce that effect. And I dont think its by hand keyframing and adjusting the curves? Or maybe it is. Would it be possible to point me to the right direction please?

Thanks again!

11 Months Ago
October 11, 2019 @ 2:39 am

Hello single people person!

Hard to tell, almost could be hand drawn to be honest. But you may be able to achieve something similar using the Shape layers in After Effects and the Repeater functions. The organic distortion would have to be added on top of that though with maybe Mesh Warp effect or similar

Not sure that's helpful, but hopefully it's a start!

Cheers,

Tobias

Cas
11 Months Ago
October 11, 2019 @ 2:59 am

Thank you for the fast reply Tobias, its definitely not hand drawn and neither a Mesh Wrap.

11 Months Ago
October 11, 2019 @ 3:09 am

What makes you come to that conclusion? That's what I would use to re-create something like that. Have you asked the person who created the video?

Cas
11 Months Ago
October 11, 2019 @ 4:34 am

Yes, I've send him a message and he replied with the wiggle and sin expressions. So its coding for the most part

11 Months Ago
October 11, 2019 @ 5:04 am

Using Expressions in After Effects isn't all that scary

Here's two tutorials I made on the topic - you can likely find more (and better ones) online:

Hope that helps. You can likely achieve the same with keyframes - though that tends to be more work.

havardhv
11 Months Ago
October 11, 2019 @ 0:03 pm

I did some experimentation on this and think I figured out a decent solution using shape layers and nulls. You can parent the points of a mask to null objects using the "Create nulls from paths" script (located under the window tab). That will allow you to animate your paths using expressions and such.

Here is the result of my experimentation. Obviously it isn't perfect, but I'm sure it will be a lot better if the propper time and effort wore put in. I'll also leave a link to the project file so you can check it out. The final effect is under "Comp 2".

Hope that helps :-)

11 Months Ago
October 11, 2019 @ 0:06 pm

Nice work Glad you figured out a way to achieve the effect you were after!

Cas
11 Months Ago
October 11, 2019 @ 9:46 pm

Wow @havardhv, nice work indeed. And it's looking really clean. So you only use 1 single line of the wiggle script for the Xposition and Yposition in each null? Some paths have a more organic flow, so I guess I am playing around with the values?

Thank you so much!

Cas
11 Months Ago
October 11, 2019 @ 9:47 pm

@Surfaced Studio, thanks for the videos as well!

havardhv
11 Months Ago
October 11, 2019 @ 10:33 pm

In the example I made, I used a single line of the wiggle expression. However, since this is expressions you don't need to limit yourself to that, you can really add in whatever you want. If you want something really smooth you could for instance try the Math.sin expression. Here is an example . You could also of course hand animate it.

Cas
11 Months Ago
October 11, 2019 @ 10:52 pm

That's great, it is way smoother now I can apply the same expression for the Xposition I guess. In the original example, do you see the thick red line(the bigger out of all), seems like the size (scale) changes along with the movement.

havardhv
11 Months Ago
October 11, 2019 @ 11:00 pm

I guess you could try to link the width of the line to the position of one of the nulls.

Cas
11 Months Ago
October 11, 2019 @ 11:21 pm

Thank you for your time and help!

& to join the conversation - it's free

STAY CONNECTED

Get in touch via social media
YouTubeFacebookTwitterInstagram

ABOUT TOBIAS

Tobias Avatar
I am passionate about providing high quality VFX & Film Making Edutainment online. Check out my training courses on Udemy
© 2020 Surfaced Studio