Template Design Portfolio

Summary: I began working with templates as a motion graphics designer at Apple where I designed content packaged with Final Cut Pro and Apple Motion. Initially I worked on title templates and tool preset libraries.¬†Later I was on a team that defined the interaction between Apple’s motion graphics software and Final Cut Pro. I went on to run my own company designing and selling motion graphics templates.

These are some of the template packages I built at Apple for their 2009 Final Cut Studio 3 release. Everything in these videos is my work.

The first video here shows some of the presets I designed for Apple’s motion graphics “brush” tool. Building the brush library was fun because I was able to photograph real world elements like india ink spreading on watercolor paper. The second video shows animations I developed for the Apple Motion splash screen which were used for the software release. Everything in these videos is my work.

After 2009 my team at Apple was focused on defining the next generation of templates for Final Cut Pro. Previous template interaction had been limited to text changes and video swaps. We advocated for a design where motion graphics users could package and publish template parameters into Final Cut Pro. We created demos that showed the steps a user would go through, and our workflow was adopted, with only minor changes.

I made these internal demo videos to communicate how a video editor could meaningfully interact with published template parameters. The on-screen graphics were captured in real-time (before any software was built) by associating project parameters with a MIDI interface. After the MIDI capture I animated the user interaction with the UI. Everything in these demos is my work, aside from the the UI design.

Meanwhile, we were contributing to the major Final Cut Pro update. We made wire-frame demos about concepts like ingesting media, timeline snapshots, and keyframe editing. I personally advocated for a graphic keyframe interface, as seen in the demo below. I don’t typically put internal videos like these in a portfolio, but in this case the imagery and concepts were made public in a patent awarded in 2013.

My suggestion was to get rid of bezier points and display keyframe graphs as visual blocks. A block could represent a static value, or a transition between two values. This concept was considered internally. At the end of the day, a more traditional approach to keyframing won out, which is all part of the process of working on a team. Everything related to keyframing in this demo is my work.

Upon leaving Apple I developed my own company, designing and selling templates for Final Cut Pro. I was the first 3rd party template provider in that field.

My initial template packages were based around concepts like multi-clip layouts and transitions:

My recent template packages have seen a focus on titling, transitions and user customization:

Finally, a few recent projects – some still in development.

The first is a branded motion graphic template package built for use by a single client. The end of the demo shows graphics responding dynamically to variable text lengths. The second video is a vintage light bulb title package (in development) that uses a custom layered font family. Each of the layered type styles receives its own 3D treatment.

These last videos are proofs of concept I designed for a callout template package in development. It’s a collaboration with a company who developed an independent tracker tool. Here I’m exploring ways that callout templates can dynamically incorporate tracked motion points.