• Home
  • Tutorials
  • Portfolio
  • Photography
  • About
  • Blog
  • Home
  • Tutorials
  • Portfolio
  • Photography
  • About
  • Blog
How to Create a Shadow Study with SketchUp and Photoshop
October 17, 2014 In Photoshop SketchUp Tutorials

finished shadow diagram

This tutorial will show you how to create a shadow / butterfly diagram using SketchUp and Photoshop.

Software Required: SketchUp, Adobe Photoshop or other image editor.
Expected Time: 15 Minutes
Difficult: Moderate


Step 1

Decide on the time interval in which the study will be conducted over. In my example, I’m doing 9 am – 5 pm, with a shot at every hour. The shorter the interval, the more seamless the transitions will be from one shadow to the next.

Step 2

Set up the view you’d like for the study. The view I choose was a top down perspective, but any view that clearly shows the area you want to study is fine. The important point is that the view should not be moved from one saved image to the next.

photoshop layers panelStep 3

Save your views as image over the chosen interval. I rendered my SketchUp model with VRay, and saved nine images to be compiled in Photoshop.

Step 4

Bring all of your images into Photoshop, so they’re layered on top of each other, with the latest time being the highest layer. Ensure that there is a layer with a white fill at the bottom. Now select all of the shadow layers and set the blend mode to multiply, and lower the opacity to somewhere between 30 and 50% to get the look you want. I used 40% in my example.

Step 5

photoshop levels propertyNow, the image is looking good, but a level or curves adjustment might be needed if the image is too light or dark. I also added a hue/saturation level and lowered the saturation so the image wasn’t so blue. This was because the VRay renders had a blue tint to them, but your images will vary.

That’s all there is too it. Play around with these settings and the amount of shadow images used to get different results.


shadow study, vray
Share



You might also like

Creating a Revit Shadow Diagram with Photoshop
May 24, 2017


  • Categories

    • AutoCAD
    • Google Earth
    • GoPro
    • Illustrator
    • Photoshop
    • Resources
    • Revit
    • Rhino 3D
    • SketchUp
    • Study Abroad
    • Tutorials
  • Tags

    Adobe Illustrator ambient shadows architectural drawing architectural renderings autocad backgrounds cinque terre clt connections contours cortona dimensional export exporting floorplan germany glulam gopro grass greece hand drawn high resolution italy live paint lumber parametric perspective section photoshop render revit section shadow study siena sketchup solar radiation texture thermal baths timber time lapse topo vegetation vray watercolor wide flange beam wine tasting




  • Navigation

    • Home
    • Tutorials
    • Portfolio
    • Photography
    • About
    • Blog
  • Categories

    • AutoCAD
    • Google Earth
    • GoPro
    • Illustrator
    • Photoshop
    • Resources
    • Revit
    • Rhino 3D
    • SketchUp
    • Study Abroad
    • Tutorials
  • Recent Posts

    • Simplifying Toposurfaces in Revit: A Guide
    • How to Export a Revit Model to SketchUp
    • Making Revit Look Hand Drawn/Watercolor
    • Parametric Timber Connections for Revit
    • CLT and Glulam Seamless Textures – Revit Compatible

Copyright © 2018, Dylan Brown Designs