Computers 90: Sin city effect revised

adapted from : http://blog.spoongraphics.co.uk/tutorials/how-to-create-a-sin-city-style-film-noir-effect-in-photoshop

We are going to use Photoshop to make a Sin City effect, with a dark smokey Detective Noir vibe. We will have only a few small details in color, with the rest being black and white.  We will start with a color image, like this:

edge-of-tomorrow-emily-blunt-wallpaper-4

We will turn this image to black and white, but we will be doing it by adding a Gradient Map.

Step 1: After opening the picture in photoshop, we will click Layer>New Adjustment Layer> Gradient Map

Step 1 Image adjstments gradient map

Then you click OK.

Step 1 cont ok

Next, choose the Black and white gradient

b ans w gradient choice

When you choose it, you should see something like this:

b anw gradient

Step 2: Check out the layers and click on the white rectangle beside the words Gradient Map 1.

gradient map

Then choose a brush and zoom in on the lips and with the color black selected, draw the lips back in.

Step 2 black brush on the lips

I also drew in the numbers on the tube she is carrying, and her eyes.

 

tube numbers

Step 3:Add a new layer by clicking the piece of paper being lifted up,

add a new layer

then click EDIT>FILL,

edit fill

choose 50% Gray,

50 percent gray

and it will look like the picture disappeared in to a cloud of grey! Don’t panic, you are doing everything right, just change the blending mode for the new layer to Overlay.

overlay yo

Now choose the burn tool

burn tool

dodge versus burn tool

pick a soft brush

soft brush

and lower the exposure value to about 20%.

20 percent exposure

 

Change the range to shadows and paint over any shadows you can see, especially on the face(circled).

shadows

 

 

Zoom in and make the brush size smaller to trace the small shadows around the eyes.

eyes

 

Now switch to the Dodge tool and switch the range to Highlights. Do the same thing with anything really bright ( a highlight)

dodge and highlights

Step 4::Let’s make the contrast even more visible with a curves adjustment layer. 

Click Layer>New Adjustment Layer>Curves

curves adjustment layer.JPG

then click ok

cuvres one then click ok.JPG

 

then you can see the curves under properties

curves first

click on the line and adjust it so the blacks are darker, the whites are just a bit whiter, but don’t make the blacks too dark, or the whites too light.

maybe like this curves.JPG

STEP 5: Press CTRL + A to select all and then press CTRL+SHIFT+C to Copy Merged. These two keyboard commands will take all the layers and make them come together. Then click the new layer button

new new layer.JPG

and then click Edit>Paste

paste copy merged.JPG

Next, we will alter the levels. Click Image>Adjustments>Levels

image adjustment levels

 

Then move the shadows (black triangle) and highlights (white triangle) sliders towards the centre to boost the contrast. Keep going until the image almost looks like a stencil.

afjusting levels

Go to Filter>Blur>Gaussian Blur and make the radius 10 pixels. This will remove the hard edges from this high contrast layer.

filter blur

10 percent blur

Click ok.

Then Click File>Save As so we can save the file with a different name.

save as.JPG

Call it displacement-map and save it as a PSD format.

displace save.JPG

When we are working with displacement maps, we usually get rid of them after we use them, but this time we will use it to enhance the sin city effect.

Change the blending mode to Overlay and lower the opacity to 40%.

overlay and 40 percent

This smooths out some fine details from the photograph to make it look more like an illustration.

Step 6: Turn off the visibility for all layers by clicking all the eyes.

turning off visiblity.JPG

all off vis.JPG

Make a new layer at the top of the stack of layers.

new layer againat the top

Then draw in a long thing black rectangle using the rectangle shape tool.

make the first black line.JPG

 

Press Ctrl+T to transform and then move the rectangle up and leave a space about the same size as where the original shape was.

 

Press CRTL+ALT+Shift+T to make a bunch of evenly spaced copies, using the move tool to move them up as you go.

CTRL ALT shift t once.JPG

Above: first copy

Below: after 7 more copies

pushing it 7 more times.JPG

When I did it, they all came on the same layer. That’s nice. If you have a bunch of different layers all with just one rectangle on them then Select all the copies by clicking on their layers while holding shift and then Merge them by right clicking on one of the layers and choosing Merge layers.

Then press CTRL+T to transform the rectangle layer. Next right click and choose perspective.

perspective.JPG

Angle the lines so they go across the subject and look like the shadows of a window blind. When you like the look, press enter.

blinds.JPG

Now use the displacement map we saved earlier to warp the lines.  Click Filter>Distort>Displace.

distort displacedistort okchoose displace

Add a Gaussian blur to eliminate the hard edges, Filter>Blur>Gaussian Blur (make the radius around 16 pixels.

new gausnew gaus 16

 

Then reduce the opacity of the layer to between 70 and 80%.

reduce after gaus.JPG

Step 7: Add some black and White Smoke

Find some smoke by searching (preferably at duck duck go, or ixquick) for black and white smoke.

sample smoke

Open it in photoshiop and copy and paste it in to the image.

Scale it to the size of the picture using EDIT>Transform>Scale. Push enter to finish the transformation,

Smoke added

 

Change the blending mode for the smoke layer to Lighten,

lighten

Then add a layer mask.

layer mask for smoke

 

Get a large soft brush and paint over the person to get rid of the smoke around their face.

large soft brush

Then change the opacity of the layer to a level that makes it a subtle effect, but you can still see the smoke (I choose 37 %.)

lower smoke opa

Step 8: Bring out the smoke effect

Make a new layer at the top of the other layers

new layer again

layer after smoke

Then click Filter>Render>Clouds

filter render clouds

clouds

Now change the blending mode to soft light, and the opacity to 25%.

clouds soft light 25

Step 9: Two things to do for the finishing touches

Press CTRL+A, to select all, then CTRL+SHIFT+C to make a copy merged clipping.

Make a new layer and click Edit>Paste

new layer again

paste copy merged 2

Now Click FILTER>Other>High Pass

high pass choose

Choose a 1 px radius

1 px readius

Change the blending mode to linear light, and make the opacity 35%, this will sharpen up the images details.

Press CTRL+A, to select all, then CTRL+SHIFT+C to make a copy merged clipping.

Make a new layer and click Edit>Paste

new layer again

latest edit paste

Next Click Filter>Blur>Iris Blur

iris blur

Change the size of the iris blur to cover the subjects face.

iris blur adjusted

and then change the radius to 3 px.

3 px

Finish the blur by clicking ok.

choose ok

This makes a subtle 3d depth of field effect.

Step 10 : The Final step

Make a new layer

new layer again

Fill it with black Edit > Fill

edit fill 2

fill with black

 

Add a layer mask

add a new layer mask

Erase around the center of the image with a large soft black brush

erase around center

Reduce the opacity to around 60%

reduce to 60

Wooo hoo! We are done!

edge-of-tomorrow-emily-blunt sin city done

 

When you have finished it, try this: Sin city is all about a detective noir dark vibe. Do the Sin City effect on two very different images: use a sunny friendly picture and see how it changes, and you also start with an image that already looks dangerous.

You will turn in all 3 sin city effects.

 

Leave a comment