A Unique Approach to Architectural Visualization

Originally published at: https://www.ronenbekerman.com/unique-approach-to-architectural-visualization/

Pushing on with the exploration of the various workflows in Architectural Visualization, I’m presenting you today the unique works of Rafal Barnas. Contrasting the previous article about a Photographic Approach in Archviz by Lasse Rode, you can tag Rafal’s methods as postwork heavy.

Considering the usual Photoshop dose going around that side of the fence, he’s way out there doing his own thing – a UNIQUE VISION STUDIO indeed! I previously featured some of his work in What Do We DO (Dah)? as an exemplar of how to show your potential clients what you can do for them. Here, Rafal presents us how he approaches a project with examples. We might select one of them and go into more details later in a new article. Enjoy!

rafal-barnas

Author: Rafa? Barna? / UNIQUE VISION STUDIO

Born in 1984. Graduated from Krakow Polytechnic in Architecture and Urban Planning (accredited by the Royal Institute of British Architects). In 1999-2009 as a member of 3-person independent film-making studio called Ignition Studios he realized over 30 short films, widely presented and awarded in many national and international film festivals.

In 2009 he founded UNIQUE VISION STUDIO. Rafal Barnas is interested in various creative fields connected with visual arts: architecture, digital and concept-art, animation, film, music, journalism. Undertaking creative projects that are accomplished on the basis of independently developed creative approach in which the main workload is focused around the idea, concept, thought and high aestheticism.

You can also follow his blog and vimeo channel.

[av_hr class=’short’ height=’50’ shadow=’no-shadow’ position=’left’ custom_border=’av-border-thin’ custom_width=’50px’ custom_border_color=” custom_margin_top=’30px’ custom_margin_bottom=’30px’ icon_select=’yes’ custom_icon_color=” icon=’ue808′ font=’entypo-fontello’]

Hi all,

Let me start by stating an important rule that I follow – When working on visualizations I reach for various techniques and I approach each project individually!

Concept and Target

Being always aware of the target… The final effect that I want to achieve for the particular project I work on is always a priority. Once the concept, has a clear shape in my head, I can already say that the major part of the work has been completed.

Everything that happens after can only be considered as the development of the first stage. Being always aware of the final effect makes it impossible to get off the track or to waste the idea on insignificant details.

Aiming at the Target

When I have an idea that both my client and I find exciting I think how to make it real. Choosing proper techniques, design and tools is absolutely crucial as it determines not only the final effect but also the pace of work.

I refuse to approach different projects equally, as frequently practiced by fellow designers (unfortunately). Creativity in finding new ways brings many benefits. On one hand, it allows me to always be passionate about my work. It also helps me develop, learn and makes every new project a stimulating challenge.

At the same time, the appropriate choice of techniques and tools positively influences the final shape of the projects.

Lets see some examples…

Biotherm Radiators

Advertising and Visual Identity

Radiators? … Sounds like a dull and boring project to work on… not so much related to Architectural Visualization too, but great topic to start with in this article to make a point.

uvs-biotherm-radiators-001-crop

The appropriate approach can turn this project into a highly motivating challenge and priceless experience. This was exactly the case when the producer contacted me. Initially, the project was rather discouraging, without the potential or the possibility to create something ‘good’ and interesting. Of course it was just an impression because every topic, with the right approach and way of thinking, can evolve into an interesting project.

My cooperation with the client involved the creating of a full visual identification. Except for advertising spots, I was also creating websites, catalogs, brochures, business cards, etc. When conceptualizing the whole project I was taking into consideration several issues. Among the main ones was the fact that the product was relatively inexpensive. Mainly because of this, in the very early stage I have out-ruled the possibility of giving it a character of an exclusive or ‘designer’ product.

Obviously, I also did not aim for working around the word ‘cheap’.

I convinced the client that the identification will successfully present his product if it demonstrates modesty, not invasive information that is carried through witty idea which is somewhere on the edge of a joke. The proposition was that the catalog would look on a shelf as a computer game. The graphic design had to attract attention… For this purpose I have designed several funny illustrations in which radiators were presented in an unusual ways…

As one of the museum’s exhibits.

uvs-biotherm-radiators-015

A picture created on the sky by the fumes of flying planes.

uvs-biotherm-radiators-019-kadr-z-reklamy

A large installation giving warmth to the people in an oasis somewhere in the middle of freezing mountain hills.

uvs-biotherm-radiators-016

Billboards became the basis for the rest of the projects. It was the same case with the TV spot based on the animated illustrations.

In order to prepare for the scene with jet planes I took a photo of a radiator under an accurate angle which negated the need of doing 3d for this. Using this photo as the basis enabled me to add the fumes precisely, with the right geometry. All production was done in Photoshop.

uvs-biotherm-radiators-biotherm-01

uvs-biotherm-radiators-biotherm-02

And here are the photos taken that later went into the specification part of the brochure…

uvs-biotherm-radiators-biotherm-03

Thanks to layering it was possible to animate individual elements in Adobe After Effect. I often use 2D+ animation which consists mainly of two dimensions which are embedded in a three-dimensional environment. This was also the case here. Each element of the picture making up of the particular plane was placed in an adequate distance from the camera’s lens whose proper movement gave reality and depth (may also be referred too as Parallax Scrolling or Animation).

[av_video src=’https://vimeo.com/25640721′ format=’16-9′ width=’16’ height=’9′]

A Hospital on the Patient Bed

Plastic Surgery on a Hospital + Animated cut-out of a Hotel being Revitalized

When working with Franta Group, one of my responsibilities was to create visualization and animation of a Hotel.

The basis for the project was an already existing but run-down object which, according to the initial projects, was supposed to be super-structured revitalized and its function was to be changed. Similar situation was in the case of the Hospital. I was asked to perform a kind of a plastic surgery on the buildings of the Hospital Complex in Chrzów.

I was therefore put in a position of a doctor and the Hospital was my patient.

uvs-hospital-001

The assignment was to do a photo shoot with the patient and then to perform several beauty treatments which would enable visualizing the objects after rebuilding.

uvs-hospital-002

Some of the buildings required work from the basis, others which were only in the phase of a project had to be created from the beginning. The rest was given a heavy make-up. In all cases I was using similar techniques and procedures. In the first stage, I was doing a photo shoot. At my work I use the Canon 7D. On the basis of architect’s drafts and with the help of the SketchUP program, I created a 3D model of the re-designed objects. The following work was done in Photoshop.

Here are more views of the Hospital…

	<style type='text/css'>
		#gallery-11 {
			margin: auto;
		}
		#gallery-11 .gallery-item {
			float: left;
			margin-top: 10px;
			text-align: center;
			width: 25%;
		}
		#gallery-11 img {
			border: 2px solid #cfcfcf;
		}
		#gallery-11 .gallery-caption {
			margin-left: 0;
		}
		/* see gallery_shortcode() in wp-includes/media.php */
	</style>
	<div id='gallery-11' class='gallery galleryid-19198 gallery-columns-4 gallery-size-new_gallery'><dl class='gallery-item'>
		<dt class='gallery-icon landscape'>
			<a href='https://www.ronenbekerman.com/unique-approach-to-architectural-visualization/uvs-hospital-003/'><img width="200" height="120" src="https://www.ronenbekerman.com/wp-content/uploads/2013/04/uvs-hospital-003.jpg" class="attachment-new_gallery size-new_gallery" alt="" srcset="https://www.ronenbekerman.com/wp-content/uploads/2013/04/uvs-hospital-003.jpg 1600w, https://www.ronenbekerman.com/wp-content/uploads/2013/04/uvs-hospital-003-300x180.jpg 300w, https://www.ronenbekerman.com/wp-content/uploads/2013/04/uvs-hospital-003-728x436.jpg 728w" sizes="(max-width: 200px) 100vw, 200px" /></a>
		</dt></dl><dl class='gallery-item'>
		<dt class='gallery-icon landscape'>
			<a href='https://www.ronenbekerman.com/unique-approach-to-architectural-visualization/uvs-hospital-004/'><img width="200" height="123" src="https://www.ronenbekerman.com/wp-content/uploads/2013/04/uvs-hospital-004.jpg" class="attachment-new_gallery size-new_gallery" alt="" srcset="https://www.ronenbekerman.com/wp-content/uploads/2013/04/uvs-hospital-004.jpg 1600w, https://www.ronenbekerman.com/wp-content/uploads/2013/04/uvs-hospital-004-300x183.jpg 300w, https://www.ronenbekerman.com/wp-content/uploads/2013/04/uvs-hospital-004-728x445.jpg 728w" sizes="(max-width: 200px) 100vw, 200px" /></a>
		</dt></dl><dl class='gallery-item'>
		<dt class='gallery-icon landscape'>
			<a href='https://www.ronenbekerman.com/unique-approach-to-architectural-visualization/uvs-hospital-005/'><img width="200" height="133" src="https://www.ronenbekerman.com/wp-content/uploads/2013/04/uvs-hospital-005.jpg" class="attachment-new_gallery size-new_gallery" alt="" srcset="https://www.ronenbekerman.com/wp-content/uploads/2013/04/uvs-hospital-005.jpg 1600w, https://www.ronenbekerman.com/wp-content/uploads/2013/04/uvs-hospital-005-300x199.jpg 300w, https://www.ronenbekerman.com/wp-content/uploads/2013/04/uvs-hospital-005-728x485.jpg 728w" sizes="(max-width: 200px) 100vw, 200px" /></a>
		</dt></dl><dl class='gallery-item'>
		<dt class='gallery-icon landscape'>
			<a href='https://www.ronenbekerman.com/unique-approach-to-architectural-visualization/uvs-hospital-006/'><img width="200" height="135" src="https://www.ronenbekerman.com/wp-content/uploads/2013/04/uvs-hospital-006.jpg" class="attachment-new_gallery size-new_gallery" alt="" srcset="https://www.ronenbekerman.com/wp-content/uploads/2013/04/uvs-hospital-006.jpg 1600w, https://www.ronenbekerman.com/wp-content/uploads/2013/04/uvs-hospital-006-300x202.jpg 300w, https://www.ronenbekerman.com/wp-content/uploads/2013/04/uvs-hospital-006-728x491.jpg 728w" sizes="(max-width: 200px) 100vw, 200px" /></a>
		</dt></dl><br style="clear: both" /><dl class='gallery-item'>
		<dt class='gallery-icon landscape'>
			<a href='https://www.ronenbekerman.com/unique-approach-to-architectural-visualization/uvs-hospital-007/'><img width="200" height="121" src="https://www.ronenbekerman.com/wp-content/uploads/2013/04/uvs-hospital-007.jpg" class="attachment-new_gallery size-new_gallery" alt="" srcset="https://www.ronenbekerman.com/wp-content/uploads/2013/04/uvs-hospital-007.jpg 1600w, https://www.ronenbekerman.com/wp-content/uploads/2013/04/uvs-hospital-007-300x181.jpg 300w, https://www.ronenbekerman.com/wp-content/uploads/2013/04/uvs-hospital-007-728x441.jpg 728w" sizes="(max-width: 200px) 100vw, 200px" /></a>
		</dt></dl><dl class='gallery-item'>
		<dt class='gallery-icon landscape'>
			<a href='https://www.ronenbekerman.com/unique-approach-to-architectural-visualization/uvs-hospital-008/'><img width="200" height="135" src="https://www.ronenbekerman.com/wp-content/uploads/2013/04/uvs-hospital-008.jpg" class="attachment-new_gallery size-new_gallery" alt="" srcset="https://www.ronenbekerman.com/wp-content/uploads/2013/04/uvs-hospital-008.jpg 1600w, https://www.ronenbekerman.com/wp-content/uploads/2013/04/uvs-hospital-008-300x202.jpg 300w, https://www.ronenbekerman.com/wp-content/uploads/2013/04/uvs-hospital-008-728x490.jpg 728w" sizes="(max-width: 200px) 100vw, 200px" /></a>
		</dt></dl><dl class='gallery-item'>
		<dt class='gallery-icon landscape'>
			<a href='https://www.ronenbekerman.com/unique-approach-to-architectural-visualization/uvs-hospital-009/'><img width="200" height="135" src="https://www.ronenbekerman.com/wp-content/uploads/2013/04/uvs-hospital-009.jpg" class="attachment-new_gallery size-new_gallery" alt="" srcset="https://www.ronenbekerman.com/wp-content/uploads/2013/04/uvs-hospital-009.jpg 1600w, https://www.ronenbekerman.com/wp-content/uploads/2013/04/uvs-hospital-009-300x202.jpg 300w, https://www.ronenbekerman.com/wp-content/uploads/2013/04/uvs-hospital-009-728x490.jpg 728w" sizes="(max-width: 200px) 100vw, 200px" /></a>
		</dt></dl><dl class='gallery-item'>
		<dt class='gallery-icon landscape'>
			<a href='https://www.ronenbekerman.com/unique-approach-to-architectural-visualization/uvs-hospital-011/'><img width="200" height="135" src="https://www.ronenbekerman.com/wp-content/uploads/2013/04/uvs-hospital-011.jpg" class="attachment-new_gallery size-new_gallery" alt="" srcset="https://www.ronenbekerman.com/wp-content/uploads/2013/04/uvs-hospital-011.jpg 1600w, https://www.ronenbekerman.com/wp-content/uploads/2013/04/uvs-hospital-011-300x202.jpg 300w, https://www.ronenbekerman.com/wp-content/uploads/2013/04/uvs-hospital-011-728x490.jpg 728w" sizes="(max-width: 200px) 100vw, 200px" /></a>
		</dt></dl><br style="clear: both" />
	</div>

When working on a the short animation of the Hotel, I decided to give it a shape of a cut-out and a painted picture.

This was the photo I started with…

Podk?ad Do Wizualizacji

And the final result ended up like this (day + night frames)…

Wizualizacja Finalna 1

Wizualizacja Finalna 2

For the animation making I used a stop-motion technique. Individual frames were prepared in Photoshop and the final montage was done in Adobe After Effect. Such elements like hands, brushes or a cropping person were done in a very simple way… It was enough to quickly take some photos of my own hands.

Here are the frames I used in the process…

	<style type='text/css'>
		#gallery-12 {
			margin: auto;
		}
		#gallery-12 .gallery-item {
			float: left;
			margin-top: 10px;
			text-align: center;
			width: 25%;
		}
		#gallery-12 img {
			border: 2px solid #cfcfcf;
		}
		#gallery-12 .gallery-caption {
			margin-left: 0;
		}
		/* see gallery_shortcode() in wp-includes/media.php */
	</style>
	<div id='gallery-12' class='gallery galleryid-19198 gallery-columns-4 gallery-size-new_gallery'><dl class='gallery-item'>
		<dt class='gallery-icon landscape'>
			<a href='https://www.ronenbekerman.com/unique-approach-to-architectural-visualization/attachment/02/'><img width="200" height="103" src="https://www.ronenbekerman.com/wp-content/uploads/2013/04/02.jpg" class="attachment-new_gallery size-new_gallery" alt="" srcset="https://www.ronenbekerman.com/wp-content/uploads/2013/04/02.jpg 1600w, https://www.ronenbekerman.com/wp-content/uploads/2013/04/02-300x154.jpg 300w, https://www.ronenbekerman.com/wp-content/uploads/2013/04/02-728x374.jpg 728w" sizes="(max-width: 200px) 100vw, 200px" /></a>
		</dt></dl><dl class='gallery-item'>
		<dt class='gallery-icon landscape'>
			<a href='https://www.ronenbekerman.com/unique-approach-to-architectural-visualization/elementy-02/'><img width="200" height="133" src="https://www.ronenbekerman.com/wp-content/uploads/2013/04/elementy-02.jpg" class="attachment-new_gallery size-new_gallery" alt="" srcset="https://www.ronenbekerman.com/wp-content/uploads/2013/04/elementy-02.jpg 1600w, https://www.ronenbekerman.com/wp-content/uploads/2013/04/elementy-02-300x199.jpg 300w, https://www.ronenbekerman.com/wp-content/uploads/2013/04/elementy-02-728x485.jpg 728w" sizes="(max-width: 200px) 100vw, 200px" /></a>
		</dt></dl><dl class='gallery-item'>
		<dt class='gallery-icon landscape'>
			<a href='https://www.ronenbekerman.com/unique-approach-to-architectural-visualization/attachment/04/'><img width="200" height="103" src="https://www.ronenbekerman.com/wp-content/uploads/2013/04/04.jpg" class="attachment-new_gallery size-new_gallery" alt="" srcset="https://www.ronenbekerman.com/wp-content/uploads/2013/04/04.jpg 1600w, https://www.ronenbekerman.com/wp-content/uploads/2013/04/04-300x154.jpg 300w, https://www.ronenbekerman.com/wp-content/uploads/2013/04/04-728x374.jpg 728w" sizes="(max-width: 200px) 100vw, 200px" /></a>
		</dt></dl><dl class='gallery-item'>
		<dt class='gallery-icon landscape'>
			<a href='https://www.ronenbekerman.com/unique-approach-to-architectural-visualization/elementy-01/'><img width="200" height="133" src="https://www.ronenbekerman.com/wp-content/uploads/2013/04/elementy-01.jpg" class="attachment-new_gallery size-new_gallery" alt="" srcset="https://www.ronenbekerman.com/wp-content/uploads/2013/04/elementy-01.jpg 1600w, https://www.ronenbekerman.com/wp-content/uploads/2013/04/elementy-01-300x199.jpg 300w, https://www.ronenbekerman.com/wp-content/uploads/2013/04/elementy-01-728x485.jpg 728w" sizes="(max-width: 200px) 100vw, 200px" /></a>
		</dt></dl><br style="clear: both" /><dl class='gallery-item'>
		<dt class='gallery-icon landscape'>
			<a href='https://www.ronenbekerman.com/unique-approach-to-architectural-visualization/attachment/06/'><img width="200" height="103" src="https://www.ronenbekerman.com/wp-content/uploads/2013/04/06.jpg" class="attachment-new_gallery size-new_gallery" alt="" srcset="https://www.ronenbekerman.com/wp-content/uploads/2013/04/06.jpg 1600w, https://www.ronenbekerman.com/wp-content/uploads/2013/04/06-300x154.jpg 300w, https://www.ronenbekerman.com/wp-content/uploads/2013/04/06-728x374.jpg 728w" sizes="(max-width: 200px) 100vw, 200px" /></a>
		</dt></dl><dl class='gallery-item'>
		<dt class='gallery-icon landscape'>
			<a href='https://www.ronenbekerman.com/unique-approach-to-architectural-visualization/attachment/08/'><img width="200" height="103" src="https://www.ronenbekerman.com/wp-content/uploads/2013/04/08.jpg" class="attachment-new_gallery size-new_gallery" alt="" srcset="https://www.ronenbekerman.com/wp-content/uploads/2013/04/08.jpg 1600w, https://www.ronenbekerman.com/wp-content/uploads/2013/04/08-300x154.jpg 300w, https://www.ronenbekerman.com/wp-content/uploads/2013/04/08-728x374.jpg 728w" sizes="(max-width: 200px) 100vw, 200px" /></a>
		</dt></dl><dl class='gallery-item'>
		<dt class='gallery-icon landscape'>
			<a href='https://www.ronenbekerman.com/unique-approach-to-architectural-visualization/elementy-04/'><img width="200" height="122" src="https://www.ronenbekerman.com/wp-content/uploads/2013/04/elementy-04.jpg" class="attachment-new_gallery size-new_gallery" alt="" srcset="https://www.ronenbekerman.com/wp-content/uploads/2013/04/elementy-04.jpg 1600w, https://www.ronenbekerman.com/wp-content/uploads/2013/04/elementy-04-300x182.jpg 300w, https://www.ronenbekerman.com/wp-content/uploads/2013/04/elementy-04-728x442.jpg 728w" sizes="(max-width: 200px) 100vw, 200px" /></a>
		</dt></dl><dl class='gallery-item'>
		<dt class='gallery-icon landscape'>
			<a href='https://www.ronenbekerman.com/unique-approach-to-architectural-visualization/elementy-03/'><img width="200" height="133" src="https://www.ronenbekerman.com/wp-content/uploads/2013/04/elementy-03.jpg" class="attachment-new_gallery size-new_gallery" alt="" srcset="https://www.ronenbekerman.com/wp-content/uploads/2013/04/elementy-03.jpg 1600w, https://www.ronenbekerman.com/wp-content/uploads/2013/04/elementy-03-300x199.jpg 300w, https://www.ronenbekerman.com/wp-content/uploads/2013/04/elementy-03-728x485.jpg 728w" sizes="(max-width: 200px) 100vw, 200px" /></a>
		</dt></dl><br style="clear: both" />
	</div>

Here are the animations of the Hotel & Hospital…

[av_video src=’https://vimeo.com/34666890′ format=’16-9′ width=’16’ height=’9′] [av_video src=’https://vimeo.com/38365569′ format=’16-9′ width=’16’ height=’9′]

Nowa Huta

Precise Visualization without a 3D Model

The task here was to create visualizations for the Krakow architects’ projects which would later take part in an international competition for the best concept of re-vitalization of Nowa Huta. Illustrations had to present a vast public area, Aleja Ró?, and its surroundings. Therefore, I decided to take one widescreen picture.

Nowa Huta 00 Materia? Wyj?ciowy

As a basis, I used several pictures of its current condition and a very basic 3D model which could outline the height and geometry of objects. This simplistic model was necessary for precision and proper perspective. I excluded the possibility of creating a precise model of the designed area as it included numerous details, very little architecture, and greens. Work on the model would have been time consuming and exhausting so I decided to do it in Photoshop environment.

these are the stages of the process…

	<style type='text/css'>
		#gallery-13 {
			margin: auto;
		}
		#gallery-13 .gallery-item {
			float: left;
			margin-top: 10px;
			text-align: center;
			width: 25%;
		}
		#gallery-13 img {
			border: 2px solid #cfcfcf;
		}
		#gallery-13 .gallery-caption {
			margin-left: 0;
		}
		/* see gallery_shortcode() in wp-includes/media.php */
	</style>
	<div id='gallery-13' class='gallery galleryid-19198 gallery-columns-4 gallery-size-new_gallery'><dl class='gallery-item'>
		<dt class='gallery-icon landscape'>
			<a href='https://www.ronenbekerman.com/unique-approach-to-architectural-visualization/nowa-huta-01/'><img width="200" height="48" src="https://www.ronenbekerman.com/wp-content/uploads/2013/04/Nowa-Huta-01.jpg" class="attachment-new_gallery size-new_gallery" alt="" srcset="https://www.ronenbekerman.com/wp-content/uploads/2013/04/Nowa-Huta-01.jpg 1600w, https://www.ronenbekerman.com/wp-content/uploads/2013/04/Nowa-Huta-01-300x71.jpg 300w, https://www.ronenbekerman.com/wp-content/uploads/2013/04/Nowa-Huta-01-728x174.jpg 728w" sizes="(max-width: 200px) 100vw, 200px" /></a>
		</dt></dl><dl class='gallery-item'>
		<dt class='gallery-icon landscape'>
			<a href='https://www.ronenbekerman.com/unique-approach-to-architectural-visualization/nowa-huta-02/'><img width="200" height="48" src="https://www.ronenbekerman.com/wp-content/uploads/2013/04/Nowa-Huta-02.jpg" class="attachment-new_gallery size-new_gallery" alt="" srcset="https://www.ronenbekerman.com/wp-content/uploads/2013/04/Nowa-Huta-02.jpg 1600w, https://www.ronenbekerman.com/wp-content/uploads/2013/04/Nowa-Huta-02-300x71.jpg 300w, https://www.ronenbekerman.com/wp-content/uploads/2013/04/Nowa-Huta-02-728x174.jpg 728w" sizes="(max-width: 200px) 100vw, 200px" /></a>
		</dt></dl><dl class='gallery-item'>
		<dt class='gallery-icon landscape'>
			<a href='https://www.ronenbekerman.com/unique-approach-to-architectural-visualization/nowa-huta-03/'><img width="200" height="48" src="https://www.ronenbekerman.com/wp-content/uploads/2013/04/Nowa-Huta-03.jpg" class="attachment-new_gallery size-new_gallery" alt="" srcset="https://www.ronenbekerman.com/wp-content/uploads/2013/04/Nowa-Huta-03.jpg 1600w, https://www.ronenbekerman.com/wp-content/uploads/2013/04/Nowa-Huta-03-300x71.jpg 300w, https://www.ronenbekerman.com/wp-content/uploads/2013/04/Nowa-Huta-03-728x174.jpg 728w" sizes="(max-width: 200px) 100vw, 200px" /></a>
		</dt></dl><dl class='gallery-item'>
		<dt class='gallery-icon landscape'>
			<a href='https://www.ronenbekerman.com/unique-approach-to-architectural-visualization/nowa-huta-04/'><img width="200" height="48" src="https://www.ronenbekerman.com/wp-content/uploads/2013/04/Nowa-Huta-04.jpg" class="attachment-new_gallery size-new_gallery" alt="" srcset="https://www.ronenbekerman.com/wp-content/uploads/2013/04/Nowa-Huta-04.jpg 1600w, https://www.ronenbekerman.com/wp-content/uploads/2013/04/Nowa-Huta-04-300x71.jpg 300w, https://www.ronenbekerman.com/wp-content/uploads/2013/04/Nowa-Huta-04-728x174.jpg 728w" sizes="(max-width: 200px) 100vw, 200px" /></a>
		</dt></dl><br style="clear: both" /><dl class='gallery-item'>
		<dt class='gallery-icon landscape'>
			<a href='https://www.ronenbekerman.com/unique-approach-to-architectural-visualization/nowa-huta-05/'><img width="200" height="48" src="https://www.ronenbekerman.com/wp-content/uploads/2013/04/Nowa-Huta-05.jpg" class="attachment-new_gallery size-new_gallery" alt="" srcset="https://www.ronenbekerman.com/wp-content/uploads/2013/04/Nowa-Huta-05.jpg 1600w, https://www.ronenbekerman.com/wp-content/uploads/2013/04/Nowa-Huta-05-300x71.jpg 300w, https://www.ronenbekerman.com/wp-content/uploads/2013/04/Nowa-Huta-05-728x174.jpg 728w" sizes="(max-width: 200px) 100vw, 200px" /></a>
		</dt></dl><dl class='gallery-item'>
		<dt class='gallery-icon landscape'>
			<a href='https://www.ronenbekerman.com/unique-approach-to-architectural-visualization/nowa-huta-06/'><img width="200" height="48" src="https://www.ronenbekerman.com/wp-content/uploads/2013/04/Nowa-Huta-06.jpg" class="attachment-new_gallery size-new_gallery" alt="" srcset="https://www.ronenbekerman.com/wp-content/uploads/2013/04/Nowa-Huta-06.jpg 1600w, https://www.ronenbekerman.com/wp-content/uploads/2013/04/Nowa-Huta-06-300x71.jpg 300w, https://www.ronenbekerman.com/wp-content/uploads/2013/04/Nowa-Huta-06-728x174.jpg 728w" sizes="(max-width: 200px) 100vw, 200px" /></a>
		</dt></dl><dl class='gallery-item'>
		<dt class='gallery-icon landscape'>
			<a href='https://www.ronenbekerman.com/unique-approach-to-architectural-visualization/nowa-huta-07/'><img width="200" height="48" src="https://www.ronenbekerman.com/wp-content/uploads/2013/04/Nowa-Huta-07.jpg" class="attachment-new_gallery size-new_gallery" alt="" srcset="https://www.ronenbekerman.com/wp-content/uploads/2013/04/Nowa-Huta-07.jpg 1600w, https://www.ronenbekerman.com/wp-content/uploads/2013/04/Nowa-Huta-07-300x71.jpg 300w, https://www.ronenbekerman.com/wp-content/uploads/2013/04/Nowa-Huta-07-728x174.jpg 728w" sizes="(max-width: 200px) 100vw, 200px" /></a>
		</dt></dl><dl class='gallery-item'>
		<dt class='gallery-icon landscape'>
			<a href='https://www.ronenbekerman.com/unique-approach-to-architectural-visualization/nowa-huta-08-wizualizacja-finalna/'><img width="200" height="48" src="https://www.ronenbekerman.com/wp-content/uploads/2013/04/Nowa-Huta-08-Wizualizacja-Finalna.jpg" class="attachment-new_gallery size-new_gallery" alt="" srcset="https://www.ronenbekerman.com/wp-content/uploads/2013/04/Nowa-Huta-08-Wizualizacja-Finalna.jpg 1600w, https://www.ronenbekerman.com/wp-content/uploads/2013/04/Nowa-Huta-08-Wizualizacja-Finalna-300x71.jpg 300w, https://www.ronenbekerman.com/wp-content/uploads/2013/04/Nowa-Huta-08-Wizualizacja-Finalna-728x174.jpg 728w" sizes="(max-width: 200px) 100vw, 200px" /></a>
		</dt></dl><br style="clear: both" />
	</div>

At my work I use a Wacom tablet so very often the process of creating visualizations looks like painting.

Harbor

From Architectural model to Visualization

What if I want to make an effective visual presentation of a project but modelling and working with 3D software makes me sick? I would still like to have nice (GREAT) visualizations, but I completely lack the patience to prepare, arrange and wait for the render. What then?

It turns out that an architectural model, a simple, linear 3D model built in just few minutes or even a quick sketch can make the basis for the project.

In this way I created visualizations to the projects on which I was working few years ago – The Harbor.

Physical model low

The starting point was the photo of an architectural scale model. Selected from a set of such photos taken of the scale model…

	<style type='text/css'>
		#gallery-14 {
			margin: auto;
		}
		#gallery-14 .gallery-item {
			float: left;
			margin-top: 10px;
			text-align: center;
			width: 33%;
		}
		#gallery-14 img {
			border: 2px solid #cfcfcf;
		}
		#gallery-14 .gallery-caption {
			margin-left: 0;
		}
		/* see gallery_shortcode() in wp-includes/media.php */
	</style>
	<div id='gallery-14' class='gallery galleryid-19198 gallery-columns-3 gallery-size-new_gallery'><dl class='gallery-item'>
		<dt class='gallery-icon landscape'>
			<a href='https://www.ronenbekerman.com/unique-approach-to-architectural-visualization/uvs-harbor-034/'><img width="200" height="113" src="https://www.ronenbekerman.com/wp-content/uploads/2013/04/uvs-harbor-034.jpg" class="attachment-new_gallery size-new_gallery" alt="" srcset="https://www.ronenbekerman.com/wp-content/uploads/2013/04/uvs-harbor-034.jpg 2272w, https://www.ronenbekerman.com/wp-content/uploads/2013/04/uvs-harbor-034-300x169.jpg 300w, https://www.ronenbekerman.com/wp-content/uploads/2013/04/uvs-harbor-034-728x410.jpg 728w" sizes="(max-width: 200px) 100vw, 200px" /></a>
		</dt></dl><dl class='gallery-item'>
		<dt class='gallery-icon landscape'>
			<a href='https://www.ronenbekerman.com/unique-approach-to-architectural-visualization/uvs-harbor-013/'><img width="200" height="113" src="https://www.ronenbekerman.com/wp-content/uploads/2013/04/uvs-harbor-013.jpg" class="attachment-new_gallery size-new_gallery" alt="" srcset="https://www.ronenbekerman.com/wp-content/uploads/2013/04/uvs-harbor-013.jpg 2272w, https://www.ronenbekerman.com/wp-content/uploads/2013/04/uvs-harbor-013-300x169.jpg 300w, https://www.ronenbekerman.com/wp-content/uploads/2013/04/uvs-harbor-013-728x410.jpg 728w" sizes="(max-width: 200px) 100vw, 200px" /></a>
		</dt></dl><dl class='gallery-item'>
		<dt class='gallery-icon landscape'>
			<a href='https://www.ronenbekerman.com/unique-approach-to-architectural-visualization/uvs-harbor-019/'><img width="200" height="113" src="https://www.ronenbekerman.com/wp-content/uploads/2013/04/uvs-harbor-019.jpg" class="attachment-new_gallery size-new_gallery" alt="" srcset="https://www.ronenbekerman.com/wp-content/uploads/2013/04/uvs-harbor-019.jpg 2272w, https://www.ronenbekerman.com/wp-content/uploads/2013/04/uvs-harbor-019-300x169.jpg 300w, https://www.ronenbekerman.com/wp-content/uploads/2013/04/uvs-harbor-019-728x410.jpg 728w" sizes="(max-width: 200px) 100vw, 200px" /></a>
		</dt></dl><br style="clear: both" /><dl class='gallery-item'>
		<dt class='gallery-icon landscape'>
			<a href='https://www.ronenbekerman.com/unique-approach-to-architectural-visualization/uvs-harbor-024/'><img width="200" height="113" src="https://www.ronenbekerman.com/wp-content/uploads/2013/04/uvs-harbor-024.jpg" class="attachment-new_gallery size-new_gallery" alt="" srcset="https://www.ronenbekerman.com/wp-content/uploads/2013/04/uvs-harbor-024.jpg 2272w, https://www.ronenbekerman.com/wp-content/uploads/2013/04/uvs-harbor-024-300x169.jpg 300w, https://www.ronenbekerman.com/wp-content/uploads/2013/04/uvs-harbor-024-728x410.jpg 728w" sizes="(max-width: 200px) 100vw, 200px" /></a>
		</dt></dl>
		<br style='clear: both' />
	</div>

When designing, I am in favor of combining various techniques which can work in an harmonious way. Everything has its beginning in the head, somewhere among various thoughts and ideas, with continuity in sketching, simple architectural model, working 3D model, technical 2D drawings. Such correlation enables fluent and highly conscious development of the concepts, and helps maintaining control over the space, function and aesthetics at the same time.

These are the two final paintings I made of this original photo…

uvs-harbor-vis-2-low

uvs-harbor-vis-1-low

The illustrating process is presented in the video below.

[av_video src=’https://vimeo.com/10354112′ format=’16-9′ width=’16’ height=’9′]

Here’s another more recent use of the scale model in a more extensive way…

[av_video src=’https://vimeo.com/54371912′ format=’16-9′ width=’16’ height=’9′]

Starting with Lines

SketchUP Linework Painted as Final Visual

When working on the visualizations of my independent project of the Aviation Museum I used simple, linear pictures exported from the SketchUP. The whole painting post-production was done inside Photoshop.

SketchUP exported line-work…

001

Wacom + Me / Painted result…

002

Harmony of Creation, the visualizations I did for Jems Architekci of the LKS Stadium and Sport Complex also started with linear renders exported from SketchUP.

Stadion 001

I’ve added to that power of V-Ray rendering to get the basic clay render and shading frame…

Stadion 002

Add to that massive post-production done inside Photoshop, painted with the help of my Wacom Tablet mostly (several stages of this shown below).

	<style type='text/css'>
		#gallery-15 {
			margin: auto;
		}
		#gallery-15 .gallery-item {
			float: left;
			margin-top: 10px;
			text-align: center;
			width: 25%;
		}
		#gallery-15 img {
			border: 2px solid #cfcfcf;
		}
		#gallery-15 .gallery-caption {
			margin-left: 0;
		}
		/* see gallery_shortcode() in wp-includes/media.php */
	</style>
	<div id='gallery-15' class='gallery galleryid-19198 gallery-columns-4 gallery-size-new_gallery'><dl class='gallery-item'>
		<dt class='gallery-icon landscape'>
			<a href='https://www.ronenbekerman.com/unique-approach-to-architectural-visualization/stadion-003/'><img width="200" height="100" src="https://www.ronenbekerman.com/wp-content/uploads/2013/04/Stadion-003.jpg" class="attachment-new_gallery size-new_gallery" alt="" srcset="https://www.ronenbekerman.com/wp-content/uploads/2013/04/Stadion-003.jpg 2000w, https://www.ronenbekerman.com/wp-content/uploads/2013/04/Stadion-003-300x150.jpg 300w, https://www.ronenbekerman.com/wp-content/uploads/2013/04/Stadion-003-728x364.jpg 728w" sizes="(max-width: 200px) 100vw, 200px" /></a>
		</dt></dl><dl class='gallery-item'>
		<dt class='gallery-icon landscape'>
			<a href='https://www.ronenbekerman.com/unique-approach-to-architectural-visualization/stadion-004/'><img width="200" height="100" src="https://www.ronenbekerman.com/wp-content/uploads/2013/04/Stadion-004.jpg" class="attachment-new_gallery size-new_gallery" alt="" srcset="https://www.ronenbekerman.com/wp-content/uploads/2013/04/Stadion-004.jpg 2000w, https://www.ronenbekerman.com/wp-content/uploads/2013/04/Stadion-004-300x150.jpg 300w, https://www.ronenbekerman.com/wp-content/uploads/2013/04/Stadion-004-728x364.jpg 728w" sizes="(max-width: 200px) 100vw, 200px" /></a>
		</dt></dl><dl class='gallery-item'>
		<dt class='gallery-icon landscape'>
			<a href='https://www.ronenbekerman.com/unique-approach-to-architectural-visualization/stadion-008/'><img width="200" height="100" src="https://www.ronenbekerman.com/wp-content/uploads/2013/04/Stadion-008.jpg" class="attachment-new_gallery size-new_gallery" alt="" srcset="https://www.ronenbekerman.com/wp-content/uploads/2013/04/Stadion-008.jpg 2000w, https://www.ronenbekerman.com/wp-content/uploads/2013/04/Stadion-008-300x150.jpg 300w, https://www.ronenbekerman.com/wp-content/uploads/2013/04/Stadion-008-728x364.jpg 728w" sizes="(max-width: 200px) 100vw, 200px" /></a>
		</dt></dl><dl class='gallery-item'>
		<dt class='gallery-icon landscape'>
			<a href='https://www.ronenbekerman.com/unique-approach-to-architectural-visualization/stadion-009/'><img width="200" height="100" src="https://www.ronenbekerman.com/wp-content/uploads/2013/04/Stadion-009.jpg" class="attachment-new_gallery size-new_gallery" alt="" srcset="https://www.ronenbekerman.com/wp-content/uploads/2013/04/Stadion-009.jpg 2000w, https://www.ronenbekerman.com/wp-content/uploads/2013/04/Stadion-009-300x150.jpg 300w, https://www.ronenbekerman.com/wp-content/uploads/2013/04/Stadion-009-728x364.jpg 728w" sizes="(max-width: 200px) 100vw, 200px" /></a>
		</dt></dl><br style="clear: both" />
	</div>

And you get the final look!

1

2

Here’s the animation I created in AE out of all the layers made in Photoshop.

Thanks for following!

Rafal.