Spotify Duotone Photo Effect Photoshop Tutorial

Spotify Duotone Photo Effect Photoshop Tutorial

Hello everyone, this is Chris from Spoon Graphicsback again with another video tutorial.

This time we're going to play around in Photoshopto recreate the cool duotone photo effect that's most famously recognised from the recentSpotify rebranding, but I've also seen it used elsewhere around the web to create reallyvibrant images.

This effect is really quite simple with a Gradient Map doing most of thework, but I'll take you through a bunch of steps to help you get the best results.

Thekey to this effect is finding two colours that perfectly complement each other, so I'veincluded a a Photoshop Action that will apply a bunch of colour combinations for you tochoose from down in the description area below.

This duotone photo effect works with any image,but photos of people work best to replicate how Spotify uses this style on the artistand band shots.

So find yourself an image and open it up inAdobe Photoshop.

Select the Pen tool and zoom right into thedocument, then begin tracing around the subject so we can remove it from the background.

Oralternatively you could always choose an isolated image to begin with! There's a few different techniques you canuse to cut out your images, so I'll link up my Ultimate Guide to Cutting Stuff Out downin the description.

You might find a different technique to the Pen tool works better withyour chosen photo.

Once you've made a path around your image,right click and choose Make Selection.

Enter 2px (or less depending on the scale of yourdocument) to blur the edges slightly to avoid getting a harsh cutout.

Go to Edit > Copy and Edit Paste to move thisclipping onto its own layer, then add a new layer and place it between the portrait andoriginal background.

Fill this layer with white.

Add a new Gradient Map adjustment layer andmove it to the top of the layer stack.

Edit the colours for the shadows and highlights.

I'm using #24206a and #73d970 but you can find loads more in the free Photoshop ActionI've created.

Move the gradient slider left and right tobalance between the two colours, then hit OK to apply the effect.

Add a Brightness and Contrast adjustment layerthen move the Contrast slider to around +30.

That's the basic photo effect complete, butwe can add a few little extra touches to really give it that Spotify style.

Create a new layerthen grab the Ellipse tool and draw a few white circles over the image.

Hold the CMD or CTRL key, and click on thelayer thumbnail of the cut out portrait layer to loads its selection, then add a layer maskto the circles layer to clip them to size.

Draw a selection over one of the circles andfill the mask with white to remove the masking from this area to allow the circle to siton top.

So that finishes off the Spotify style duotonephoto effect in Photoshop.

I hope you enjoyed it! If you did don't forget to hit that Likebutton to help spread the word and share the video with your friends, and if you want tosee more, subscribe to my YouTube channel and my website at http://spoon.


Rememberto try out my free Action below to test out other vibrant colour combinations and feelfree to send me your results on Twitter at @chrisspooner.

So as always thank you verymuch for watching and I'll see you in the next one.

Source: Youtube