Making of Minoco Wharf

0
January 19, 2012 |  by  |  Making-Of, Native, Tutorials

Lukasz Gradzki from renderare breaks down the process of creating one of the images for the Minoco Wharf project they were involved in making visuals for. What I like the most about their process on this one, is how simple the basic model could be… and how they use textures instead of modeling and lights. I do find it funny how a SketchUP model is the “base” for further AutoCAD modeling… It seems almost sacrilege to me (more about the tools we use in an upcoming post).

renderare logo white 50x50 reasonably small Making of Minoco Wharf

Author: renderare

renderare studio makes illustrators of unbuilt spaces and architectural designs. It was co-founded in 2007 by Lukasz Gradzki & Kamila Gradzka, after working together in HKR Architects in Dublin.

Introduction

I’ll start by showing one of the final results first, so you’ll know what we are aiming for with the process described below.

minoco psd v01 06final 728x718 Making of Minoco Wharf

The entire brief was just one page of simple sketches and a very basic SketchUP block model of the site, to give us an idea about the massing and approximate viewpoints required.

minoco brief 01 728x496 Making of Minoco Wharf

We had very short time-frame to turn 5 views around so it was necessary to cut as many corners as possible especially when it came to modeling.

This is how the SketchUP model looked like…

minoco brief 03sketchup 728x471 Making of Minoco Wharf

minoco brief 02sketchup 728x447 Making of Minoco Wharf

10 sketchup tips workflow preview 3 Making of Minoco Wharf

9 SketchUP Tips for better 3d modeling workflow

Follow these simple and easy to implement tips to make for a faster and smoother SketchUP modeling experience (A newer and updated version can be found on 3D World Magazine, March 2013 Issue, Pages 68-74 – “Pro SketchUP Workflow Tips for arch-viz”).

Read More…

Basic Modeling

The 3d model of the site was built in AutoCAD (Yes… AutoCAD). After importing the SketchUP massing we used it as a template to build the basic geometry.

minoco model 01 internal lights 728x483 Making of Minoco Wharf

All buildings had to be shown during different times of the day and there was no time to illuminate them with real light fixtures, and this is without even considering the increase in render times that it would cause… so we’ve put surfaces set back slightly under the glazing to use them as self illuminating objects later.

They were split into 4 layers to allow some variation… Surfaces for inner glaze skin of the buildings

minoco model 02 inner glazing 728x483 Making of Minoco Wharf

All slabs don’t have thickness i.e. they are just flat regions.

minoco model 03 slabs 728x728 Making of Minoco Wharf

Slab edges are represented by polylines. We are going to turn them to renderable splines in 3ds max and assign different material than the off white slabs.

minoco model 04 slab edges 728x728 Making of Minoco Wharf

Outer glazing is modeled again just as polylines, also to have renderable splines modifier applied to them. They are divided into five layers as we will be assigning five different patterns.

minoco model 05 outer glazing lines 728x728 Making of Minoco Wharf

Just to show the offset distance between inner and outer glass.

minoco model 06 innerouter glazing offset 728x524 Making of Minoco Wharf

Here is the camera viewport with some entourage from 3d libraries was added in 3ds max.

minoco max 01 3d objects 728x864 Making of Minoco Wharf

Instead of importing the DWG, it is linked to the scene to allow rapid changes and updates. Here you can see the inner glazing surfaces.

minoco max 02 inner glazing 728x864 Making of Minoco Wharf

The slabs.

minoco max 03 slabs 728x864 Making of Minoco Wharf

Slab edge as renderable splines.

minoco max 04 slab edges 728x864 Making of Minoco Wharf

Internal lights surfaces (inner glazing turned off).

minoco max 05 interior lights 728x864 Making of Minoco Wharf

Textures

We used textures to act as the lights inside the buildings in this scene. This is the texture for self luminance of the towers.

minoco tex 02 internal lights 728x437 Making of Minoco Wharf

And a different texture for the glow in the ground floor areas.

minoco tex 03 internal lights gf 728x48 Making of Minoco Wharf

This brings us to the complete linked model with the outer skin as renderable splines of various sizes and appropriate textures for opacity applied.

minoco max 06 outer glazing 728x864 Making of Minoco Wharf

We used five different opacity patterns for outer glazing.

minoco tex 01 outer glazing 570x1000 Making of Minoco Wharf

And a bump map for glazing to give an impression of some window divisions…

minoco tex 04 mullions 728x72 Making of Minoco Wharf

Final Images Post Process

We render an ID mask for quick selections.

minoco psd v01 01mask 728x600 Making of Minoco Wharf

This is what came out straight from V-Ray.

minoco psd v01 02render 728x600 Making of Minoco Wharf

Replaced the sky in the background.

minoco psd v01 03sky 728x600 Making of Minoco Wharf

Reflection of the sky in glazing, ground floor activity and a bit of lens blur in the foreground.

minoco psd v01 04reflections 728x600 Making of Minoco Wharf

Color balance and contrast corrections.

minoco psd v01 05adjustment 728x600 Making of Minoco Wharf

Final image with cutout people and vignette added.

minoco psd v01 06final1 728x600 Making of Minoco Wharf

A similar approach was used for the other images in this set we made. Here’s the process set for one of the other viewpoints…

I hope you find this useful in your own work, seeing that relatively simple modeling, without too much detail can still turn out very good when there is not much time and with smart use of textures to compensate for missing model bits and lights.

Cheers,

Lukasz Gradzki.

37 comments
prakkyy
prakkyy

ITS AMAZING .. there can be so many approaches to generate 3D views . though its good to have tips like this . Almost all successful 3D artists have a workflow of their own . they dont copy others styles .I think thats the secret of being a good 3D artist.Learn frm others but develop your own style .

Gianfranco Galagar
Gianfranco Galagar

you got fooled dane that's actually really the back of the car XD

Dane Parsons
Dane Parsons

hmm, however, the streetlight or the car is facing the wrong way.

oneonth3run
oneonth3run

I know it's been a while, but could you by chance post the v-ray setting you used? Cheers and amazing work!

 

emesghali
emesghali

too legit. wow. this was eye opening

lcarlin247
lcarlin247

hahahhaha i feel so bad it looks amazing even from just the v-ray, i can´t do that D:

emyjm
emyjm

Hi Lukasz,

Very clever workflow and very cool images, as always!

ywkahng
ywkahng

Great Idea~! Thanks a lot

SondreSpreemann
SondreSpreemann

Thank you for a great article.

Does anyone know where you can find similar textures as used here to mimic the interior?

max3dvi
max3dvi

Thanks a lot for sharing renderare,

great images and realy nice workflow

"We render an ID mask for quick selections."

How do you apply the id to geometry?are you apply id on groups?

Mickey Novalin
Mickey Novalin

With examples from Pixel Flakes and Making of.. like this, i get more and more ways to get nice final image. Thank's!

renderare
renderare

Hi Guys, Thanks for all the positive feedback! I'm glad you liked it. If it would be of any use, we might upload the .psd to have a closer look.

Frednork
Frednork

I think this is a great example of smoke and mirrors. It just goes to show that sometimes the devil is not in the detail but in the overall impression of the whole image. With some simple autocad techniques ( I'm guilty of taking sketch up into acad) and effective use of maps, awesome results in short time frame. Thanks for sharing workflows that help get the job done!

DanielSchmidt
DanielSchmidt

Great work. Love the traffic light - someone tell the car drivers to take the right lane please :-)

Dollmaker
Dollmaker

Very informative.. Thank you :)

JurajTalcik
JurajTalcik

I find your work invaluable Ronen, this blog had dramatic effect on my work level.Great insight as usual, can't wait for following tutorials, and esp. for the interview !Maybe unnecessary suggestion,...but I would like more background about artists of these tutorials, not interview but maybe 3 simple questions along with these articles ? Maybe like their stance on photoreal vs conceptional, or 3D vs Postwork...Thank you again ;- ) !

samuelconlogue
samuelconlogue

I tend to heavily model, texture etc. with flexibility in camera angles and detail in mind but when you're look for one great shot in a timely manner this basic 3D/heavy post workflow is great! There is a certain look that emerges as well. Not photoreal, not NPR. It feels more ethereal and emotional. I like it.

tomglimps
tomglimps

@ronenbekerman this was interesting to say at least. I would say, thats pretty..Efficient =p hyper eficient =)

renderare
renderare

@max3dvi This is just a standard RenderID pass from VRay, the edges are jagged as there is no antialiasing, but you don't have to assign anything in the scene, just feather the selection in Ps a little bit.

jao
jao

@renderare

Hi Lukasz, that would be great, because I have a mess with all those layers!

thanks for this very useful tutorial:)

renderare
renderare

@DanielSchmidt Good point Daniel! It's in London so the cars are actually on good side of the road, but the traffic light shouldn't be there. What can I say? Rush job :)

ronenbekerman
ronenbekerman moderator

@JurajTalcik Thank you very much! You idea is a good one and might be placed in the "Author's Card" at the top of each article as it shows now... I'll work on that ;)

ronenbekerman
ronenbekerman

@tomglimps It is, isn't it? It's great to see how simple you can go backstage, with a fancy facade to it all... When time is the issue.

max3dvi
max3dvi

@renderare@max3dvi in the ID mask image i can see that there are groups of 3 or 4 floor, did you assigned to them different id?

tomglimps
tomglimps

@ronenbekerman ..makes You to reThink Your workflows..it's amazing how far you can strech in terms of realism =)

tomglimps
tomglimps

@ronenbekerman i sometimes amazed of the possibilieties..of simple workflows.. =p it's so amazing, that everytime You see smth like that..

renderare
renderare

@max3dvi no, each section of outer glazing (there are 5 of them according to 5 opacity maps) was a separate layer in CAD resulting in a separate object in 3dsmax, hence they appear in different colors in RenderID automatically

Recent Posts
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

Venice, Round Number 5!

Venice, Round Number 5!

10/02/2014  |  2 Comments

October is here and so is the State of Art Academy Day #5. Years fly by fast for sure... it... more

Free Venice Loft's Dresser by Patric Verstraete

Free Venice Loft’s Dresser by Patric Verstraete

10/01/2014  |  6 Comments

In anticipation for SOA's Academy Day #5 taking place this weekend, Patric Verstraete embarked on a personal project titled "The... more