A Study in Image Based Lighting via Cell Phone Photos

image based lighting, cell phone camera, environment mapping, animated gif, motion graphics, blender, cycles, glass, spheres, harmonic motion, tutorial, words words words, how to do the thing

Posted in Motion || Posted on 2015-07-05 03:19:33

Summary: You don’t need perfect images or HDRI spheres to create amazing lighting in your 3D renders. Go ahead and use your cell phone camera to capture an environment at the spur of the moment if you love the light that you’re seeing.

See the animations at 960x960 at the Imgur gallery. Explore the terribly broken but perfectly adequate photospheres at Google Photos. Also on Ello and Dribble for consistency.

The other day, I came across an article at BlenderNation pointing to this killer tutorial by Gleb Alexandrov titled “Are You Overlooking This Way to Make Amazingly Complex Lighting?”. I read the article and was instantly inspired. He describes a scene setup where he uses one light plane and a large number of objects with interesting geometries and various transparent materials to compose a “light symphony” which you only need to explore with your camera to create some amazing renders. While I loved the output he was getting from this technique, I had a problem with this approach. Gleb likes to compose individual still images and let them render over night, and I like to compose simpler animations made of 48 or more frames and give them that same amount of time(or less) to render - but his described technique would be incredibly computationally expensive. I know from experience that increasing the number of bounces and transmissive paths any photon has to take before it reaches its destination can dramatically impact the amount of time that a render will take… But that inspiration…

Gleb’s phrase “Lose control and let the light do its magic” stuck with me. Eventually, I kinda… took the idea in his article and turned it inside out. One of the themes he approaches repeatedly through his tutorials is to make sure that your light sources are non-uniform and complex. Suddenly, it came to me. “Holy crap. I can take out my phone and take some totally imperfect photos of places with lots of color, and use those as my world light! The PHYSICAL WORLD has already done all of the magic in producing a ‘lighting symphony’ for me, so I can just take that light and use it at my desired angle!” So I downloaded the Google Camera photosphere app for my phone and produced some super quick and dirty photospheres of interesting lighting scenarios to play with. You will notice that the stitching on the photospheres is TERRIBLE, but that is just fine for these purposes. I also selected some images which I had previously taken with my phone’s camera just because they were colorful. The emphasis here is that we DO NOT need perfection in the images, only their color, non-uniformity and complexity!

In his tutorial, Gleb talked about flying your camera around within the scene to find your desired lighting angle - but what if I already had my camera and geometry composed in the way that I want for my render? That’s when I had the idea to shift and distort the generated coordinates of the world sphere until the world light gave me the colors I wanted for the existing composition. Yes! Then I only needed to adjust the depth of field in my camera so the subject matter was in focus, but the background was out of focus! That way, the viewer is not concerned with any of the imperfections background light source. So I created several different renders using different world lighting configurations, with single camera and subject matter configuration. I was incredibly pleased with how AMAZING the results were! Now keep in mind, these environment images were NOT directly mapped to the world light with a standard Equirectangular projection. I took the base world coordinates and moved, rotated, scaled them until I saw the colors in the positions that I wanted to see them. In some cases I tweaked their contrast and hue a bit, then boosted the intensity of the world light into what I wanted to see.

Here’s the important lesson that I learned from this experiment: You don’t need to create the perfect HDRI sphere or tile an image perfectly to get a perfect lighting scenario for your shot. Just find a real world scenario with colors that you like, and snap a super quick picture or build an image sphere with your cell phone camera, and that is more than good enough.

Credit for the beautiful abstract painting titled “Conflicting Locations 5” goes to my friend Jenny Hambleton of Captain Captain Studios. I cannot express how much inspiration this painting gives to me when I need ideas for a nice color selection; Thank you so much for this painting, Jenny! :D

Alright! Give this quick and dirty cell phone photo lighting a try in some of your renders, and let me know how it works out for you! If I get 10 or more responses relevant to the techniques discussed in this post, I’ll record a video tutorial on creating a scene in Blender with this process. Let me know if you have any questions on this, okay?

image based lighting, cell phone camera, environment mapping, animated gif, motion graphics, blender, cycles, glass, spheres, harmonic motion, tutorial, words words words, how to do the thing

Space Bugs have invaded this page! Will you defend this Sector?