I’ve featured what I’ve always called ‘Geometric Photo Collages’ on my site numerous times before in inspiration showcases and tutorials. It turns out they’re actually known as Polyscapes in the design community, which is a fitting name considering they’re a combination of polygon shapes and landscape or cityscape photographs. I always have fun creating these images, so I jumped at the opportunity to produce a fresh tutorial on the topic. In today’s step by step guide I’ll take you through the process of creating an abstract polyscape in Adobe Photoshop. The final effect is achieved with just a few simple techniques, so hopefully this will be a great one for beginners to experiment with.

Watch the video

Subscribe to the Spoon Graphics YouTube Channel

How To Create an Abstract Polyscape in Adobe Photoshop

The image I’ll be creating as part of this tutorial combines the photographs of rural Lochearnhead and a contrasting cityscape. Polyscapes often make use of beautiful landscape images, or even pictures from outer space. These photos are then cut and pasted into a digital collage, using Photoshop’s editing tools rather than scissors and glue. The addition of geometric shapes add an abstract element to the artwork, I’m using a mix of squares, circles and triangles. Follow these steps to recreate this design, or experiment with different assets to achieve a unique result every time!

Begin by finding a base photograph to work with. I used the wonderful Unsplash.com to find this landscape photograph of Lochearnhead by Drew Collins. Open the image in Photoshop and centre two guides on the screen. The method I prefer is to Select All (CMD+A, or CTRL+A on Windows), right click and select Transform Selection, then drag out guides from the rulers and snap them into place onto the selection handles.

Select the Rectangular Marquee tool and hold the Alt and Shift keys while dragging out a square from the centre of the guides, then right click and select Transform Selection.

Rotate the selection by 45°, then choose a fill colour from the foreground colour picker (such as #51788f) press CMD+Backspace to fill the area. Use the shortcut CMD+D to Deselect.

Change the blending mode of the square layer to Overlay, then double click the layer and add a Stroke layer style. Set the options to 5px, Outside, Overlay and White (#ffffff).

Select the Elliptical Marquee tool and draw a circular selection from the centre that’s slightly bigger than the diamond/square shape. Activate the photograph layer and take a copy using CMD+C, then paste the clipping onto a new layer and drag it to the top of the layer stack.

Press CMD+T to Transform, then right click and select Flip Vertical from the menu. This mirrored effect is commonly used in Polyscape images.

Hold the CMD key and click the thumbnail of the circle layer to loads its selection. Right click and choose Transform Selection, then scale the selection down while holding Alt and Shift. Hit Enter and delete the selection to leave a ring shape.

Choose the Polygon tool and set the number of sides to 3 in the top toolbar. Drag a triagnle shape from the centre guides while holding Shift (no ALT key this time!). Enlarge it enough to overlap the circular ring.

Find a second image to use in the polyscape, such as this city photograph by Anthony Delanoix. Paste it into the Photoshop document, then hold the ALT key and click between this layer and the polygon layer below it to create a clipping mask.

Use the CMD+T Transform shortcut to scale the cityscape to size so its contents fill the triangle shape.

The Polyscape layout is complete, now let’s add some colour grading and finishing touches. Add a Levels adjustment layer and move the shadows and highlights sliders inwards slightly to boost the contrast.

Add a Vibrance adjustment layer and increase the Vibrance level to around 50 to enhance the colours.

Finally, add a Curves adjustment layer and change the drop down menu to select only the Red channel. Move the curves line to increase the reds in the shadows and decrease them in the highlights.

Repeat the process with the Blue curves channel, keeping an eye on the live preview to alter the colouring effects to suit your preference.

How To Create an Abstract Polyscape in Adobe Photoshop

The final artwork boasts all the popular aesthetics of the Polyscape style, with a mix of landscape and cityscape images, geometric shapes, mirrored clippings, colour overlays and grading effects. Use these steps to create a series of Polyscape artworks each with different shapes and photographs, or try out my Geometric Collage tutorial for a similar effect that combines shapes and images.

Download with membership

Love this design? Get the t-shirt!

975
Shares
Share on Pinterest
23 Comments submitted Add yours!
Subscribe receive Spoon Graphics newsletters

Subscribe to my newsletter to be the first to hear about new posts

23 Comments

  1. I’m a bit of a Photoshop newbie, so the instructions were sometimes a bit vague, but I managed to figure things out, and created a pretty striking image. Thanks Chris!

  2. this tutorials is great one for beginners (like me). With this one and the futuristic neon one, i will create an amazing invitation card for the Vzug party.
    Thanks a lot

  3. Hi Chris, thank you so much for doing these tutorials – this one is awesome. Curves are hard to master! Mine end up all over the place…

Comments are now closed