Spotify engineering culture video - how did they make it?

March 28, 2024 11:51 AM

How did Henrik Kniberg create the graphics for the Youtube video: Spotify Engineering Culture - Part 1? The animation of an artist illustrating with the voice over is very interesting.
posted by GernBlandston to Technology (3 answers total)

This style of video is called a whiteboard explainer, which may help your search.
posted by phunniemee at 11:57 AM on March 28 [1 favorite]

Best answer: The most common technique in these videos is to create a final "keyframe" or "style frame" with all the elements drawn on (this would be for each of the setups they have ) and then use some type of mask or matte to reveal the image slowly and in a natural, drawn-on sort of way (one line/element at a time), while having the pen, stylus, or whatever drawing implemented animated with keyframe animation along a path to look like it's drawing on the elements. I've done this type of animation before using After Effects.

Here's one youtube video that should explain the general process pretty well - I didn't watch it the whole way through but this is a very common technique and if not this video you should be able to find another using some of the same keywords (whiteboard explainer draw-on effect after effects how-to) https://www.youtube.com/watch?v=HQ6QBdcYTVU
posted by matcha action at 12:10 PM on March 28 [2 favorites]

linking up the video in the OPP

A few years ago, video ads that advertised software that created this effect were seemingly unavoidable. Now it's all 4Patriot and Google Fiber ads. (I browse YT in very-incognito mode and so I see the default ads that YT serves to unknowns.)
posted by intermod at 6:49 AM on March 29