Making of Phoenix & Vieques House Animation

0
March 19, 2014 |  by  |  Making-Of, Native, Tutorials

Viktor Nassli shares two interesting animations created for Messana O’Rorke Architects – The Phoenix and Vieques House. This is a great example of a pragmatic and design driven approach to making an animation under short deadlines. Instead of going for just a few stills, they add a maquette-like style animation with the stills merged in as if camera snapshots were taken. Sound also plays a big part here!

messanaororke Making of Phoenix & Vieques House Animation

Author: Viktor Nassli

Viktor Nassli is an architectural designer at the office of Messana O’Rorke.

Introduction

Hello Everyone! I am Viktor, architectural designer at the office of Messana O’Rorke. I would like to present two architectural walkthrough animations that our office produced for Global Architecture’s exhibitions in 2013 and 2014.

I would like to thank Ronen for kindly hosting my article and to all the artists here for the substantial knowledge that you share. I have learned so much from you…

Here are the animations :

Phoenix House (2013)

Vieques House (2014)

About “Arch-Anims”

I’m always interested in experimenting on the edge of graphic design – illustration – architecture – animation, and I was eager to create an architectural walkthrough that is not conventional and has it’s own style and narration. It seems to me that architects use virtual walkthroughs only to document their projects and don’t think of them as individual artistic pieces. It is just not in their focus and usually before a deadline they throw together something that is just… there. Long, repetitive, uninteresting shots and medium quality renderings. It’s informative but not engaging. Of course making a high-end movie is an option in about every 2 out of 100 cases.

Therefore, the best architectural videos are personal developments. For instance the best architectural animation ever – Alex Roman’s “The Third and the Seventh”. You can see the heart & soul that went in it and it is also enjoyable for nonprofessionals, because of the pure beauty of it.

However, I think that there can be great potential in architectural animation without having the “Big Shiny Yacht”. I am going to show you my workflow that can be great when you have to act fast.
Making these videos was a great experience for me and fortunately the open-minded office of MO’R have always been very supportive of this kind of experimenting.

The Concept

The whole concept of the videos started with a DEADLINE over our heads. I made 6 renderings of Phoenix House for GA’s exhibition of 2013. We submitted them, but they asked us to send them a quick animation of the project as well within 1 week. First, we were leaning towards an un-inventive SketchUP walkthrough. However, one of the partners at MO’R was in love with the purity of ambient occlusion passes of previous renderings and this gave us the idea. Making AO is fairly fast and easy and we already had the 6 renderings. I just had to stitch them together and we’re done (hopefully within 1 week).

So our concept was to create a monochrome, maquettelike, raw style with glitches, grain and other imperfections and to have the colorful renderings as glimpses of the real thing. (two worlds if you like). We liked the idea of this juxtaposition, and how the images became accentuated climactic points in the animation. We basically tried to mimic the process when you are turning a maquette in your hand and looking for the best views. In the case of Phoenix House the raw animation was also a perfect way to show the secluded nature of the building.

As far as the story of Phoenix House Video is concerned, the beginning and ending framed the narrative. We wander in the desert, find a “cactus flower”’, it opens up for us, then closes itself up again and we leave it behind.

phoenixhouse img6 728x409 Making of Phoenix & Vieques House Animation

With Vieques we tried to raise the bid. We were to have the same concept as for Phoenix House, but we aspired to create a unique character to it. Here I made the fault of overstuffing the concept (just like the Transformers sequels). Luckily, MO’R has a reductive way of thinking so the excrescent sequences were simplified greatly.

The only new feature we had was light & shadow. Since Vieques House was designed as a tropical vacation house, light and shadow were very important. Therefore we wanted to introduce them as part of the story and have some playfulness within the monochromatic style. We were inspired by a YSL commercial. It is just so simple. Of course it is telling a totally different story, but we liked how the light is a part of it.

The client of Vieques House required a minimal living environment, where he could disconnect. A place that gives a strong shelter from the quickly shifting weather. Messana O’Rorke’s response was to create a modern version of a ‘fortress’. This gave the idea of the story – it is about conquering this fortress. At first it is just not welcoming at all. It is threatening from below but as you get closer and start to understand it, it becomes comforting and cozy, up until the point where the viewer just dissolves in the lap pool.

In comparison with the framed structure of the Phoenix House animation the structure of the Vieques House animation is concentric as we are getting closer and closer and closer to the subject.

viequeshouse img6 728x410 Making of Phoenix & Vieques House Animation

Now, I am going to go through the making of Vieques House as it is more complex. I will also refer to Phoenix House at some points.

Modeling

The base model was made in SketchUP. I always use a combination of groups and layers in SketchUP. I only put the grouped entities onto different layers and leave all edges and faces on the default layer. This way there is no conflict. I always make sure not to have flipped surfaces because they cause a lot of headaches later on. I like to model all small reveals of doors, windows in this stage. I only use colors at the end of modeling to separate the different materials.

phoenix and vieques sketchup 728x369 Making of Phoenix & Vieques House Animation

Then in 3dsMax I made further enhancements. I chamfered some edges, made and imported a couple models. For the renderings I used 2d vegetation, because I had to do them fast. For the video I used VRayProxy trees and bushes.

Rendering and Post Production

The 6 + 6 rendered images are just not at a level that I should brag about. There are way better making-of’s on this site regarding beautiful photorealistic renderings. I still have a lot to learn about materials and lighting of 3d scenes. I do most of the work in PS.

phoenix and vieques postproduction 592x1000 Making of Phoenix & Vieques House Animation

Cameras, Lights and Props

Animating the cameras was a relatively long process. I wanted all camera views to be interesting, but also to be coherent with the one before and after, therefore I was constantly looking for references in the shots (a corner of the building, the radio, the middle tree). I tried to balance steady shots with moving ones. I changed the cameras’ focal lengths at certain points.

phoenix and vieques 3dsmax 728x359 Making of Phoenix & Vieques House Animation

I only put one VRayLight in the scene. It circles around the building. We wanted the light to be artificial. Instead of imitating the sunlight the idea was to imitate a table light that you would use to enlighten a maquette.

I made a couple of copies of the light and controlled the speed of them separately for each scene. Wherever the camera moves fast the light moves slowly and vice versa. The constantly moving light was a good way to make the environment lively in comparison to Phoenix House.

phoenix and vieques lighting 728x728 Making of Phoenix & Vieques House Animation

Afterwards I animated all the moving elements like the birds, the ball, the splash and the slippers. My favorite was the animation of the birds. I made one lowpoly bird, animated its wings with the Bend modifier. Then I scattered a couple copies, offset their keys and changed their trajectories. I refined them up until they looked good from the camera.

phoenix and vieques birds 728x339 Making of Phoenix & Vieques House Animation

In Phoenix House the only animated props were the tumbleweed and the boots. I only put the boots in as Easter eggs and was about to delete them. However, the partners at Messana O’Rorke just loved them and they became signature elements. The comments that we have received always mentioned the boots. I really like them because it breaks the “architectural seriousness” of the animation with self irony at a climatic point. I hid an Easter egg in Vieques House as well. If you find it you must have enormous Waldo/Wally experiences icon smile Making of Phoenix & Vieques House Animation

phoenix and vieques boots Making of Phoenix & Vieques House Animation

Rendering of the Sequences

I made draft renderings and created the final look of a couple frames in PS before I started rendering whole sequences. When we were happy with these reference images, I started rendering.

phoenix and vieques referenceimage 728x409 Making of Phoenix & Vieques House Animation

I used V-Ray with Render Elements : Beauty, Alpha, Zdepth and ExtraTex passes. ExtraTex render element is I think the best way to create ambient occlusion.You just have to add to it the VRayDirt map that you usually use for an AO material.

I only had direct light in the scene so the frames rendered relatively fast. Although, I had troubles with the anti-aliasing. Its calculation is based on the beauty pass so whenever a detail was in shade it didn’t use enough samples there and the additional passes had zigzagged edges. Therefore I had to increase the AA sampling.

I rendered the contour separately using VRayToon, because I couldn’t find a way to incorporate the contour pass into the the Render Elements. I turned the lights off for these sequences so fortunately the rendering was super fast. I rendered at 24 frames/sec in order to have a more imperfect look for the final animation.

phoenix and vieques renderelements 355x1000 Making of Phoenix & Vieques House Animation

Usually I am just not patient enough to document my workflow, but I had to do it this time. I made a table with all different cameras and necessary settings. If you do a table like this, just make sure to update it.

phoenix and vieques vieques video spreadsheet 728x348 Making of Phoenix & Vieques House Animation

Composition

When I had all the render passes (around 32,000 individual images) I started putting them together in After Effects. I used the AO pass as the base and multiplied all others on top with different opacity. Then I animated the lens blur effects using the Zdepth pass. These lens blur glitches were elemental parts of the story, so I paid much attention to them. The lens blurs were also great to hide a couple weird-looking camera movements.

phoenix and vieques aftereffects1 728x436 Making of Phoenix & Vieques House Animation

phoenix and vieques aftereffects2 728x436 Making of Phoenix & Vieques House Animation

Afterwards, I pre-composed the sequences and added grain, sepia filter and vignetting and oh… a little chromatic aberration. Since there is no such effect in After Effects as chromatic aberration I used a ‘manual’ method that I found here :

(I cannot really get used to plugins (that is just me) so I am always happy if there is a manual alternative). Chromatic Aberration was great because it gave a little color to the monochrome images.

phoenix and vieques chromaticaberration 728x351 Making of Phoenix & Vieques House Animation

Editing

Once I had all the sequences exported from AE, I started the editing part in Premiere Pro. This was my favorite phase because all the previous effort became tangible here. At this point you see how the sequences work together and you can modify/enhance/fine-tune the mood to a great extent with the sounds and music.

phoenix and vieques premierepro 728x455 Making of Phoenix & Vieques House Animation

The sound effects gave so much life to the animation. The ambient effects like the whistling wind in Phoenix House or the chirping birds in Vieques House were great for setting up a mood. I really like the juxtaposition of the graphic environment and the lifelike sounds. I made the camera sound effects (zooming, flash recharging, etc.) loud to accentuate the rawness of the animation.

This is a great resource for sound effects: http://www.freesound.org/

Since Vieqes House is a Puerto Rican vacation house we found a lounge music with a tropical mood to be perfect.

The music of Phoenix House was a tribute. We always talked about Phoenix House as an architectural ‘Clint Eastwood’. It is in a dreary environment, in solitude. Hard as rock. The strong horizontal lines of the facade and the strong horizontal lines of Clint Eastwood’s face are just remarkable. For the startling resemblance see the next image. (I tagged both of them not to confuse you).

phoenix and vieques clint eastwood Making of Phoenix & Vieques House Animation

Therefore we had to pay homage to the spaghetti westerns with the music of Phoenix House.

Finally here is the breakdown of Vieques House :

And some frames of the videos :

phoenix and vieques CAM 00 FULL 00407 728x409 Making of Phoenix & Vieques House Animation

Here are some view from the Phoenix House too :

phoenix and vieques phnx0309 728x410 Making of Phoenix & Vieques House Animation

 

Thanks for reading and if you have any questions I am happy to answer them below.

Viktor Nassli

7 comments
Archamza
Archamza

i like this article , lots of stuff to learn from.


long time ago i had the impression that everything should be done in max , with time i came to learn that photoshop is not a cheat.

and that rendering can be 3d or photoshop or free hand.

after that i started thinking that photoshop is a good option but not for animation work.

now after i read a couple of the articles here i saw that you can fool the mind into thinking its 3d work, you just need to be smart about it and know what you are doing.


very interesting and the video gave me some ideas for the project am working on right now, i can save time to render a clay render as animation, and still shots for finals, this will solve a big issue for me.


thank you

HaoLa
HaoLa

Interesting!...But where can I see the final animation?? This dirtmap animation looks like a Animatic phase. 

DVCpatriot83
DVCpatriot83

The renderings look awesome, in my opinion the video making was totally nonsense... no real production on it, nothing new or learnable from it, this article should have been a MAKING OF the render still images and not the boring video kind.

Congrats for the blog Ronen, can't start work every morning without visiting ;)

niighthawk
niighthawk

yeah but i really like the sand from Viktor Nassli

niighthawk
niighthawk

please make us " howto" on your sand shader.


great job

Recent Posts
SOA #AcademyDay5 - Interview with Juraj Talcik and Adam Hotovy about Corona Renderer

SOA #AcademyDay5 – Interview with Juraj Talcik and Adam Hotovy about Corona Renderer

10/22/2014  |  3 Comments

Keeping up with publishing the interviews made during SOA #AcademyDay5, I'm publishing the second interview with Juraj Talcik and Adam Hotovy.... more

Making of Barts Square by The Boundary in collaboration with Iain Banks

Making of Barts Square by The Boundary in collaboration with Iain Banks

10/22/2014  |  No Comments

I've featured the Barts Square project back in August this year, and this week the making of this project was... more

PETER GUTHRIE HDRI Skies Submitted Image Winner / Maciej Kozlowski

PETER GUTHRIE HDRI Skies Submitted Image Winner / Maciej Kozlowski

10/18/2014  |  No Comments

Congratulations to Maciej Kozlowski for winning the second stage of the August 2014 PETER GUTHRIE HDRi Skies giveaway! During the month of... more

Designconnected Submitted Image Winner / Alexander Nozadze

Designconnected Submitted Image Winner / Alexander Nozadze

10/14/2014  |  2 Comments

Congratulations to Alexander Nozadze for winning the second stage of the August 2014 DesignConnected giveaway! During the month of August... more

SOA #AcademyDay5 - Interview with MIR

SOA #AcademyDay5 – Interview with MIR

10/13/2014  |  21 Comments

I first interviewed Trond Greve Andersen & Mats Andersen, co-founders of Norway based architectural visualization studio MIR, back in March... more

SOA Academy Day #5 - The Gathering

SOA Academy Day #5 – The Gathering

10/07/2014  |  6 Comments

I'm seating at SOA's studio, as I write these lines, going over the recorded interviews with Roberto and and thinking... more