Assembly 10.3 [SketchUp to Photoshop (Sections)]

SketchUp & Photoshop Sections


There is content on this page that is restricted to members. You must login to view this premium content.
If you are not yet a member, click here to learn about becoming a member.
  1. Once you have a complete model in SketchUp, follow SketchUp 4.2 [sectioncutface.rbz] to install the SectionCutFace.rb script.
  2. Use the Section Plane tool to establish a section on your model.  Right click on the section plane and select “Add Section-Cut Face.”
  3. Change your view to be perpendicular to the section cut and navigate to Camera>Parallel Projection to change the view to a parallel projection.
  4. Follow SketchUp 4.4 [Styles for Photoshop] to export views for Photoshop.  Be sure to also include a colored view (pick “Shaded” from the Default Styles list).  Turn off edges (in Edit tab of styles menu) and turn on Shadows (View>Shadows).
  5. Open the “_lines” file in Photoshop.  It should look like the image below.
  6. Use File>Place to navigate to and select each of the other images exported in step 4.  Each image will appear on its own layer as a smart object.
  7. Change the layer blending mode on each layer created in step 6 to be “Multiply.”  Your image should now look like the image below.  Refer to Photoshop 1.24 [blending modes] for help with layer blending modes.
  8. Use the rectangular marquee tool and the paint bucket tool to fill in the region below the section cut with black.  You may also wish to use the pen tool to define a curving slope at each edge of the drawing.
  9. When you are done, turn off all layers except those with the black fills created in step 8.  Right click and select “Merge Visible” to merge the ground into one layer.  The resulting image should look similar to the one below.
  10. Navigate to Select>Color Range and click on the gray shadow region.  You may need to adjust the tolerance value down to select only the shadows.
  11. Follow Photoshop 1.5 [dodge & burn] to create a dodge and burn layer.  Use the selection created in step 10 to add a layer mask on the dodge and burn layer by clicking the Add layer mask button at the bottom of the layers window. (Reference Photoshop 1.10 [masks on adjustment layers])
  12. Perform burning (and dodging) as necessary to enhance the shadows in your drawing.  Concentrate on darkening corners, ceilings, and areas away from sunlight.  The resulting image should look similar to the one below.
  13. Now select the paint brush tool and adjust the brush to be an appropriate size (100 px) and have a hardness of 0%.
  14. Change the foreground color to be a very light yellow.
  15. Create a new layer and name the layer “Lighting.”
  16. Use the paintbrush tool to paint vertical stripes where artificial lighting would be in your building.
  17. Change the layer blending mode for the “Lighting” layer to “Soft Light.”  And adjust the opacity down to around 90% (this is by eye for what looks “right,”  you can always adjust it later).  The resulting image should look similar to the one below.  (Reference Photoshop 1.24 [blending modes])
  18. Browse the web (try http://search.creativecommons.org) to find a texture that you would like to use for the interior.  I have chosen a vertical wood texture in this example.
  19. Use File>Place to bring the textured image into your drawing.
  20. Re-size and/or scale your image to fit the look you desire.  You can skew or warp the image as necessary. (Remember you have to accept the changes by clicking the check-mark on the top ribbon of tool options)
  21. Change the layer blending mode to “Multiply” and adjust the opacity to about 90% (or whatever looks good to your eye).
  22. Use either a layer mask or delete excess regions using the marquee tool of your texture.  The result should look similar to the image below.
  23. Repeat steps 19-23 for other textures in your drawing.  I added a concrete texture in the image below.  If you choose to tile a texture, make sure you merge the resulting layers by turning off all other layers and right clicking and selecting “Merge Visible” from the context menu.  The resulting image should look like the image below.
  24. Browse the web (try http://search.creativecommons.org) to find an image that you would like to use for the background.  Place the image behind your section.
  25. With the image layer selected, navigate to Edit>Transform>Distort to enable distortion editing.  Grab each corner and drag until the photograph changes from perspective to elevation.  (The trees, for example, should be straight and vertical rather than curving.)
  26. With many of your layers’ blending modes set to multiply, it is likely part of your background will leak into your building.  You need to create a mask on the background image so that your background only shows outside of your building and through the windows.  You can reference Photoshop 1.15 [quick masks] & Photoshop 1.16 [masks via paths]. Your image should now be similar to the one below.
  27. Create a new layer by clicking on the new layer button in the layer palette.  Now, turn off all layers except for the SketchUp image with blue colored windows and the new layer you just created.  Use the Select>Color Range… tool to select the blue windows.  With the new layer selected, create a layer mask.  Note:  This layer mask is a placeholder, we will use it in a later step.
  28. Create a new Hue & Saturation Adjustment layer (Layer>New Adjustment Layer>Hue/Saturation) and check the box for “Colorize.” Now change the image to have a strong bluish tint.
  29. Drag the layer mask you created in step 28 to the Hue & Saturation Adjustment Layer.  Note: You may need to delete an existing layer mask on the adjustment layer before you can drag the one from step 28.  After you have applied the layer mask, Select the entire layer in the layer palette and, making sure it is directly above the background image layer, press ctrl+alt+g to make the adjustment layer only apply to the layer below it (i.e. the background image layer). This will apply the adjustment layer only to the window regions of the final image.
  30. Create another Hue/Saturation Adjustment layer and again check the box for “Colorize.”  Change the background image to be a brown sepia tone (complimentary to the blue tone you just created for the windows).  Your image should now be similar to the one shown below.
  31. Finally, to fade the top of the image (which is particularly useful for presentation boards) create a new layer on top of the background image in the layer stack.  Fill the layer using the paint bucket tool with white.  Create a new layer mask for this layer and then use the gradient tool and draw a small gradient starting at the top of the image and ending half way between the roof of your house and the top of the image.  Your image should now look like the image below.

Comments (0)

Submit a comment... (Minimum 25 characters)