Philly Banner

A couple of months ago we kicked off our Philly 3D virtual environment series, which showcases iconic places around the city in a fun way. These animations creatively bring together the virtual and built environment. Here's how the series is made.

Before getting to work, a group of us review a list of Philly attractions, which includes both our favorite places and suggestions from our social media followers. When kicking off the series, we decided to start with the most recognizable places first: #13 Boathouse Row, Love Park, the Rocky Statue, the Ben Franklin Bridge, and Valley Green Inn

1. Collecting Reference: Drawing inspiration from the real thing

Despite the cartoony look of these works, everything I model and include in the scenes require reference. Like everything in the visualization world, the artwork needs to be grounded in some sort of reality to capture detail. Before I even open the 3D program, I start with browsing the internet for reference photos of the landmark. Often I have had the Google Street View up on a second monitor for reference of the area as well.

Reference photos for Boathouse Row, Love Park, the Rocky Statue, Ben Franklin Bridge, and Valley Green Inn

2. Lighting and Composition: Framing the "stage"

This part of the process is sort of like a puzzle in terms of piecing together the composition. The "stylized" nature of these allows me to be limitless with shapes and proportions, but I need to adhere to some rules of aesthetic and style.

Composition for the Ben Franklin Bridge
One of the decisions I made initially in the series was to create a sort of platform for each scene to take place on. Not only does this push the "stylized" nature of the renderings, but it also helps frame each scene in a unique sort of way.

Composition for Valley Green Inn
A few key questions I ask myself in this stage:

What am I going to include? What are the key recognizable features in this Philadelphia landmark? What parts should stay detailed and what parts can be simplified? Where should the landmark and focal point be in the image? How do I draw attention to that focal point?

With each iteration of the series, I've been finding it's interesting to change the shape of the landscape and model outside the "slice" of land I initially frame. We'll see how this changes for future scenes!

Lighting for Ben Franklin Bridge and Valley Green Inn

3. Staging: Making a kit of parts

Once the general composition and lighting are established, I get to work on adding the detail. I start by building a kit of parts for the scene (some stolen from previous scenes) and then build from there. Once a piece is detailed out, it's easy to replicate it with various 3D tools. For example, there are only two unique grass 3D models in each of these scenes, but they are randomly scattered on the ground to create the lawn's look.

Valley Green model A
Valley Green model B
Here are pieces of the kits for Valley Green Inn and the Ben Franklin Bridge:

Philly series kits

4. Animation: The last layer of detail

The final touch to these scenes is the movement to bring these scenes to life.

Animating a photographer taking a photo of a tourist

Just like the rest of the scene, it's been fun to stylize these animated elements as well. Everything from the water to the people is made to blend with the creative style.

Animating fish swimming and bikers riding along the path

5. Final Product: The animation

At last, it's time to sit back and enjoy a little slice of Philly.  Another interesting note: When we started this series, the branding came on after as a logo bump in the bottom of the composition. That eventually evolved into hiding the logo within the 3D scene, after the success of the underwater logo underneath the Ben Franklin Bridge. 

Ben Franklin Bridge animation progress

You can view all the final animations in our Philly series here. And follow our social media channels to check out more! 

Interested in bringing your building project to life with 3D animation? Contact our team to learn more.

About The Author

Maddie is a visualization project designer at Designblendz, where she works on renderings and animations. She loves running and hiking in her free time.