A student in Chicago emailed me a while back asking how I created the back cover of my undergraduate portfolio. The image was a collage of all of my projects Photoshopped together into a single composition. As time consuming as it may look, I probably only spent 2 or 3 hours on the page. I didn’t use any Photoshop “tricks” to get the final look, but instead just used the eraser tool with a soft brush to remove the backgrounds. Most of my time was spent experimenting with the layout and figuring out how all the pieces would fit together. Using some type of underlying grid was my way of maintaining control of the geometry and avoiding a chaotic look.

 

 

 

1) I began the collage with a simple black and white background that continued the theme of my other portfolio pages.

 

1_base_image

 

 

 

2) I next chose a few images that would act as organizing elements of the collage. To avoid harsh edges, I chose the “Eraser Tool”, selected a soft brush, and lowered the opacity of the brush just under 50%. I then simply erased around the edges to allow the images to bleed into one another. For experienced Photoshop users, I would suggest using a layer mask instead of the eraser tool to maintain more editability.

 

2_collage_background

 

 

 

3) The three images where arranged to cover much of the page and act as a texture for the collage. I overlaid a grid to show how the images related to one another and how they act as an organizational foundation for the rest of the collage.

 

3_collage_background_grid

 

 

 

4) I next added very neutral black & white images to infill around the edges. These images again add texture to the background but won’t grab too much attention.

 

4_collage_background_nuetral_textures

 

 

 

5) With the background in place, I then begin placing in foreground elements. The same method of using a soft eraser brush was used to help blend the different images together. I also lowered the overall opacity of some of the foreground elements to help set them into the background.

 

5_collage_Foreground

 

 

 

6) Again, many of the foreground elements still relate to the grid created by the background elements. As subtle as these relationships may be, they make a big difference in the success of the overall composition.

 

6_collage_Foreground_Grid

 

 

 

7) I created icons for each project throughout the portfolio. I wanted to find a way to add these icons to the back cover without them getting lost in the geometry of the other elements. I solved this problem by adding a streak of shadow behind the icons giving them depth. The shadow is barely noticeable, but really makes the icons pop. In the image below, I have separated the shadow and icons from the collage to better show the shadow shape.

 

7_icons_isolated

 

 

 

Below is the final composition that was used for the back cover of my undergraduate portfolio. Most people probably won’t even see the back cover, however, I wanted to do something a little different rather then just leaving it blank. It hardly took any time to create, and is one more thing that could stick in someone’s mind when applying for schools and jobs.

 

8_alex_hogrefe_collage_architecture