Making of Minoco Wharf

Making of Minoco Wharf

January 19, 2012  |  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 thumb 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 thumb 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 thumb Making of Minoco Wharf

minoco brief 02sketchup thumb Making of Minoco Wharf

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 thumb 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 thumb Making of Minoco Wharf

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

minoco model 03 slabs thumb 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 thumb 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 thumb Making of Minoco Wharf

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

minoco model 06 innerouter glazing offset thumb 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 thumb 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 thumb Making of Minoco Wharf

The slabs.

minoco max 03 slabs thumb Making of Minoco Wharf

Slab edge as renderable splines.

minoco max 04 slab edges thumb Making of Minoco Wharf

Internal lights surfaces (inner glazing turned off).

minoco max 05 interior lights thumb 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 thumb Making of Minoco Wharf

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

minoco tex 03 internal lights gf thumb 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 thumb Making of Minoco Wharf

We used five different opacity patterns for outer glazing.

minoco tex 01 outer glazing thumb Making of Minoco Wharf

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

minoco tex 04 mullions thumb Making of Minoco Wharf

Final Images Post Process

We render an ID mask for quick selections.

minoco psd v01 01mask thumb Making of Minoco Wharf

This is what came out straight from V-Ray.

minoco psd v01 02render thumb Making of Minoco Wharf

Replaced the sky in the background.

minoco psd v01 03sky thumb 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 thumb Making of Minoco Wharf

Color balance and contrast corrections.

minoco psd v01 05adjustment thumb Making of Minoco Wharf

Final image with cutout people and vignette added.

minoco psd v01 06final thumb1 Making of Minoco Wharf

A similar approach was used for the other images in this set we made.

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 the Blog

Choose one or more of the options below to get updates about spotlights like this as they are made available.

For more information about this blog, go ahead and visit the .


Post comment as twitter logo facebook logo
Sort: Newest | Oldest
lcarlin247 5 pts

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

emyjm 8 pts

Hi Lukasz,

Very clever workflow and very cool images, as always!

SondreSpreemann 5 pts

Thank you for a great article.

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

max3dvi 5 pts

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?

renderare 6 pts

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.

max3dvi 5 pts

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

renderare 6 pts

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

renderare 6 pts

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.

jao 5 pts

renderare

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

thanks for this very useful tutorial:)

Frednork 6 pts

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 7 pts

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

renderare 6 pts

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

Dollmaker 11 pts

Very informative.. Thank you :)

JurajTalcik 19 pts

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 ;- ) !

ronenbekerman 118 pts 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 ;)

renderare 6 pts

JurajTalcik Fire away, ask me anything :)

samuelconlogue 14 pts

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.

Conversation from Twitter

Cadlink
Cadlink

EasternGraph_RU

tomglimps
tomglimps

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

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.

tomglimps
tomglimps

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

tomglimps
tomglimps

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

Conversation from Facebook

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!

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
65 More Free Cutout People by xoio

65 More Free Cutout People by xoio

02/21/2012  |  1 Comment

Studio xoio previously shared 65 free cutout people they made, and today they release 65 more! This is their second... more

Free Autumn Park Scene

Free Autumn Park Scene

02/20/2012  |  3 Comments

Long time blog & challenges sponsor, iToo Software, created yet another very nice 3d park landscaped scene that combines distribution... more

NYC Intersection CityLIFE by Egor Goray

NYC Intersection CityLIFE by Egor Goray

02/14/2012  |  10 Comments

Egor Goray has been pretty busy lately, playing around with his NYC Intersection CityLIFE 2nd Place winning entry. In this... more

Octane Corners by Bertrand Benoit

Octane Corners by Bertrand Benoit

02/12/2012  |  15 Comments

It is safe to say that no matter what render engine Bertrand Benoit picks up, the outcome will be among... more

CityLIFE Challenge Winners Announced

CityLIFE Challenge Winners Announced

02/03/2012  |  42 Comments

I’m happy to announce that the Winners of the Third Architectural Visualization Challenge – CityLIFE, have been Selected! I would... more

Render vs. Photo / KUU xcoma bar

Render vs. Photo / KUU xcoma bar

02/02/2012  |  20 Comments

Forum newcomer, Federico, posted a very nice photo-matching work based on a photo of the xcoma bar by KUU in... more