My Blog

Four Minutes of Animation in Four Weeks Part 1: Procedural Asset Generation

WhiteHorsesPost_01

Okay, to be fair, it took me about EIGHT weeks to finish the music video for Darlingside’s gorgeous song, White Horses. But the second month was pretty much all polish. A passable, fully animated and environment-heavy 4-minute first run-through was completed in about 30 days. Less, if you include the week I spent mostly vacationing in Yosemite.

So I want to talk about my approach to making that possible in a way that doesn’t altogether sacrifice quality and vision. Along the way, I’ll briefly discuss some of my “cheats” for using After Effects to achieve an organic quality in something inherently inorganic — that is, computer animation. In this first post, I think it will be interesting to start by talking about procedural assets as a means to populate your library. But first, I should explain why I took that approach.

PLANNING

Ponder ponder ponder...

I knew I’d have a fairly limited time to get the piece done, so planning was everything.

For example, the story and concept was written and designed to require a minimum of individual shots. Just one, in fact, tracing the entire length of the film and the protagonist’s little adventure. We follow our hero around a micro-world, tracking alongside him like a platformer game, following him as he encounters various interconnected sights and experiences. And while a long take often requires crazy amounts of organization and logistical strategizing, I found that the it meant saving significant time in a range of typically arduous areas.

That is, I didn’t have to compose dozens of individual angles, or lose time to deciding cuts and editorial pacing. I didn’t have to animate the hero moving forward and back along the z-axis, which for me involves difficult, time-intensive tests to achieve believable foreshortening, an artistic concept I’ve personally never mastered.

Moreover, the story was written with only two characters; a boy and his brother. The brother was meant to appear only at the opening and close of the story, so that left me with only a single human to put into motion. Granted, the music video format allows for a lot of abstract creativity and little to no dialog, which helps a lot.

But creating 4 minutes of animation, or 5,760 frames, requires a lot more technical decision-making to keep things feasible in a small amount of time.

TIME SAVING A BETTER WAY

WhiteHorsesPost_02

Part of the appeal of this film was in the concept of building an entire world for the boy to run a full circle around. With that, I knew I would need a LOT of graphical assets that would appear over and over throughout the runtime. Trees, plants, hills, houses, fences, and so on. My first concern, then, was that I couldn’t possibly illustrate hundreds of each object to populate into the scenery. Of course, duplicating a small batch of assets over and over is the usual solve, but I have always found that too much time goes into trying to hide the repetition. Also, mirroring, resizing, and hiding carbon-copy details that show up too close together can only take you so far. I was desperate to avoid the Flinstones Effect.

tumblr_nnl56hMpPI1tr8tt2o1_501The Same Background Over And Over And Over Again - Simpsons Clip_3

My solution? I took the first few days on the project building a series of procedural asset generators. In other words, I built a system within after effects that would re-draw an object differently, automatically, every time I placed it in the scene. Objects that would show up a lot and require a lot of detail were given this treatment to alleviate the repetition of doing it myself.

What do I mean? Here’s an quick cycle through a snippet of two of the tree-generating compositions.

AppleTree_Proc_Particle_07Marsh_Tree_02

Every frame is unique. This is accomplished by using the above-mentioned duplication trick on a much more miniature, randomized level, through particles via the ever-prolific Trapcode Particular plugin. I start with a base of five very simple “tree trunks” shapes drawn with masks. Each trunk had a white-to-black gradient.

WhiteHorsesPost_05

From there I shaped five basic “branch” masks in another composition, and used them as randomly-selected sprites within Particular. The gradient on the trunk told Particular to place branches only above the fade. Without that crucial gradient I would have gotten some pretty unusual trees. Indeed, I did allow this in one version of my tree-generator, which I used in a few of the more surreal environments. For example, the especially “rooty” tree seen in the capture below. You also see this effect on the marshy tree in the second loop up above.

WhiteHorsesPost_06

WhiteHorsesPost_03

Next, the tree was pre-composed, and in a new comp Particular was told to generate additional branch sprites extending from the previous branch sprites. In that way I was able to have an enormous number of unique and organic trunk-branch systems.

WhiteHorsesPost_07

Now THAT was pre-composed, and the entire shape was overlayed with a tree-bark color to hide the strange black and white gradients.

WhiteHorsesPost_08

I think you get the idea. The rest of the process was rinse-repeat. I drew a few leaf-shaped sprites that were then generated randomly off the branch sprites, and so on. Apples, blossoms, mushrooms, etc. were all generated in various gradient-driven areas of the tree, allowing for a near-infinite range of unique trees. As long as I selected from a different frame each time, I would never be cursed with duplicate trees. Of course, these all adhered to the specific art style I was working in, and I can imagine some pretty interesting and even more natural tree sprites being built in After Effects this way.

Moreover, a similar approach was taken with a number of additional assets. For example, here below are a small selection from the building generator I made for the city scenes.

Proc_City_Apartment 2Proc_City_Skyscraper_Generator 2

In this way, I was able to populate the entire 4 minutes of film with a minimum of asset drawings. Certainly many story-driven props had to be drawn from start to finish (the tug boat, for example), but ultimately a great deal more time would have been needed to achieve the film you see had I not gone along this path.

Tugboat!

But starting with procedural trees, bushes, plants, houses, skyscrapers, clouds, and so on, I now had a huge asset library to pull from after only a few days of work. I could start building the world of the film, deciding on composition, locations, and the like and not worry about wasting an entire day just drawing the elements for one area. It wasn’t perfect by far, but it was a huge jump start that I very much needed.

0 people like this post!

2 Comments

Got something to say? Feel free, I want to hear from you! Leave a Comment

  1. f3rn4ndrum5 says:

    Amazing work!

    Loved the video, Ad hoc.

    Building generator? Do share!

    Salud!

    f3rn4ndrum5

  2. TheGreatSzalam says:

    The technique for using AE and Particular to generate procedural assets is really interesting. Thank you for sharing! This is such a beautiful piece. I can’t wait for your future posts about it. Learning how different people approach creative challenges is very interesting to me.

Leave a Comment

Feel free to let me know your thoughts.