Making of Seaside Feeling

0
November 25, 2012 |  by  |  Making-Of, Native, Tutorials

I like architectural designs & visualizations with water in them. Make it seaside and I absolutely LOVE it – but then, who doesn’t? That’s why it didn’t take me long to reach Pedro Fernandes and ask him about how he made the “Seaside Feeling” image you see here, up above. Pedro has freelance experience in really interesting companies such as Vyonyx, Crystal CG and F10 Studios. He’s portfolio showcase both full 3d scene resulting images as well as dominantly matte-painted works, so it is interesting to learn how he goes about creating an image. Enjoy!

aqrui9 Making of Seaside Feeling
Author : Pedro Fernandes Arqui9 is a Freelance Project, founded by Pedro Fernandes, 3D Artist (Currently residing in London). He is a fully licensed Architect, dedicating himself solely to 3D Art, specializing firstly in Architectural Visualization and now in Environment Art and Matte Painting too.

Introduction

Hi to all, I was recently contacted by Ronen Bekerman to write a Making-of for this little project I did a while back. Ronen has done a lot for the ArchVIZ community and he continues to be one of the most consistent players out there delivering quality content for us all. So, big thanks to him, and now it’s my time to give a little something back so here’s the making of “Seaside Feeling”. A bit about myself first… My name is Pedro Fernandes, and I’m a freelance 3d artist. I’m a fully licensed architect who soon enough decided that making visuals and digital art was the way to go. I have a passion for experimenting and I’ve tried everything from the heavy modeling and texturing with VRay.

concept image 728x991 Making of Seaside Feeling

concept wire e1386504986645 Making of Seaside Feeling

To the really intensive painted and matte painted images and projections

Exploitation MattePainting PedroFernandes Full 728x331 Making of Seaside Feeling

Exploitation MattePainting PedroFernandes CROP2 728x331 Making of Seaside Feeling

I’ve managed to work at some really interesting companies. Some of them being Vyonyx, F10 Studios and Crystal CG. I must thank all of them and the artists who work there, as they had a big influence on what I do.

SeasideFeeling Making Off small 728x843 Making of Seaside Feeling

This work here is based more on the matte painting qualities of an image. It is a project based in Lisbon, Portugal (where I was born) in a beautiful place called Cascais. It’s a cosmopolitan seaside city right within the outer limits of Lisbon, I highly recommend you to visit if you get a chance. I did this work a while back, although I changed a few little things mostly in coloring and small details to fit this Making-of.

Inspiration

Inspiration wasn’t too hard to find, as there are many photos of seaside coasts scattered around the internet. From an early stage I knew I wanted to do a faster matte painting image, as I knew time was of the essence. I’m a huge fan of the trio MIR, Luxigon and of course Vyonyx, so I knew I wanted to do this one similar to the style those 3 showcase. I gathered some inspiration reference material and decided to go forward-looking at tones and colors that I wanted to portray in my scene. Next, I proceeded to gather some site context info…

1370383 69869 1280 728x546 Making of Seaside Feeling

DSC 3659 728x487 Making of Seaside Feeling

PI19008 hr 728x483 Making of Seaside Feeling

 

3D SketchUP Model Supplied

The model supplied was very well done and required minor adjustments only. I proceeded to import the base SketchUP 3d model into 3ds max, where I started quickly mocking up the file.

Seaside01 728x455 Making of Seaside Feeling

Seaside02 728x455 Making of Seaside Feeling

3d Studio Max Setup

Everything in the 3d Studio Max setup is very basic. I knew from the beginning what I was going to do and didn’t want to spend any more time than necessary in the 3D phase. So, here is a basic breakdown of the 3D scene…

Gamma

There’s always quite a lot of talk on Gamma. I’m not the biggest expert out there, but this is the way I’ve worked over time and seems to blend in with the norm at the major companies. I output the gamma to 2.2 through V-Ray on final render, this won’t matter much if you don’t work in a linear work environment, but in case you do and you output to other composting software such as Nuke or Fusion, it can make a difference.

SeasideMax01 Making of Seaside Feeling

SeasideMax02 Making of Seaside Feeling

Units

Another important thing to remember is the basics of a file. In my case I use the metric system and as such I have my scene defined to meters for display and also as system units. If you prefer to work in CM or other you can do this through the display units without re-configuring your file units.

SeasideMax03 Making of Seaside Feeling

Lighting

Lighting once again didn’t have to conform to other cases, where more 3D elements would be used and was done with a simple V-Ray Sun and a V-Ray Sky in the environment slot. These were then linked up and voila! Sun should be ticked invisible so it doesn’t mess up the spec highlights. A sky portal light was also placed above pool area to let some light flood inside pool area. One thing I usually see happen with some relatively new users is forgetting to tick, the Affect Shadows Option in V-Ray Materials, Refraction, this will make it possible for shadows to be cast through the glass.

seaside lighting 006 Making of Seaside Feeling

Texturing

Nothing out of the ordinary here. I just used a displacement on the rock texture, so I could create a similar effect easily without needing to paint as much. This was not as relevant in this viewpoint, but I decided it would be a good base as I had the freedom to move around the camera as I pleased.

seaside texture 007 Making of Seaside Feeling

SeasideMax07 728x457 Making of Seaside Feeling

SeasideMax05 728x443 Making of Seaside Feeling

Camera

This camera was one of the key shots used. I wanted to convey the connection the see had with the architecture, and how the design not only lent itself to that elements but also configured itself around the terrain and pre-existing pool. I liked the architecture within the shot and that in itself was already very inspiring. The camera just came naturally. Note I used no vignetting and white balance was set to neutral, so I could have as much control in post as I wanted to.

SeasideMax06 728x445 Making of Seaside Feeling

Proxies

I did however use some proxy bushes within the gardens, sometimes it can be easier than doing everything in Post with 2D images, but then again it’s just down to personal preference.

seaside proxy 009 728x455 Making of Seaside Feeling

Render

Render Elements are your best friends… Let this sink in well! Render Elements are your best friends in Matte Painting. You can isolate certain parts and bump up reflections, lower shadows and increase lighting all through these. I tend to use and abuse multi-mattes as it lets you render out the elements you want. There are quite a few online tutorials for this, so I’ll move on. You can also use a handy little script, which I started using through a friend of mine called Simoni Nastasi, titled EffectsChannel. It’s a great little script that will configure all your render mattes and multi-mattes.

seaside render 010 Making of Seaside Feeling seaside render 011 Making of Seaside Feeling

Photoshop Postwork

And thus, finally, we arrive to my favorite piece of the process, where the magic really happens. Although I look back on the image and know it does have its defects and it isn’t perfect, I’m also conscious that sometimes we have to constrain ourselves to tight deadlines and try and make the most of what we can. Thus, the difference between personal work and professional work. I’m pretty much never satisfied with any image I create and think there are always so many ways to better it – it’s always good to have this personal auto critique, but at the same time don’t let it get you down comparing your images to what’s out there. Try and enjoy what you’ve made and know that next time you will create something better. And now for my favorite part!

Raw Render

This is the raw render I started out with. It’s always best to work within a large resolution so you can compress all those details on your final output. I didn’t go too high on this one, but I would usually go to about 4k or 5K wide images, depending on what has to be done.

SeasidePS01 728x456 Making of Seaside Feeling

Background

I start layering in the background images, from reference material gathered from the architects and also from the net. Preferably I would have visited the site and taken my own photos, but time was of the essence. I also recommend a great image source from Vyonyx, called Gobotree, use it and abuse it. It’s fantastic. Also make use of the well-known cgtextures.com I try and firstly adjust the levels on each photo to match within the scene, getting into color balance after this. A nifty trick is to turn your image to gray-scale through Hue/Saturation and then check if any of the levels are off.

SeasidePS02 728x456 Making of Seaside Feeling

 

More Textures

More textures are layered in, making sure they match the perspective and also colors. It’s super important to check that you achieve proper depth within in your images. As things recede in space they get hazier and tend to desaturate to an environmental tone, bluish in this case. Another little trick is to keep flipping your canvas, as your brain will get use to seeing the same image and will start to not pickup on obvious mistakes. It gives you a fresh look on things.

SeasidePS03 728x456 Making of Seaside Feeling

 

Foreground Elements

More foreground elements are added. This time dirt and shadows are overlaid and multiplied to images, also using the Render ID Mask for certain selections and changes to colors, overlays and materials. At this point during the process I tend to blend and mix all colors to the base color grade I have in the image – by using Levels first and then Color Balancing to adjust the tone. The major curves / contrast adjustments will be given in the end.

SeasidePS04 728x456 Making of Seaside Feeling

 

Adjustments and Lighting

Here I’ve painted in some light / shadows and highlights. We’re now moving on to our final image. I’ve used curves to give the contrast I need and also painted in some light through dodge layers. I apply a bleach bypass, which you can use a filter from Magic Bullet Pro or Nikon Effex, but in this case I did it manually. Firstly Sharpen the image, then desaturate it a little while increasing the contrast through curves or brightness contrast. All tonalities are mixing together and we’ve achieved a “global look” to the image.

SeasidePS05 728x456 Making of Seaside Feeling

Final Shot

After all done, the final crop is applied and here we are left with the final image…

SeasidePS06 728x456 Making of Seaside Feeling

In conclusion

This was one of many techniques within Architectural Visualization. it’s never really just about the tools in the end, but more about the vision. I hope you have enjoyed this little making-of and have also had a bit of fun, as I have certainly had. Hope you enjoy some of my other works too, especially a personal piece I did a couple of months ago, with some heavy matte painting and video projection. It will be the next breakdown! http://vimeo.com/45989870 Fire away with comments down below!

10 comments
Pedro Fernandez
Pedro Fernandez

heheh you're totally right Ronen Bekerman – 3D Architectural Visualization Blog

LedianKondi
LedianKondi

This is a great making of!!

Just one thing that i missed, can u please explain me what do you mean by that : 


I try and firstly adjust the levels on each photo to match within the scene, getting into color balance after this.

A nifty trick is to turn your image to gray-scale through Hue/Saturation and then check if any of the levels are off.


cause ive tried to follow it but nothing happen.

RonnyNunez
RonnyNunez

Loved this! I also do most of my viz during post as IMO gives you more creative liberties and it just looks plain better than pure 3d. I do like pure 3d scenes but the expressive emotion that matte painting achieves is unmatched. 

Went through your portafolio Pedro, truly inspirational. Already in my bookmarks.

iPedrofernandes
iPedrofernandes

Hi Guys, thanks for comments, it's my first making off, so I have learnt a few pointers, I will post up some HD photos for you to take a clearer look. Cheers Pedro

emyjm
emyjm

Very nice work Pedro! I really like your "Vfx exploration" ! Thanks for sharing.

ageecee
ageecee

nice work. not good tutorial though. hard to see images and not so detail

Michaelangelo
Michaelangelo

Emmm, your work is really great (would like to see your Photoshop screen a bit clearer)....Thks.

iPedrofernandes
iPedrofernandes

Thanks Mr Hotovy. Don't want to dream or even see what you'll put out. hehe Cheers dude

AdamHotovy
AdamHotovy

Hey Pedro nice breakdown dude! Good job!

Trackbacks

  1. […] has also published a tutorial with 12 Postwork Styles on his blog. These tutorials (which I also did one) show off some styles and creative flare based mostly on PostProduction. You can see some many […]

Recent Posts
Creating Ceilings with RailClone

Creating Ceilings with RailClone

10/29/2014  |  4 Comments

iToo Software has released a new episode of their regular Tips & Tricks tutorials. In this 5 minute video they... more

Goldstein 2001 Matte Painting Giveaway by Carlos Mazon

Goldstein 2001 Matte Painting Giveaway by Carlos Mazon

10/28/2014  |  1 Comment

The image "Goldstein 2001" was a quick personal project by Carlos Mazon done for fun that took him around 3h... more

SOA #AcademyDay5 - Interview with Peter Guthrie

SOA #AcademyDay5 – Interview with Peter Guthrie

10/23/2014  |  1 Comment

I'm happy to share today this mini-interview with Peter Guthrie. This is the fourth year Peter and I attend this... more

SOA #AcademyDay5 - Interview with Juraj Talcik and Adam Hotovy about Corona Renderer

SOA #AcademyDay5 – Interview with Juraj Talcik and Adam Hotovy about Corona Renderer

10/22/2014  |  3 Comments

Keeping up with publishing the interviews made during SOA #AcademyDay5, I'm publishing the second interview with Juraj Talcik and Adam Hotovy.... more

Making of Barts Square by The Boundary in collaboration with Iain Banks

Making of Barts Square by The Boundary in collaboration with Iain Banks

10/22/2014  |  No Comments

I've featured the Barts Square project back in August this year, and this week the making of this project was... more

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