Making of The Museum ‘Butterfly Effect’ by Stefan Hirschsteiner

0
February 26, 2013 |  by  |  Making-Of, Native, Tutorials
439 Flares Facebook 245 Twitter 12 Pin It Share 42 Google+ 11 LinkedIn 11 StumbleUpon 113 Reddit 5 439 Flares ×

I’m happy to introduce the making-of Stefan Hirschsteiner‘s ‘The Museum’ Grand Prize Winner – ‘The Butterfly Effect’. Stefan takes us through his complete process, starting with the concept and on with using SketchUP (with lots of Plugins!), key points using Maxwell Render and postwork all the way to final images. I learned a few new SketchUP tricks in this one and hope you’ll enjoy this article, learn from it and share your thoughts by commenting at the bottom of this article’s page.

stefan avatar Making of The Museum Butterfly Effect by Stefan Hirschsteiner

Author : Stefan Hirschsteiner

Stefan studied architecture in nuremberg from 1999 until 2004 at this time he learned several 3d programs like 3dsmax, Cinema 4D and Rhino and found a passion for archviz. At the moment he’s employed as a project leading architect at KJS+ Architekten in Erlangen. Along the boring stuff, like building houses, he also does all the internal and competition visualizations for KJS+.

Introduction

In chaos theory, the butterfly effect is the sensitive dependence on initial conditions, where a small change at one place in a deterministic nonlinear system can result in large differences to a later state. The name of the effect, coined by Edward Lorenz, is derived from the theoretical example of a hurricane’s formation being contingent on whether or not a distant butterfly had flapped its wings several weeks before.

I honestly think that there is not much I can add about the technical side of the project, because the workflow was not so special and there are already so many great tutorials on making it better. So I will try to concentrate more on the Soft Skill side. How did I get to an idea, what was my intention, mood, story, etc.

Concept Phase

For me, this is the most important and probably the most joyful phase of a project. Only wonderful, crazy ideas – without “the pain” of realizing it… yet!

I usually start with one or several mind maps, brainstorming every aspect and idea of a project which comes to my mind. For me this method proved to be quite efficient way of sorting bad ideas out, and quickly get a rough overview of what is needed for the particular project, before really starting the work.

01 01 Mind map 01 thumb Making of The Museum Butterfly Effect by Stefan Hirschsteiner

01 02 Mind map 02 thumb Making of The Museum Butterfly Effect by Stefan Hirschsteiner

Derived idea from The brainstorming

My first attempt was, to show the NNG after a great event, so that the viewer would wonder “what the hell was that show?”, “what happened here?”. I really liked the idea, but found it quite difficult to get the right mood and contrast to the NNG.

So… I decided to give this idea a little twist. I still assumed that the show is over, but suddenly the art becomes alive and tries to escape!

I first played with the idea, to fill the NNG with white cuckoo clocks, where the birds become alive but it reminded me too much of Hitchcock´s ‘The Birds’. Another very interesting idea was oil-paintings which come to live (i.e. painted picture of a waterfall with real water flowing into the NNG – very interesting but also a quite common theme which I saw many times before).

01 02 01 Surreal Paintings thumb Making of The Museum Butterfly Effect by Stefan Hirschsteiner

Finally, I decided on the butterflies because of their symbolic value, and the pictures I had in my mind of the yearly monarch migration in Mexico.

https://vimeo.com/17045649

Also the NNG (and Mies of course) itself with its huge influence on many generations of artists, architects and visitors seems to be some kind of butterfly effect to me.

I also liked the strong tension between the strict order of the build, solid and old NNG and the chaos of a vivid flying butterfly swarm. The paper butterflies found Inspiration by ”the butterfly swarm“ from Marc Köschinger.

01 03 marc koeschinger thumb Making of The Museum Butterfly Effect by Stefan Hirschsteiner

After I found ideas I like I do tons of mini sketches to the particular theme just for myself, to further sharpen the idea and start to think about composition. I really try to think of composition as soon as possible, because I think it is one of the most difficult aspects in Architectural Visualization.

These mini-sketches, even if not too detailed and accurate, are absolutely the most valuable tool for my whole decision-making process. Because they are done so quick and often tell me everything I need to know for the final shot already.

I really would advise to “sketch more, render less”

01 04 Page of my Sketchbook thumb Making of The Museum Butterfly Effect by Stefan Hirschsteiner

I also collect as many reference pictures related to my idea as possible. I often do a collage of all these pictures so I can see everything at once, this also helps me to derive a special mood for the theme.

01 05 butterfly collage thumb Making of The Museum Butterfly Effect by Stefan Hirschsteiner

This is the time, I usually do just a rough base model of the whole scene to get better site awareness and test my sketched shots and compositions in this rough 3D Environment.

The Base modeling, fortunately, was done completely by Ronen, so I could concentrate on the story and composition of the views.

My personal goal of the concept phase is always to get some kind of plot / storybook for the final work. This should include the base theme, rough composition, rough view angles etc. and a kind of mood if possible.

I really force myself to (at least roughly) nail down my camera angles as soon as possible, so I can concentrate further modeling and detailing effort to only the parts where I really need it. I know this reduces my flexibility later on, but it also greatly reduces the wasted time on generating non relevant details.

The Rough Plot

1. Calm

Close-up Indoor Shot with only paper butterflies in a dreamy morning light atmosphere.

01 06 calm thumb Making of The Museum Butterfly Effect by Stefan Hirschsteiner

2. Initiation of chaos

Indoor Shot. First real butterflies are introduced. Also some “dead” Paper-Butterflies. Maybe a Butterfly Catcher, who tries to catch the view visible butterflies.

01 07 Inition of chaos thumb Making of The Museum Butterfly Effect by Stefan Hirschsteiner

3. breakout

Close Outdoor Shot. Things are starting to get really wild. (wild angle shot). The NNG is completely full of thousands of butterflies and the first ones are outside.

01 08 breakout thumb Making of The Museum Butterfly Effect by Stefan Hirschsteiner

4. Freedom

Very peaceful outdoor shot. The whole swarm is in the air. Staring, happy people on the ground

01 09 Freedom thumb Making of The Museum Butterfly Effect by Stefan Hirschsteiner

After looking at my concept retrospectively, I have to admit, that I didn’t´t manage to deliver the idea completely. Especially the transformation from paper butterflies to real ones is not evident in my pictures. I probably should have shown some “paper-chrysalises” which are transforming into real butterflies…maybe next time icon smile Making of The Museum Butterfly Effect by Stefan Hirschsteiner

Modeling / Detailing Phase

The Butterflies Geometry

Of course the most important part of the concept are the monarch butterflies. And the fact that I would need many of them forced me to do them as low poly as I would get away with it. I first tried a free butterfly from The Free 3D Models, But it caused problems with SketchUP and was even to high poly for my intention. I ended up roughly remodeled it, so SketchUP could handle it.

I created 4 variations of the real butterflies as components and a proxy for each of them.

02 01 Butterflies and proxies thumb Making of The Museum Butterfly Effect by Stefan Hirschsteiner

Real Butterflies test render…

02 02 Real butts testrender thumb Making of The Museum Butterfly Effect by Stefan Hirschsteiner

The same for the Paper butterflies… Proxies :

02 03 paper butterflies and proxies thumb Making of The Museum Butterfly Effect by Stefan Hirschsteiner

And the test render…

02 04 butts on my ceiling thumb Making of The Museum Butterfly Effect by Stefan Hirschsteiner

For the butterflies I used a friend’s Rhino version. The rest is completely done in SketchUP

The Butterflies Placement

Due to the fact, that I don´t have any particle / crowd simulation solution like RealFlow (I tried Blender, but I could not get it working properly) I decided to literally hand place every butterfly in the scene, which was the most tedious process I ever did. I finally managed to do it with a mix of the following very useful SketchUP Plugins :

Matrix proximity by TIG and LSS Matrix by kirill2008 to create a large amount of butterflies in 3d space

02 05 butterflies in the matrix thumb Making of The Museum Butterfly Effect by Stefan Hirschsteiner

Random Delete by TIG to randomly reduces a percentage of the selected butterflies

02 06 randomely reduced butterflies thumb Making of The Museum Butterfly Effect by Stefan Hirschsteiner

Random Replacement of Components by Sdmitch to randomly replaces components by a set of other components. So I was able to distribute only one proxy, and afterwards randomly replace it by a whole set of proxies

02 07 component replacement thumb Making of The Museum Butterfly Effect by Stefan Hirschsteiner

Compo Spray by Didier Bur to scatter Butterflies on the ground

02 08 swarm testrender thumb Making of The Museum Butterfly Effect by Stefan Hirschsteiner

Despite these really cool little helpers I was forced to erase and place many butterflies manually to get the wanted chaotic look of the swarm.

Even In this early phase of the project I realized, that I would not manage to submit the intended 4 Pictures, because for every shot the butterflies have to be placed separately of course. So I focused on ‘Calm’ as a starting point of the story with a few elements of ‘Initiation of Chaos’ (flying real butterflies) and “breakout” as a very dynamic counterpart to the first picture.

The Surroundings

Almost all surrounding buildings are based on Google Warehouse models which I redefined in SketchUP without great attention to detail because they were not too prominent in my shots.

02 09 surrounding buildings 01 thumb Making of The Museum Butterfly Effect by Stefan Hirschsteiner

Vegetation

The trees I did in Arbaro some years ago. They look really terrible in close-up but quite ok when they are far away and you squint your eyes. I first imported them into Maxwell Studio, where I did the materials, and then re-imported them to SketchUP via the new MXS reference feature of the Maxwell for SketchUP plugin (very useful, this will completely change my workflow in the next projects).

The tree inside studio

02 10 Tree in studio thumb Making of The Museum Butterfly Effect by Stefan Hirschsteiner

Test render…

02 11 Tree Testrender thumb Making of The Museum Butterfly Effect by Stefan Hirschsteiner

The MXS Reference inside SketchUP

02 12 Tree MXS References in Scene thumb Making of The Museum Butterfly Effect by Stefan Hirschsteiner

Detailing the NNG

The detailing was mostly done with SketchUP´s own tools and the plugin Round Corners by Fredo6 for the beveling. For the Curbs I used Sculpt tools by BTM.

02 13 Column thumb Making of The Museum Butterfly Effect by Stefan Hirschsteiner

02 14 curb thumb Making of The Museum Butterfly Effect by Stefan Hirschsteiner

Texturing / UV Mapping / Materials

Almost all the textures are hand painted based on www.cgtextures.com images. Some of them were Arroway Textures Concrete and Stonework ones.

For the outdoor floor tiles I decided to do only two variations of a 4×4 Square. I randomly distributed them in SketchUP via the Extrapolate Colors plugin by Chris Fulmer and Texture randomizer by TIG to get enough variation in the tiles.

03 01 picture of floortiles thumb Making of The Museum Butterfly Effect by Stefan Hirschsteiner

Sample Textures…

Granite Diffuse :

03 02 granite diffuse thumb Making of The Museum Butterfly Effect by Stefan Hirschsteiner

Granite Displacement :

03 03 granite displacement thumb Making of The Museum Butterfly Effect by Stefan Hirschsteiner

Specular Map :

03 04 granite specular thumb Making of The Museum Butterfly Effect by Stefan Hirschsteiner

Water Puddle Alpha :

03 05 granite puddle alpha thumb Making of The Museum Butterfly Effect by Stefan Hirschsteiner

Metal Column Diffuse :

03 06 Column Diffuse thumb Making of The Museum Butterfly Effect by Stefan Hirschsteiner

Column Specular Map :

03 07 column specular bump thumb Making of The Museum Butterfly Effect by Stefan Hirschsteiner

The UV Mapping was done with UVMapper Professional, which is clearly not the most comfortable UV mapping software, but usually the results are good enough for my intentions. To get an object properly into UVMapper, I first triangulated it with the Triangulate Plugin from Osbo.com, than I exported it with the UVTools 0.2 Beta Plugin by Whaat. After Mapping I finally imported it back into SketchUP again. (also with UVTools)

Maxwell Render Materials

I almost always use a rough base layer with an additive specular layer on top.

The glass material was a simple AGS solution with a slightly green tint and a bump map applied (I modeled 2 glass panes for the curtain walls to get nicer reflections). The metal parts are based on the mxi wizard materials too. I changed them a bit to suite my needs.

Example materials…

Granite tiles base layer :

03 08 Granit Tiles Base Layer thumb Making of The Museum Butterfly Effect by Stefan Hirschsteiner

Granite tiles spec layer :

03 09 Granit Tiles Spec Layer thumb Making of The Museum Butterfly Effect by Stefan Hirschsteiner

Butterfly Front wing SSS :

03 10 Butterfly Frontwing SSS thumb Making of The Museum Butterfly Effect by Stefan Hirschsteiner

Lighting

Both images were mainly illuminated by VHDRI´s from Hyperfocal Design (expensive, but really good)

Not too much else to say about it…

Rendering

I rendered both images at 4k resolution and did a separate pass for the outdoor butterflies. I always do several additional passes for mat id, object id, shadow and z-depth too.

Usually I am always unsatisfied with the raw results of my renderings. But even knowing that does not prevent me from panic a few hours, before I finally try to fix the problems in post.

This leads me to the second most important aspect of my workflow – Post processing (always saves my life)

Post Processing

General Thoughts

Looking back to the original concept is always a good habit. Especially while doing the postwork, I tend to somehow ‘loose my way’ during the process. In this case, looking back helps me to remember what I originally wanted to say.

Originally, I intended to start with a very cold, blue mood for ‘Calm’. I slowly wanted to introduce some warmth in ‘Initiation of Chaos’. ‘Breakout’ should be clearly the most warm, energetic shot. The final Shot “freedom” should be some kind of very natural, friendly shot. All pictures should be some kind of dreamy, only “freedom” was meant to be less diffuse.

With only 2 shots left, I simply did the cold one (with little warmth in the butterflies) for ‘Calm’ and the direct opposite for ‘Breakout’, mostly warm, with little cold in the shadows

Entourage Kids

I usually don´t buy entourage people for my work, but this time I really felt, that the kids are almost as important as the butterflies, so I decided to buy the Kids V1 bundle from http://www.viz-people.com/, which is very good I have to admit.

Workflow on ‘Breakout’

I used the Maxwell to Photoshop plugin, to import both mxi images (main render and butterflies) with all the rendered channels into PS. I did some general lighting adjustments, and brightened up the way too dark underside of the roof directly in 32bit before I converted it to 16bit. Here I darkened the metal parts a little bit with a hue and saturation adjustment

The SketchUP Viewport :

04 00 Sketchup Viewport thumb Making of The Museum Butterfly Effect by Stefan Hirschsteiner

Raw Render :

04 01 raw render thumb Making of The Museum Butterfly Effect by Stefan Hirschsteiner

Lighting adjusted :

04 02 Lighting adjusted thumb Making of The Museum Butterfly Effect by Stefan Hirschsteiner

Darkening of metal parts :

04 03 darken metal parts thumb Making of The Museum Butterfly Effect by Stefan Hirschsteiner

After that I did the motion blur on the butterflies with a mix of Gaussian Blur, Motion Blur and Radial Blur. I also adjusted the saturation and the lighting of the butterflies a little bit.

Butterfly alpha :

04 04 butterfly alpha thumb Making of The Museum Butterfly Effect by Stefan Hirschsteiner

Butterfly motion :

04 04 1 butterfly motion thumb Making of The Museum Butterfly Effect by Stefan Hirschsteiner

The Swarm in scene :

04 05 swarm in scene thumb Making of The Museum Butterfly Effect by Stefan Hirschsteiner

Swarm desaturated :

04 06 swarm desaturated thumb Making of The Museum Butterfly Effect by Stefan Hirschsteiner

Swarm light :

04 07  swarm light thumb Making of The Museum Butterfly Effect by Stefan Hirschsteiner

After that, I duplicated the butterfly layer for creating the reflections on the glass with the Layer in Multiply mode…

Butterflies reflection raw :

04 08  butts reflection raw thumb Making of The Museum Butterfly Effect by Stefan Hirschsteiner

Butterflies reflections dimmed :

04 09 butts reflections dimmed thumb Making of The Museum Butterfly Effect by Stefan Hirschsteiner

I placed the child, roughly color corrected it with a hue/saturation adjustment (the overall color correction comes last). After that, I did the child´s shadow (duplicated black child layer in multiply blending mode with Gaussian Blur applied) and painted in some light and dark parts on the girl itself with a black layer in color dodge blending mode for the lights and an empty layer in multiply mode for the shadow parts.

Child raw :

04 10 child raw thumb Making of The Museum Butterfly Effect by Stefan Hirschsteiner

Child shadow :

04 11 child shadow thumb Making of The Museum Butterfly Effect by Stefan Hirschsteiner

Child color rough :

04 12 child color rough thumb Making of The Museum Butterfly Effect by Stefan Hirschsteiner

Child lights and shadows :

04 13 child lights and shadows thumb Making of The Museum Butterfly Effect by Stefan Hirschsteiner

The final step was the color grading and the desired look. I first shifted the whole image to a more blue cold hue with a selective color correction, then I gradually introduced some warmth with photo filters in soft light blending mode and a color balance adjustment.

Shift to blue :

04 14 shift to blue thumb Making of The Museum Butterfly Effect by Stefan Hirschsteiner

To get the dreamy diffusion look, I duplicated the whole image, blurred it and did overlay it in screen blending mode.

Chromatic aberration :

04 15 with chromatic abberation thumb Making of The Museum Butterfly Effect by Stefan Hirschsteiner

Some chromatic aberration was done with lens correction. I also added subtle noise to better blend everything together (I am always afraid of noise during render, but add it later anyway.

Warm up :

04 16 warm 01 thumb Making of The Museum Butterfly Effect by Stefan Hirschsteiner

Contrast :

04 17 contrast thumb Making of The Museum Butterfly Effect by Stefan Hirschsteiner

and a little vignette to guide viewers eyes to the girl.

More warmth + vignette :

04 18 warm 02 vignette thumb Making of The Museum Butterfly Effect by Stefan Hirschsteiner

The last step becomes more and more important to me – the final naming of the picture. I think this simply adds a more finished and “intended” look to the pictures and helps “selling” the idea

Finalize :

04 19 finalize thumb Making of The Museum Butterfly Effect by Stefan Hirschsteiner

Almost the same steps were done for ‘Calm’

here are the step views one by one…

calm 00 Sketchup Viewport thumb Making of The Museum Butterfly Effect by Stefan Hirschsteiner

calm 01 raw render thumb Making of The Museum Butterfly Effect by Stefan Hirschsteiner

calm 04 lighten dark parts 03 thumb Making of The Museum Butterfly Effect by Stefan Hirschsteiner

calm 05 desaturation thumb Making of The Museum Butterfly Effect by Stefan Hirschsteiner

calm 06 girl base thumb Making of The Museum Butterfly Effect by Stefan Hirschsteiner

calm 09 girl reflection dimmed thumb Making of The Museum Butterfly Effect by Stefan Hirschsteiner

 

calm 10 blue contrast thumb Making of The Museum Butterfly Effect by Stefan Hirschsteiner

calm 13 lighting focus thumb Making of The Museum Butterfly Effect by Stefan Hirschsteiner

calm 17 finalize thumb Making of The Museum Butterfly Effect by Stefan Hirschsteiner

That is basically all.

I have to admit, that although it was harder to writhe this article than to create the actual images, I enjoyed it a lot and hope somebody will find it useful.

Stefan

Subscribe to my Newsletter

13 comments
bonooobong
bonooobong

such an awesome project! and I really feel glad about that one of my favorite buildings is featured as well (I am such a huge fan of Mies van der Rohe's New National Gallery! big-up for your amazing work and thanks for sharing you working process as well, you rock!

stebehans
stebehans

Hey


thank you all for your kind comments


@ tigerlasse: for the mind maps I used the free version of xmind, the conceptual images were just done by exporting the  lineworks and shadows seperatly from sketchup. The rest are just simple photoshop filters and color adjustements


 @ A103: I have uv-mapped almost all parts of the model and painted the textures in photoshop. For the sketchup viewport i just used smaller versions of the textures


lasse1309
lasse1309

i really love this work - not only the images but also the whole conceptual depth..

i mean - soft little butterflies housed by a  rigid harsh glazed Mies-building.

This is what classic modrn architecture is all about, isn't it? ;)

Great making of!

regards

Lasse

tigerlasse
tigerlasse

Awesome job Stefan. I would like to know how you did your "plot" renders?

Lasse

Al03
Al03

Hey Stefan, great work and very good tutorial! I wanna ask something though, do you texture the stones and metals on Maxwell render? Cause i saw the Sketchup viewport, with all the rust and washed effect on the materials, kinda impossible to do that just from sketchup huh? Thx in advance just a curiosity :D

ShaloQuthelia
ShaloQuthelia

I was surprised by this generally German attention to details and the whole planning. Seeing how good it came out, I now know it is all worth it. Best wishes.

tigerlasse
tigerlasse

@stebehans Could you maybe be so kind to share how you did them in a small tutorial? thanks


Recent Posts
ARCHVIZ Workflow with Cristian Chierici / CC79

ARCHVIZ Workflow with Cristian Chierici / CC79

07/18/2014  |  9 Comments

Pushing on with the exploration of the various workflows in Architectural Visualization, I'm presenting you today the work of Cristian Cherisi... more

Making of

Making of “The White”

07/14/2014  |  3 Comments

Maarten Demey from A1 Planning posted last month some still images of "The White", an interesting looking residential project located... more

O House by Marcin

O House by Marcin “Neb” Jastrzebski

07/10/2014  |  3 Comments

Marcin "Neb" Jastrzebski posted a set of images and a short video showcasing the process of making his recent personal... more

RailClone 2.3 Released

RailClone 2.3 Released

07/09/2014  |  2 Comments

iToo Software have announced the release of RailClone 2.3 Lite and Pro. In addition to Max 2015 support, this version... more

Sweeeet CG by Bertrand Benoit

Sweeeet CG by Bertrand Benoit

07/06/2014  |  1 Comment

Yammy CG Food again. This time, in contrast to the previous healthy installment, Bertrand Benoit hits us with a High-Carb... more

Walking City by Universal Everything

Walking City by Universal Everything

07/04/2014  |  3 Comments

While browsing the net for information about parametric architecture modeling, I stumbled upon this mesmerizing video today I want to... more