Creative Communities of the World Forums

The peer to peer support community for media production professionals.

Activity Forums Adobe After Effects History of stuff – how do they do the shimmering stroke affect?

  • History of stuff – how do they do the shimmering stroke affect?

    Posted by Toby Richards on December 15, 2008 at 9:22 pm

    hello people,

    I recently came across an amazing website here: http://www.storyofstuff.com and I’m trying to work out how they did some of the animation.

    If you right click and zoom in you can see that the animation is flash overlaid on video but I can’t work out how they got the “shimmering” effect.

    What I mean is the strokes of the cartoon appear to move slightly from frame to frame. Maybe it’s been done frame by frame but this surely would be a pain in the ass? Is there any automated way of doing this?

    I have a project where we want to do something similar and am trying to work out if they did this in After Effects and if so, how.

    thanks Toby

    Jason Milligan replied 17 years, 4 months ago 3 Members · 3 Replies
  • 3 Replies
  • Stuart Coburn

    December 16, 2008 at 1:44 pm

    Didn’t have time to watch it all, but…
    The ‘Shimmering’ seems to be on the still aspects of the animation, for example, the guy shining the shoes about a minute or so in, his body is still and shimmering but his arms are moving and don’t appear to have the effect on.
    It can be done by cycling between two slightly different frames. You’ll probably need to make each element of each character in Photoshop and decide what needs to shimmer, then make a slightly different ‘dupe’ layer. Build each character in it’s own comp in AE and you might want to build the shimmering components in their own comp so you can just make a 2 frame shimmer, nest that in a build comp and repeat it to fit. It might need more than 2 frames to see it working so have a play to see what looks right.
    Hope this makes sense, i think it should work!
    It reminds me of a cartoon series from the 70’s, Roobarb & Custard, all hand drawn and coloured with big marker pens for speed

  • Toby Richards

    December 16, 2008 at 5:36 pm

    hi Stuart – thanks for your response. I guess it all has to be done manually then – i was hoping for a quick fix!

    cheers Toby

  • Jason Milligan

    December 16, 2008 at 11:16 pm

    You are looking at Flash animation and it is quite easy to attain the effect you are looking for.
    You essentially have two options:

    1) Draw a keyframe (make sure your lineart is made of fills either by using the brush tool or converting lines to fills).
    Turn on onion skinning so you can see the previous keyframe
    Make a new keyframe and trace over the onion skinned image. (your art will be a bit different than the earlier drawing)
    Loop these frames.

    2) Draw a keyframe as before.
    Duplicate the keyframe.
    Use smoothing on the lineart 1 or more times until the lines look different enough to please you.
    Loop these frames.

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