Making of Minoco Wharf

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).


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.jpg

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.jpg

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.jpg

minoco-brief-02sketchup.jpg

9-sketchup-tips-workflow-preview-3

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.jpg

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.jpg

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

minoco-model-03-slabs.jpg

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.jpg

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.jpg

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

minoco-model-06-innerouter-glazing-offset.jpg

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

minoco-max-01-3d-objects.jpg

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.jpg

The slabs.

minoco-max-03-slabs.jpg

Slab edge as renderable splines.

minoco-max-04-slab-edges.jpg

Internal lights surfaces (inner glazing turned off).

minoco-max-05-interior-lights.jpg

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.jpg

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

minoco-tex-03-internal-lights-gf.jpg

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.jpg

We used five different opacity patterns for outer glazing.

minoco-tex-01-outer-glazing.jpg

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

minoco-tex-04-mullions.jpg

Final Images Post Process

We render an ID mask for quick selections.

minoco-psd-v01-01mask.jpg

This is what came out straight from V-Ray.

minoco-psd-v01-02render.jpg

Replaced the sky in the background.

minoco-psd-v01-03sky.jpg

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

minoco-psd-v01-04reflections.jpg

Color balance and contrast corrections.

minoco-psd-v01-05adjustment.jpg

Final image with cutout people and vignette added.

minoco-psd-v01-06final.jpg

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 =)