There’s one genre of photo-manipulation that we haven’t yet, and that’s the Photoshop Abstract look. In thistutorial, we’ll use illustrated and photographic elements to construct an elegant black and white composite.
Although this tutorial focuses on a stark black and white aesthetic, any of these steps we will see can be nicely adapted to the well-cloured wallpapers composition too. Ready? Let’s do it…
The Abstract photomanipulation style combines photographic elements, lines, 3D renders, shapes, brushes and other visual flourishes, resulting in a more conceptual look than the usual photo-manipulation approach.
Had you lost the previous tutorial? Never mind you can recover it from this page.
What we will do
Before we approach to the abstract manipulation, would be great to see other notable works. We put together a mood board for you to stimulate ideas and gain some inspiration.
Using a strong ‘focal element’ will always make a piece more visually engaging. In conceptual art like this, it could be a figure, animal or object – see the examples on the mood board above to get some better ideas.
For the example piece, I opted for a striking fashion portrait from Fotolia (#51278921 – Smoky eyes by Olga Ekaterincheva). Here’s a look at the original photo, and how it looks against the background once composited:
In this step, we’ll add some visual interest by creating smooth black transitions and shapes.
Two black rectangles were added to the scene, on a new layer using the Shape Tool (U):
A Layer Mask was added the layer containing the black bars, and inverted (Cmd / Ctrl + I) to black – this will make everything in the layer invisible.
Use a very large Soft-Edged Brush set to white, to selectively paint back in some of the black bars, like this:
Here’s a look at the Layer Mask in action, with the large white soft-edged circle:
Here’s a quick method for creating ‘transitional’ gradients. Add a new layer, and draw a rectangular selection, using the Marquee Tool (M):
Set your foreground colour to black, and select the Gradient Tool (G) from the tool bar. Using the dialog at the top-left, choose the ‘Foreground to Transparent’ gradient:
With your marquee selection active, click and drag downwards using the Gradient Tool (G) – if you hold down Shift, the gradient will be perfectly ‘straight’:
You can repeat this transitional gradient technique throughout the image, as often as necessary.
A very large Soft-Edged Brush (B) set to black has also been used here to bring in the corners – for a ‘vignette’ look:
It’s always good practice to organize the elements in your layer stack into Groups. For the example piece, a large triangular area has been ‘cut out’ of our model image. This was achieved by adding a Layer Mask to the group that contains all of the layers for the girl, and then the ‘chopped areas’ were filled with black.
Here’s how it’s done…
1. Add a Layer Mask to your Layer Group (or layer).
2. Use the Polygonal Lasso (L) to create your selection:
3. With your foreground colour set to black, fill the selection with black (Alt + Delete).
A look at the stock model layer group with the mask in place:
Our girl with the triangular shape chopped out, with some extra transitional gradients underneath:
STOCKS & RENDERS
Use the Pen Tool (P), cut out additional stock elements to add visual interest to your composite. By using the Pen Tool, everything is super-sharp, and professional looking – there really is no substitute!!
3D renders often come as .PSD files, or PNGs with transparent backgrounds, so that makes the compositing process infinitely easier. Here is a a look at the additional stocks that were incorporated into the example piece:
All the contents are from DeviantArt
Our new stock elements, positioned into place:
A BETTER BLACK AND WHITE…
You’ll notice that the stock elements are black and white, to match the composite.
As opposed to just ‘desaturating’ (Image > Adjusments > Desaturate) – a better method was used to make these elements black and white.
A selection was made based on the stock layer (Hold down Ctrl / Cmd + Click the layer icon), and then a ‘Gradient Map’ Adjustment Layer was added, via the dialog at the bottom of the layer stack:
Because we have a ‘selection’ of the layer, when we apply the Black and White gradient map, it will be masked to the layers contents. Here’s a look at the Gradient Map dialog box, and the black and white gradient you should select:
I maintain this creates the ‘best’ black and white in Photoshop.. make sure you give it a try 🙂
This step is nice and simple – to add sparkles, stars or small white specks, simply find an image with a black / very dark background like this:
Position your stock image into place, and change it’s layer mode to Screen. This will knock out all the blacks, and leave the lighter elements. You can tweak the intensity of the lights and darks quickly and easily by using the Levels command (Image > Adjustments > Levels).
You can add drippy / smeared / painted effects using similar techniques as outlined above.
Head on over to CGTextures to grab some awesome fabric stains. Once you have the stain positioned, desaturate to knock out the colour (Image > Adjustments > Desaturate). Change the layer mode to ‘Multiply’ – this takes out the whites. Use Levels (Image > Adjustments > Levels) to strengthen the blacks, and pull back the whites even further if necessary:
And there we have it – one super elegant black and white abstract piece: