Organic stroke movement

Back to 
Organic Stroke Movement

Organic stroke movement

Created by Cas
6 Days Ago
October 10, 2019 @ 18: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!

5 Days Ago
October 10, 2019 @ 19: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
5 Days Ago
October 10, 2019 @ 19:59 am

Thank you for the fast reply Tobias, its definitely not hand drawn and neither a Mesh Wrap.
5 Days Ago
October 10, 2019 @ 20: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
5 Days Ago
October 10, 2019 @ 21: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
5 Days Ago
October 10, 2019 @ 22: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
5 Days Ago
October 11, 2019 @ 5: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 :-)

5 Days Ago
October 11, 2019 @ 5:06 pm

Nice work Glad you figured out a way to achieve the effect you were after!
Cas
5 Days Ago
October 11, 2019 @ 14:46 am

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
5 Days Ago
October 11, 2019 @ 14:47 am

@Surfaced Studio, thanks for the videos as well!
havardhv
5 Days Ago
October 11, 2019 @ 15:33 am

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
5 Days Ago
October 11, 2019 @ 15:52 am

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
5 Days Ago
October 11, 2019 @ 16:00 am

I guess you could try to link the width of the line to the position of one of the nulls.
Cas
5 Days Ago
October 11, 2019 @ 16:21 am

Thank you for your time and help!
To join the conversation please register and log in - it's free
Back to 
Organic Stroke Movement

STAY CONNECTED

Get in touch via social media

ABOUT TOBIAS

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