Category Archives: Video clips

Random video clips that I’ve made from work in progress or elsewhere.

Findus: Rolf

Here’s a video that was shared by of IDEO’s Jen Panasik during her talk at the Seattle Interactive Conference on Friday.

I left thinking that it was an example of IDEO’s work, but a little research reveals it was actually produced in 2010 by a UK filmmaker named Ben Fogg of Asylum Films.

Part of a seven episode series filmed in 2010. All shot on location in Sweden. written, directed and edited by Ben Fogg. My idea was to reposition Findus as a more natural brand by focusing on each
part of their operation and the passionate people they had working for the company.

Regardless of where it came from, it’s flat-out brilliant storytelling that leaves me feeling inspired.

New work from Jesse Solomon Clark: Ghost in the Shell

I’ve been privileged to work with Jesse Solomon Clark, a talented film composer from San Francisco, on one of my previous projects, The Coffinmaker. Jesse has just released a personal project, and whenever someone like Jesse does that, I pay attention. It’s personal work that raises the bar, advances the craft, and ennobles the art of filmmaking. Just have a listen to this piece, and you’ll see what I’m talking about.

Thank you for working so hard to make what you do sound so effortless, Jesse. I can’t wait to work with you again.

7 days, half a terabyte, 1 minute of video

Our most recent commercial gig just went live on Friday. It’s a 1-minute teaser for Nordstrom’s new pop-in shop, located on the main level of the flagship store in downtown Seattle.

The brief from the client was to create a timelapse of the shop from beginning of construction until it was ready for customers, for use on their social media channels. The installation would take place over a 7-day period, and we would need to have cameras running the whole time that work was happening.

At first we thought it would be pretty straightforward to set up a couple of cameras, set them running, and maybe visit them once a day to change batteries and sd cards. But it didn’t turn out that way. We picked a pair of GoPro Hero 3 cameras for the high overhead shots, and we learned that those diminutive cameras have a big appetite for batteries. Even when we added the optional battery backpack, they would die in under 3 hours of shooting time. Additionally, we wanted to capture snippets of live video for the edit, to add visual interest. So the result was we had to be on location the whole time. With all that time on our hands, I knew we would overshoot it, and we did.

We opted to shoot raw because the lighting in this retail location is very hot wherever pools of light fall from the tungsten spotlights that illuminate the store. Shooting raw gave us enough dynamic range to hold onto the highlights without losing the shadows. But wow, did that ever add a ton of processing time. Every timelapse had to be opened in Camera Raw, and saved out as a tiff. Then I opened the tiffs in Quicktime as an image sequence. Then I saved out the sequence as a ProRes file, and finally it was ready for edit. This turned out to be a massively time consuming way to go about it. Camera Raw is a dog. It processed each image in something quite a bit slower than real time, so if we had for example 3000 images in a sequence, it would take something like 6 or 7 thousand seconds to process the image into tiffs. That’s about two hours. So you can imagine: we have two dslrs often going simultaneously, producing all these tiles, and then we have to process them all. Not to mention the GoPro footage, which luckily was jpeg. So it was a real data management effort.

Unlike most shoots, we had lots of time to devote to data management, though, because the camera’s basically took care of themselves once we set them, and all we had to do was change batteries and cards.

Video teaser for 2013 Seattle Interactive Conference is now live

Here’s the fruits of our labor for Seattle Interactive Conference this year: the official conference teaser is now live. I would like to send a big thank you to motion graphics designer Jael Topek, who did a bang-up job with the animations, and Michiko Swiggs, the graphic designer who created Timmy, the owl that is the official mascot of the event.

See you all at the conference in October.

Just published: Inside the Bullitt Center

When Fast Company Magazine invited Lisa and I to pitch Seattle story ideas, we thought, what’s more heroic than the Bullitt Foundation’s brave new building in Capitol Hill? It’s undeniably the greenest office building in the world. But is it the future of architecture, or an expensive monument to sustainability? Watch the video and let us know what you think.

Technical info:

Camera: 5dmkiii, with Eos-adapted Zeiss prime lens set.
Aviator travel jib.
Graded with Film Convert Pro.

The Metalsmith

Facing blindness, metalsmith Andy Cooperman renews his commitment to making things worth seeing.

What would you do if you faced going blind?

This video is the second in our series about people who make things by hand in the Seattle area. Our next piece will profile a former college mate of mine who has chosen an unusual occupation: coffin maker.

A few people have asked me, so I thought I’d share a little, about how I lit this piece. Or rather, didn’t light. I achieved the dramatic, dark mood of this piece primarily by removing light.

I had intended to carefully light Andy with a couple of softboxes with egg crate. But after turning on one of our Arri 650s, it was clear that was going to way overdo it. I blocked off one of the windows entirely with black foam core, and partially blocked the studio’s skylight with a flag extended to the ceiling on a c-stand. I then closed all the partially opaque window shades. This had the effect of stopping down all the daylight two or three stops. I white balanced the camera for tungsten, which shifted the dim daylight entering the studio toward blue-green.

Then, depending on the angle of the shot in the studio, I selectively opened the shades for additional fill. The rest of the light, with a couple of exceptions (the shot of him hammering the molten metal and the shot of him walking under the cleaver), came from Andy’s practical lights in the studio. Those two exceptions actually feel overlit to me. That’s why I changed course and just went with available light.

Sometimes it’s really important to throw away your plan and do more with less.

Some BTS shots that my talented producer and sound recordist Lisa Cooper snapped with her iPhone show how much light we had to eliminate to get that mood:

How to film an iPhone screen like a Pro

Ever wonder how those simple looking iPhone ads are shot? We recently solved this puzzle to create an iPhone app commercial for a client. The challenge: make iphone screen/hand interaction look fantastic on camera. Let’s start with a look at the finished video, and then jump into how it was shot. Later this week, I’ll post a followup with information about how we cut it.

In preparation for this project, I did some Googling and found much disagreement in the pro video forums on how to approach shooting an iPhone screen. Some recommended filming the screen live, others suggested painting green paint over the phone face, and one person said it couldn’t be done without complicated compositing software like Mocha.

We spent a full day of pre-production testing different approaches, and hit on a relatively simple way to do the job, with post-production handled almost entirely within Final Cut Pro X. Here’s how it works.

First up: overall lighting. Our first pass at lighting the hand holding the phone was a little too dramatic – we discovered it’s important to fill at almost a 1:1 ratio, otherwise the shadows cast by the finger on the screen area will be way too dark to key easily, as will be seen later. I’ll cut to the chase and share our lighting diagram, as well as the fact that we ended up using two setups: a white background to capture the establishing shot with the hand and phone, and green screen for everything else.

First, let’s briefly look at what doesn’t work. We initially tried shooting the app off the phone itself, but I suspected it wouldn’t look good enough to stand up to close inspection. I was right. Not only was the screen subject to moire patterning, but it was difficult to get the color temperature of the screen’s LEDs to match with the lighting in our studio environment. It just didn’t look professional. So we knew we would need to do some kind of masking or keying to show a screen capture of the phone in the display area.

Next, we needed to determine whether the talent could hold the phone still enough. It’s unlikely that anyone has more steady hands than my partner Lisa, but close up with a 100mm lens, it wasn’t possible for her to hold the phone even close to steady. We next tried making a cradle for her hand. But within a few minutes of holding the phone, she was getting really tired and that translated to more shake. Scratch that idea.

A close screening of this Apple ad reveals that after the hand comes into the shot, it settles quickly into complete stillness. That is, a still photo. Or in our case, a freeze video frame The only hint of motion in the talent’s left hand during the remainder of the shoot is a shadow falling on his fingers caused by the movement of the right hand approaching the screen. So I thought: let’s just have the talent move the phone into the shot, freeze the frame, and use that for the duration. Then we’ll composite the right hand doing the manipulations.

We solved this problem by doing a frame grab, but we couldn’t get the hand to come to rest naturally. So we ended up introducing the hand and phone by using and using Apple’s Slide transition to slide it into the frame (slide-push, to be precise: you access these options by control-clicking on the transition in the timeline, and selecting from among the options in the Inspector). I go into more detail about how we cut the ad in Final Cut Pro X in part II of this post, coming later this week.

Ultimately what we realized is that it’s all about the app, not about the hand. On screen, anything that moves gets our attention. So the hand shouldn’t move after it’s introduced. Just doing a freeze frame accomplishes everything that needs to happen, and keeps the attention where it belongs. Left hand with phone, as shot and ready for luma key (discussed below in Editing):

Next problem: how to composite the right hand into the scene. The further problem, of course, is that the talent needs to hit very specific buttons and perform actions like pinching on precise points on the screen. It seemed we would need to keep the phone there for reference, but we weren’t sure how we’d key it out in that case.

We tried displaying a green screen on the phone. But that tended to illuminate the talent’s hand, making it harder to key. I hit on the idea of taking screen shots of the app, converting them to black and white, then colorizing them and shifting them all to green.

Recording screen captures: an app for that?

Around the middle of last year there was an app called Display Recorder available. However, it has been pulled from the App Store for some reason, so there’s currently no app that does this directly.

The good news is that there IS an app for capturing iPhone screens, indirectly, via Airplay on a Mac. You don’t even need an AppleTV to make it work: just a Mac and an iPhone 4s or newer (sorry, it won’t work with older iPhones). It’s called Reflector, and it costs just $15.

If you’re shooting an iPhone ad, you want this app. Not only does it allow you to mirror the contents of your phone’s screen, but it has a robust set of preferences that seem designed with filmmakers in mind.

First exhibit: Built-in video recording capabilities (no need to use Quicktime 8 or third-party screen capture tools) that allow you to record in the highest possible resolution supported by your hardware.

Next: the option to wrap the contents of the screen in an iPhone frame (you can choose white or black).

But wouldn’t be even cooler if you could have the video output against a green screen, so you could just drop a key on it and away you go? No problem. Just select this preference:

And tell it to output in full screen mode:

This will output a file that looks like this:

Armed with this tool, you’re able to capture a screen recording of all the on-screen action you will need for your final piece. But’s only half of the battle. We now need to turn our attention to figuring out how to add finger gestures into the mix.

For that, we need green screen. And a way to ensure that the talent’s fingers would be pointing to the precisely correct location on screen, so that when we composite everything in post, it lines up.

After a lot of testing, we hit on a way to do it. In Photoshop, we created a 2″x3″ file (the dimensions of an iPhone screen) which we filled with bright green (make sure it’s not a yellow-green, but rather pure green or slightly blue-green, because any yellow can start to overlap with skin color making it difficult to key).

We created a file for each set of actions (analogous to a “scene” in film terms). The idea is to create buttons using a darker shade of the same green color, to show the talent where the button is. Each button is then numbered in the order in which they are to be pressed, swiped, or pinched. We used stroked rectangles to indicate swipe regions. But how to know exactly where to create the buttons? We took screen shots of the iPhone app screen (by simultaneously pressing the phone’s home and on-off buttons), and copied these files into our green file, placing them on the bottom layer. We then made the green layer half transparent, so that we could see through it enough to trace the outline of each spot, and make precise marks.

Then, we printed out each screen on regular paper. The first time they came out way too dark, so we had to go back and choose an even lighter shade of green. Once we got the color looking something like a green screen, we cut each out of paper using a ruler and exacto knife, and taped it to a piece of piece of green foam core about 1.75″ wide by a few inches tall.

To put this together requires shooting in front of a green screen, and holding the cardboard screens suspended vertically on a clamp using a c-stand, so that they are positioned comfortably for the hand talent. Here’s how our setup looked:

Some gotchas to watch out for:

Reflections. Our hand talent had received a manicure the morning of the shoot, so his nails were nearly perfect – for reflecting light. This caused us a lot of grief.

We ended up scrubbing his nails with a kitchen sponge, the only thing we could find, until they were dulled down a bit. A good reason to have a makeup person on set!

Above: Fingernail with reflection reduced after roughing up surface of nail with kitchen sponge.

Shadows on the green card. As the talent’s hand comes into contact or near-contact for each button press, shadows will be cast. We had to set up a third fill light just behind and above camera to cut these down enough so that we could get a clean key. This caused the right hand to be lit a little brighter and more directly than the left hand had been, but we found a mid-point that we could live with.

Using this approach involves the following steps:

1. Script it. We created a storyboard for every screen. Know in advance exactly what the voiceover will be, and which graphic will be displayed on screen, and what gestures you will need.

2. Build green

Location

We rented studio space at The House Studios in Queen Anne for this shoot. Their rates are not prohibitive, and the place is spacious, clean, even a bit swanky.

There is a kitchen area, changing rooms, and comfortable waiting area with couches and tables. It’s no good for sound recording, with lots of HVAC white noise. But it’s great for MOS projects like this one. Having the extra space made everything go smoother and faster.

Equipment List

Here’s a list of all the equipment we used to pull off this shoot, starting with the pile my front porch on the morning of, ready to load:

  • Tripod: Vinten Vision Blue
  • Camera: Canon 5dmkiii
  • Lens: Canon 100mm f/2.8L macro.
  • SmallHD DP6 field monitor, with Zacuto Zamerican Arm
  • ChromaPop green screen
  • Tilta Matte Box
  • 2 Arri 650 lights
  • 2 Smith-Victor 650 open-faced lights, with shoot-through umbrellas
  • Lowel Pro-Light 250-watt
  • 2 c-stands, 3 light stands
  • 5 pelican cases for above; 1 golf club case for transporting above stands.
  • 2 extension cords with 4-outlet terminals
  • Multi-cart R-12
  • 24×36 silk, 24×36 flag, 4×4 foam core with roscoe reflector glued to one side.
  • 5×8 sheet of bleached muslin
  • 8×10 sheet of blackout cloth
  • Milk crate loaded with pair of 15lb Matthews sand bags; handful of 10lb shot bags for anchoring light stands.
  • Misc A clamps and background stand clamps.
  • Background stand.
  • 15″ 2012 Macbook Pro
  • Lexar USB3 CF card reader
  • 4TB Lacie 2big Thunderbolt hard drive for on-set data backup.
    Studio supplied gear:

  • Traveling wall (for white background)
  • c-stands, a clamps, grip clamp, heavy duty extension cords

OK, so we’ve got all the footage dialed. How does this all come together in post? Join me later this week for part II of this post, where I’ll explore how to edit an iPhone app commercial.