Exercise 107

Building Collage Elements

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.


When designing an architectural perspective, the showcase piece of a studio presentation, you need to be able to add depth and perspective and hopefully achieve a sense of place within your drawing. You will need to be able to add people, landscape elements, and objects quickly and easily to your perspective. You should also be able to bring in textures and colors to represent materials in the model. In this exercise, you will begin by creating 10 collage elements that you can use for future architectural perspectives.

Part I: Isolating Images

  • In Exercise 103, I asked you to photograph at least 5 people. Locate these images, as you will need them for this exercise. The images you select must include the whole person.
  • In Photoshop, isolate the people using any of the techniques we have discussed in class (often using the refine edge tool (Photoshop 1.13 [refine edge]) or using paths to create a mask (Photoshop 1.16 [masks via paths]) is the best method for doing this).  Make sure the final object is on its own layer.
    • Note: You should use the Select>Refine Edge menu item to refine your selection before masking!   You will achieve far superior results in your image isolations especially when you have hair or fur to select. 
  • Crop the object so there is as small of a space around it as possible.
  • Use File>Save For Web... to save a .png version of your isolated image. Append “_color” to the filename for each person isolated.
  • Convert the image to black & white (Photoshop 1.1 [black & white] ) and repeat the last step to save the image as a .png. Append “_bw” to the end of the file name for each person isolated.
  • With the object selected (use the magic wand to select the background and then Select>Inverse), use the paint bucket tool on a new layer to fill the object with a uniform 75% grey. This can eliminate distractions and abstract the figures when you insert this image into your final perspectives.
    • Note: If you used a layer mask to create the transparency, hold down the "alt" key and drag the mask onto a new layer filled with 75% gray. This will achieve the same result.
  • Making sure all other layers are off, save your object as a .png file with a transparent background and append “_grey” to the filename.
  • Repeat the steps outlined above for each figure (5 total). Please continue with Part II & Part III below. If you finish, please also isolate 5 additional (non-human) objects for your final collage. These may include trees, benches, fountains, cars, etc.

Part II: Posting Your Images

  • For each grouping of images (“_color”, “_bw”, & “_grey”) create a new post. When uploading your 3 image files, use the “_color” as the featured image in addition to inserting it into the post with the other two versions of the image. Please use the “Collage Images” pane on the right side to assign keywords/tags to the post. These will help you and other students find your images when searching the course website. You do not need to put your name on each post as I can see that you made the posts.
  • Your work will live on for future students, so please take your time and do a great job.
  • You can view the collage image gallery by visiting http://www.digitaltoolsforarchitects.com/resources/collage-images/
  • You do not need to comment on this exercise!