Creative Communities of the World Forums

The peer to peer support community for media production professionals.

Activity Forums Adobe After Effects Expressions Wiggly hand-drawn lines?

  • Dan Ebberts

    June 10, 2011 at 5:53 pm

    That’s a pretty cool effect. I’d start with a hand-drawn font, then:

    Add a Position Animator and set the Position value to 1.0,1.0

    Add an Expression Selector and delete the Range Selector.

    Add this expression the Expression Selector’s Amount property:

    freq = 5;
    amp = 50;
    seedRandom(textIndex,true);
    angle = random(Math.PI*2);
    r =amp*Math.sin(time*freq*Math.PI*2);
    [Math.cos(angle),Math.sin(angle)]*r

    Adjust the freq and amp parameters until you get the look you’re after.

    Dan

  • Steve Dunnington

    June 15, 2011 at 3:11 pm

    Whenever I’ve needed that effect I use ‘Turbulent Displace’. You can easily apply it to text or images and then animate the evolution. You just need to make sure the ‘size’ and ‘amount’ parameters aren’t set too high.

    If your main comp is 25/30fps etc… you can also use the ‘Posterize Time’ effect to reduce the frame rate to something like 5 fps (this will give you the jumpy effect your looking for)

    You might come across issues of the evolution getting to its max value so you can easily key-frame the evolution from 0x – 10x and then add the loopOut(‘pingPong’,0) expression to make it loop backwards and forwards between the key-frames.

    I hope this helps. 🙂

    loopOut('pingPong',0)

  • Frank Johnson

    June 16, 2011 at 5:44 pm

    Hey Dan,

    Thanks for the thorough response. Your effect works great for text. Unfortunately, I meant to specify I was looking for how they animated these cartoons ( https://www.youtube.com/watch?v=9GorqroigqM&feature=player_detailpage#t=199s ).

    I should’ve specified, but I didn’t realize there was a difference.

    Steve’s solution below seems to work alright, but even with tweaking the turbulent displace’s settings, you can still notice it’s just warping it.

    I’m not sure if that’s what they’re doing in the video or not, but it seems like they’re just animating the position rapidly. Is there a way to apply a position animator to a sketch (preferably .ai)? Thanks!

    Some contents or functionalities here are not available due to your cookie preferences!

    This happens because the functionality/content marked as “Google Youtube” uses cookies that you choosed to keep disabled. In order to view this content or use this functionality, please enable cookies: click here to open your cookie preferences.

  • Dan Ebberts

    June 16, 2011 at 8:32 pm

    I downloaded one of their movies and stepped through it frame by frame. It looks like there are two versions of an object and they alternate between them every 4 frames (30fps) or so. I guess you could do it with time remapping if you had one image at frame zero and the other at frame one, or with layers where you turn the top layer on and off. In either case you’d need an expression that toggled between zero and one every four frames, like this:

    Math.floor(timeToFrames()/4)%2

    For opacity, you’d multiply it by 100:

    100*(Math.floor(timeToFrames()/4)%2)

    For time remapping, you do something like this:

    framesToTime(Math.floor(timeToFrames()/4)%2)

    Dan

  • Frank Johnson

    June 16, 2011 at 8:54 pm

    Cool, I’ll toy around with it until I get it right and then post the results with a mini-tut. Appreciate the help Dan!

  • Lee Lester

    March 20, 2014 at 6:26 am

    Thanks Steve, that helped tons!

    Lee

We use anonymous cookies to give you the best experience we can.
Our Privacy policy | GDPR Policy