Making of Minoco Wharf

0
January 19, 2012 |  by  |  Making-Of, Native, Tutorials
323 Flares Facebook 103 Twitter 26 Pin It Share 88 Google+ 26 LinkedIn 5 StumbleUpon 75 Reddit 0 323 Flares ×

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.

Subscribe to my Newsletter

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

Trackbacks

  1. [...] Mira el proceso de elaboración de esta imagen AQUÍ [...]

  2. [...] from simple sketches and a very basic SketchUP block model to the final image is discussed here at Ronen Bekerman’s page. [...]

  3. [...] создания Minoco Wharf 30 Янв 2012 | Новости | Никита | ronenbekerman.comНа страницах блога Роннена Бекермана Лукаш Градзки из [...]

Recent Posts
Firefly Cottage by Ifthikhar An.

Firefly Cottage by Ifthikhar An.

07/27/2014  |  2 Comments

Ifthikhar An. posted recently a set of magical fairy-tale like images and a short video showcasing his dream driven project... more

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