Creative COW SIGN IN :: SPONSORS :: ADVERTISING :: ABOUT US :: CONTACT US
Creative COW's LinkedIn GroupCreative COW's Facebook PageCreative COW on TwitterCreative COW's Google+ PageCreative COW on YouTube
MOTION GRAPHICS:Motion Graphics ForumMotion Graphics TutorialsAfter EffectsApple MotionBoris FXProfessionals

History of stuff - how do they do the shimmering stroke affect?

COW Forums : Adobe After Effects Techniques

<< PREVIOUS   •   VIEW ALL   •   PRINT   •   NEXT >>
Share on Facebook
Toby RichardsHistory of stuff - how do they do the shimmering stroke affect?
by on Dec 15, 2008 at 9:22: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




Return to posts index
Reply   Like  

Stuart CoburnRe: History of stuff - how do they do the shimmering stroke affect?
by on Dec 16, 2008 at 1:44:19 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


Return to posts index
Reply   Like  

Toby RichardsRe: History of stuff - how do they do the shimmering stroke affect?
by on Dec 16, 2008 at 5:36:34 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



Return to posts index
Reply   Like  


Jason MilliganRe: History of stuff - how do they do the shimmering stroke affect?
by on Dec 16, 2008 at 11:16:48 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.



Return to posts index
Reply   Like  

<< PREVIOUS   •   VIEW ALL   •   PRINT   •   NEXT >>
Share on Facebook


FORUMSTUTORIALSMAGAZINESTOCKYARDVIDEOSPODCASTSEVENTSSERVICESNEWSLETTERNEWSBLOGS

Creative COW LinkedIn Group Creative COW Facebook Page Creative COW on Twitter
© 2013 CreativeCOW.net All rights are reserved. - Privacy Policy

[Top]