photoshop tutorial

Overcoming Challenges to Create a Clean, Descriptive Image of a Tight Space

Every composition when shooting workplace interiors comes with a unique set of challenges. Reflections, varying color levels and temperatures, malfunctioning building systems and more are often things we have to overcome in order to convey the overall design intent and vision. In the image below, we were tasked with showing a fairly complex space located at the end of an office space that contains a variety of spaces - two phone rooms, an open breakout space, work stations, offices and an adjacent conference room - WHEW. To make things even more tricky, lighting levels between the spaces were very inconsistent, particularly the central breakout space which was only lit with one large pendant, making it appear quite dark in an image with available light compared to the corridor and adjacent rooms. And on top of everything, I wanted to capture all of these spaces in one image in order to show their connectivity, so opted to do a vertical stitch using my 24mm tilt shift lens to help illustrate the open ceiling of the corridor.

When approaching a shot like this that joins multiple spaces which all could benefit from supplemental lighting, my instinct is generally to treat them individually, with an overall plan to combine them strategically in post. To begin with this strategy, I first run through a round over ambient frames in order to capture things as they are. From here we begin shooting each individual space with supplemental lighting at a fast enough shutter speed to regulate any ambient light that we could not control. Once this has all been captured, all that’s left to do is to jump into the computer to piece it all together, which is where the video below picks up.

As with most of my interiors shots created in this way, I first run through some quick RAW processing in Capture One to get each frame that will be used dialed in at the levels and white balance that I want including one frame specifically for the ceiling information which I spend a little more time on ensuring that the white ceiling doesn’t have any color contamination. From here I move into Photoshop, run a script I’ve got to auto merge and align the images, and can begin the exposure blending, color corrections and retouching. Since beginning to share these processing videos, I am frequently asked about the time it takes to do this work in post and the value of it. This image took 50 minutes from start to finish in the computer. As for the value, all I can say is that with time, I feel that I have become very efficient in the way I go about both my post-processing and shooting on site and think that with some practice, these things can take far less time than they may first appear. Workplace interiors and similar spaces are inherently challenging ones to photograph, but the reward of providing clients with images that convey their designs as cleanly and straight forward as possible is invaluable.

How to Create Differing Views of a Multi-function Space as Efficiently as Possible

A common practice in architecture and interior design is for design teams to create spaces that can serve various functions depending on the occupants needs. As photographers of these spaces, we are often asked to show this flexibility images that illustrate multiple arrangements within. In years past, I would go about this by creating these images one after another from scratch, resulting in the capturing, lighting and assembling them each as singular images. With some practice I was able to develop a technique that allows the creation of these views as efficiently as possible by treating the first overall image as the base, and replacing only the altered portion of the scene as needed. Though this likely seems logical upon reading, I’ve found that it helps to hear someone talk through their thinking and process before it clicks in my head and changes the way that I organize myself during a shoot and in post-production to have as efficient a workflow as possible.

In the example shown, we are standing in the lobby of an Austin Law Office designed by Perkins + Will and are looking down a corridor separating a large board room on the right hand side and a series of meeting spaces on the left. These spaces on the left are designed with moveable partitions separating each of them to allow the occupants to expand or contract their capacity as needed. To begin, we kept the partitions closed and simulated a meeting in the visible meeting room, showing it as it would most often be used. Once we completed the photography of this overall scene, we then decided to show an alternate version with a person setting up the space to be a larger meeting area, while also showing them moving the partitions to illustrate the technology used in their design (this has an added benefit of not having to completely rearrange the space to accommodate a larger group). Once we established this alternate scenario, all we had to do was focus on that particular part of the image while shooting, knowing that we would be able to insert it quickly and efficiently in our post-production workflow. In this case, we chose to keep the model on the right as is for both images, with the thinking that the images won’t be shown side by side on a website or in print, but most likely just in presentations to clients to illustrate the moveable partitions creating a flexible space.

I have found this method useful in a variety of scenarios, including shooting a space with a closed and opened door giving a view into the function beyond, flexible furniture solutions (i.e. sit/stand desks), variations on people using a space, exterior views with moveable walls allowing for an indoor/outdoor connection, etc.

P+W_Shearman and Sterling_003_3.jpg
P+W_Shearman and Sterling_003_v4.jpg

Utilizing Capture One's Powerful Color Tools to Achieve Accurate Colors of a Space

To the casual reader of this blog (if that exists), you may question why color corrections take up so much of the information discussed when describing the process of creating an accurate and pleasing architectural image. For those of us in the industry, producing accurate colors to represent a space as honestly and straight forward as possible is one of the most challenging parts of the job. In many of my past posts discussing this process, I often employ a mixture of artificial lighting (flash) and saturation control in Photoshop. With larger spaces, we are often at the mercy of the lighting conditions of the spaces we are shooting and very frequently, the mixed lighting conditions in the built environment don’t initially translate well to digital images. The reason for this is that every light source has a varying temperature and when mixed, surfaces take on these temperatures often creating mixed results that are distracting and unpleasing to the eye. Generally this is not something that our eyes register when we are experiencing a place in person, but when capture in a still image, this can often make or break the feeling we get from them. In addition to these varying light sources, another major consideration of how light interacts within a space is the sorts of treatments of color within and how light may bounce off of that to affect the surrounding area.

All of these factors are at play in the example below, an image recently created with Perkins + Will in Dallas of their ParkerFit project at Parker University. ParkerFit is a large fitness facility in a revamped warehouse designed to have bold infographics wrapping around its perimeter to encourage movement and activate the space. On one wall, there is a floor to ceiling graphic with the facilities name embedded within, and on others, catch phrases and motivational texts stream across. Lighting wise, the space is lit both by an array of skylights, operable overhead doors and large, warm light fixtures to create a bright, comfortable environment to workout in. For a photographer, it is this combination of factors along with the dark interior finishes that create a particular challenge. From above and at points within the perimeter where the overhead doors exist, we have natural light that streams in with a blue light from the reflected sky. The lighting within is comprised of very warm practical lighting which produce a light several thousand kelvin off from the natural lighting. And to top everything off, the yellow and orange supergraphics are reflected on to all surfaces, creating a very challenging color palette with which to create a clean image that accurately describes the space and materials within.

To process this set of images in order to achieve the look I desired, I relied heavily on Capture One’s very powerful Color Editor tools while working through the RAW conversion before sending them into Photoshop for final retouching and color work. With the inclusion of adjustment layers several versions ago, Capture One opened up the opportunity to create very refined results within our RAW editing software that can be achieved very efficiently. In the video below, I share my process as I work through one of our overall hero shots of the space.

Before color corrections

Before color corrections

Final image after color corrections

Final image after color corrections

Refining an Architectural Image Using Subtle But Powerful Color Corrections in Capture One and Photoshop

Although composition may be king, a strong second in separating mediocre architectural and interior images from great ones is often reproducing the colors and tones of the materials and finishes within a space accurately and without contamination. In this latest video, I share my process for toning down competing color temperatures in a large, complex space consisting of large volumes clad in warm, natural materials and varying light sources.

One of the bigger challenges we face when photographing architectural and interior spaces is learning how to balance a variety of light sources with competing temperatures. In smaller spaces, we can often have full control of the light that we allow into our camera, whether by shaping the existing light sources using flags and diffusion, or by layering in our own lighting in order to represent a space as truly as possible. When we start getting into larger spaces, we are often left at the mercy of the existing lighting and can employ a few key techniques to balance out the mixture of lighting conditions. In this example, which is of a beautifully designed space at Texas A&M University designed in tandem by BORA and Perkins + Will. When you enter the building, you are greeted with a very large double height space consisting of large drum like volumes that contain large classrooms. These drums are clad in warm, natural material giving the space a particularly inviting presence that feels very connected to the lush campus the project sits on. Due to some of the level changes present in the space and the compression designed around some of the more intimate functions above and around these volumes, we began to encounter some issues with color casts in parts of the frame as we photographed it. Throughout the processing of this image in particular, I utilize a couple of techniques to balance the colors throughout all spaces to end up with an image that I think represents the feeling of being within the space. The main methods used here are controlling the neutral tones through a combination of saturation control and color layers, the latter of which helps to keep the natural tones of a material by overriding colors cast onto them from light sources such as daylight and incandescent fixtures.

TAMU Innovative Learning Building_014_v1.jpg

Using Flash to Control Reflections When Shooting Through Glass

A few months back, I posted a video and write up describing a handful of techniques that I employ in order to effectively shoot a space that is behind glass without distracting reflections that distract from the design beyond. This video shows a recent example of one of these images from a project we shot with Perkins + Will of an office space in Dallas. This particular space featured a soft seating area in front of a large graphic wall. To add to the difficulty of capturing the space and how it sits within the larger context, the enclosing glazing features a film with a grid pattern which proved challenging when attempting to figure out how best to show the detail of the it, the wall graphic and some models using the room.

By dividing the room into two halves when determining how to light it, we are able to recreate the practical lighting that exists within it, giving a pleasing and natural quality of light. This lighting technique in conjunction with fast shutter speeds allows us to remove the majority of reflections from the camera side of the glass, however we did encounter some harsh reflections in the left hand chair from our strobes bouncing off of the white frames in the left of the frame, leading us to have to flag off those frames using black cloth.

Once lighting was complete, all that was left to do in post was to composite the information together and do some color corrections to end up with the below result.

P+W_Tenet Health_015_v1.jpg

Using Patience and the Pen Tool to Create a Clean Interior Composite

For my latest video, I returned to an earlier screen recording (partly due to some more recent screen recordings being in the wrong format) of an image we created for IA Interior Architects in 2019. This particular example helps to illustrate how Photoshop’s Pen Tool can often be the best way to create a clean transition between the exterior and interior, particularly when it comes to a large workplace interiors with a darker interior core and perimeter of floor to ceiling windows.

Making selections in Photoshop can be an incredibly powerful mechanism for isolating specific areas, whether that be to assist with color corrections, blend exposures, or incorporate models and other portions of individual frames where the lighting might not allow for simply brushing in masks. Though I employ a large variety of methods when creating selections, the one that I’ve come to lean on the most over the past several years is the Pen Tool. The pen tool, though very tedious at first, can provide the most accuracy in a relatively short amount of time once using it is mastered and becomes second nature. One great resource for learning the ins and outs of the tool is a website called The Bézier Game, which walks you through using the pen tool to create increasingly complex shapes. After honing my skills at the tool, it’s now one of my most used and is often something I reach for when beginning to create a selection of any kind.

Anyone who photograph’s spaces, particularly commercial spaces, knows that there are certain ones with the potential for great imagery, but whose challenges jump out at you from the moment you encounter them. This image is a perfect example of that. Upon entering this space which serves as a break area for a workplace, it was immediately clear to me the potential that it had - warm would ceilings with great depth and texture, a variety of great furniture that are rich in color, unique lighting design and interesting geometry. Also very apparent the moment I entered was how each of these elements along with the wall of glazing that enclosed the space on two sides created a very challenging scenario for an image that shows the entirety of the space cleanly and with the lightness that you feel when you’re inside of it.

In order to tackle the variety of challenges within the space, we had to mentally break the space up into sections in order to cleanly light the furniture and finishes to best reduce color cast and reflections from the outer perimeter. A circular polarizer was also used to create ambient frames that cut down on that reflective glare as well, knowing that all of the above frames would be combined strategically in post-production in order to create the final result seen below.

IA_AWS-Houston_007_v2.jpg

Piecing Together a Complex Multi-Layered Interior Space

In workplace design, there are some spaces that are just inherently difficult to capture cleanly no matter how you approach them. That was the case with this space at the Khoros office designed by Austin’s Urban Foundry Architecture, where they created a dynamic work environment with multiple breakout and collaboration spaces mixed in with the workstations themselves. These spaces were given separation through the implementation of screen walls which help visibly and physically divide the functions, but while doing so, make a particular challenge for us photographers. To add to the challenge, this shot in particular was created towards the end of a very full day of interiors, which led to our pushing through the photography as quickly and efficiently as possible. After coming up with a comfortable way of arranging the existing furnishings to our selected composition, we proceeded to capture a variety of flash frames attempting to isolate varying sections of the space in a way that made sense to me when thinking down the line of how I would approach the compositing in post-production. This led to thinking of the space as a foreground, divided into two - left and right, a middle ground, and the remaining background information. The lighting within the space was very challenging, so choosing to light the majority of the two nearer spaces with supplemental lighting was a no brainer, but the nature of the screen walls meant that this would be quite the challenge once back to the computer.

In this video, you will see as I struggle through piecing all of these sections together to create a clear image that describes the spaces and their connections well.

UFARC_Khoros_011_v1.jpg

Balancing the Lighting Behind a Translucent Wall Installation in Post-Production

Some of the spaces that we are tasked with showcasing as architectural photographers are inherently trickier than others. During a recent shoot of a very thoughtfully designed children’s museum in Corpus Christi by Page, one of these spaces was a waiting area outside of the hospitals PICU. The waiting area features a translucent wall with an installation on it which separates the area from an adjoining corridor to allow for some privacy. Walls like this make a major impact on a space, but can be particularly challenging to photograph accurately for a variety of reasons, so we had our work cut out for us. Opposite the corridor from this glass wall is another large window that looks down on a lightwell/atrium connected to the hospital’s main concourse which further complicated any attempt at getting a clean backlit shot of the entire wall in one image. As a result, we wound up taking a series of shots where we backlit the wall in sections in order to clearly see the wall itself free from reflections and color contamination from within the space that we were shooting.

This video shows the entire post-production in Photoshop as I assembled several frames to end up with the final result - a clean, straight forward image of this colorful yet calming space. Throughout the first half of the video, you’ll see as I concentrate on this installation feature specifically, piecing together a final result that shows it evenly lit and without distraction. This was achieved by using a number of techniques from compiling those backlit flash frames mentioned above as well as creating adjustment layers to make local adjustments in areas where there was inconsistent lighting due to the constraints we were dealing with on the opposite side of the glass.

Finally, the image really comes together when we finish it off by incorporating life into the scene using a family seated in the waiting area in the foreground and a doctor at the elevator bank - all of which couldn’t have happened without the thoughtful planning and participation from the design team and end users!

Page_Driscoll Childrens Hospital_014_v1.jpg

Architectural Photography in 2020: Face Masks or No Face Masks?

As many of us find ourselves returning to photographing projects after several months of limited work, the most common consideration of the times when working out the logistics of shooting spaces in these unprecedented times is whether to depict models/people within the spaces wearing masks or not. Even well before we returned to shooting, I was having conversations with several clients discussing what photography would look like when we were able to safely return to it and most specifically, how do we think about the treatment of our new normal of wearing face masks in shared spaces. Early on, many of us felt that it would likely feel reactionary to photograph people wearing masks when creating imagery for a project that will be used long after the pandemic is over. As things have evolved and we continue to see rising numbers and no end in sight for the near future, I have experienced a variety of viewpoints on the subject as we all work through how to best depict projects in the current times.

The answer to this question may be largely dependent on project type. For civic, cultural, education and public spaces, I think that it can make sense to show people as they are (or would be, if spaces are not opened) in the moment, giving the images and honest, journalistic quality. I have heard from designers of these types of projects and their PR teams, that it may be particularly desirable if there are plans for the work to be published in the near term. Workplaces, retail, restaurants and hotels on the other hand may not have an immediate benefit or obvious use for showing people masks and images of those spaces with masked subjects may lose their usefulness over time as we move past the current situation. Many design teams recently have been opting to have us capture a few images in the set featuring people both wearing and not wearing face masks in order to have the option for the immediate use, but also having the ability to use the unmasked photos with more flexibility down the line. This is the case with the image shown in this video that was created recently in collaboration with the design team at Perkins + Will Dallas of an office for a health care company.

This question is just one of several floating around our industry these days as we all adapt to the current situation and return (at varying frequency), to work. Others include what project types are appropriate to photograph. Education projects have been pushed back because as campuses are empty, how do we consider documenting the spaces in an era of architectural photography where it’s common and desirable to show people using a space. Workplaces, office buildings, and other commercial spaces have incorporated significant efforts in signage and restrictions on usable spaces, requiring us to often have to adapt on the fly as we enter a space that may not be quite as expected or that poses significant challenges when trying to photograph them free of clutter that take away from the original design intent. Many firms are reprioritizing their strategies for photography to fit with what makes the most sense to photograph in a time of limited occupancy and sensitivity to the unknown future of certain project types.

What are you experiencing in the sectors that you work in? How do you feel we should be portraying these spaces and the people within?

P+W_Signify Health_003_v1.jpg