Hoarding Graphics

Galleries - Motion Graphics

Hoarding GraphicsDesign/ Animation/ Scripting: Television Show

Three of Change/ TLC

 

Going into their second season of 'Hoarding', TLC decided to subtly pump up its graphics package.

 

There were only two points of interest to attack, since they were fine with keeping the original title sequence from the previous season. First was creating anew lower 3rd and second, creating an animated photo collage.

 

The general idea was to keep everything relatively clean and minimal but also a bit gritty. These are usually the more difficult jobs because you're always afraid to under-deliver. Luckily the producers had very specific sources for style that they liked that they had seen around, so we were able to hone in on sort of a flinching animated 3rd somewhat int he vein of the titles from 'SE7EN'.

 

Hitting up the collage was another can of worms all together, and quite an interesting one. The requirements on this were two fold: to design and animate the sequence, and then make it easily, if not automatically, updateable for use in various capacities across different episodes.

 

My approach in the design was to create an environment full of dust and clutter, which could be related to the theme of hoarding. It was also important to me to play with the concept of space, so I created a camera that moved independently, in a sense always trying to find a place to focus on. It breathed a sense frantic uneasiness that may have been too much for the producers in the end. The version I delivered to them removed the moving camera, but that's not what you'll see here!

 

On the technical side was where things got much more interesting. Every episode was going to have to incorporate a photo montage of new pictures. Then every single picture would conceivably be a different size, aspect ratio, and resolution. And then on top of that, I would have to assume that there could be times when all of this would have to be updated by someone with little to no technical knowledge.

 

 

 

 

 

The solution I developed was to make a specific directory that would contain a set of 12 jpg files. It didn't matter what size, quality or resolution the files were, just as long as they were JPGs. Then they would simply have to be renamed by number, so the editor or producer could be sure where they would be placed in the sequence. As seen below, I delivered a reference movie with numbers over photographs so they would know exactly where and how a photo would be placed in the shot.

 

When After Effects was opened, it would search that directory, load the images, and run a script that I wrote to individually resize them to our standard resolution while maintaining their aspect ratio. Then they would be placed according to the reference video, and you must just hit render.

 

Probably the most fun part of the project was testing and re-testing the automation with various odd and interesting photos. Tune into Hoarding on TLC to see real photos in action!