Cedeon Design

Cedeon Website 2012

I have been seeing a lot of Parallax websites lately.  Being a child of the 80’s growing up playing parallax based computer games was probably one of the largest contributors to my career, so when i saw other websites using this to emphasize depth to great effect i just had to have a go at it.  After all my whole business revolves around 3D so parallax should be a perfect fit.

The website:

I wanted something to feel very vertical and my original concept was for some dramatic 3 point perspective that was around 1000 x 5000 pixels.  I had a couple of mock-ups but they did not go at all well.  It turns out that for a dramatic feel you need a wide depth of field and that means that as the proverbial camera tilts down (web page scrolls) there is a lot of distortion.  This cannot be simulated with 3 images!!.

I had to change my tactic and go for a very narrow angle shot.  My final piece is almost orthographic… here’s a screen shot of how it looks in Google Sketchup.

Sketchup Model of Website House

Sketchup Model of Website House


The house:

I chose a house because my business marketing plan for this year is to bring 3D visuals to the residential market.  Too many studios seem to push the illusion that 3D visualisation is expensive.  This is NOT the case and i think its time that we bring photo-realistic visualisations in the Planning / design process.  Architecture needs to move with the times, im sick of seeing RIBA qualified Architects that cant even draw, let alone design in a 3D computer aided design environment.  Technology moves fast and leaves the idle behind.

Ray tracing Renderers:

Nowadays rendering engines produce results that are amazing.  Fresnel reflections and some heavy tweaking gave me my final result.  The hardest part was the light shade/light  mix.  Getting adequate light on the walls without blowing out the shade compltely turned out to be an absolute nightmare.  I should probably have done it in post production but instead i burned 9+ hours to get the result natively.   Speaking of Post Production.. very little was done.. just some minor cleaning of some low settings render artifacts and i was done.  Render time was about 1 hour for a 2100 x 3600 render.


Final Render Composite is here:


Composite Final Image for website done on Photoshop

Composite Final Image for website done on Photoshop. I used this as a basis to create the parallax website.