14/06/2017 How To Create a Sin City Style Film Noir Effect in Photoshop

How To Create a Sin City

The Sin City movies are modern masterpieces that reimagine the film noir genre from the 40s and 50s. They use black and
white imagery with low key lighting to creating striking pictures with high contrast between light and shadow. In todays

tutorial Ill show you some techniques to transform your static photographs into a Sin City inspired scene with a dark
atmosphere and harsh tones.

https://blog.spoongraphics.co.uk/tutorials/how-to-create-a-sin-city-style-lm-noir-effect-in-photoshop 1/14
14/06/2017 How To Create a Sin City Style Film Noir Effect in Photoshop

Along with the classic characteristics of film noir, neo-noir movies like Sin City also make use of modern effects like partial
colour and post processing tricks to mimic comic book illustrations. Well use techniques in Photoshop to replicate these styles

and create a dark atmosphere within a static image. What starts as a cheesy stock photograph becomes an intriguing scene
straight from a movie with the help of high contrast to achieve the stylised look, the use of colour and focus to draw in the
eye, and faux low key lighting to add suspense and drama.

Im using this stock photograph of a young female gangster(http://shutterstock.7eer.net/c/219450/42119/1305?

(http://shutterstock.7eer.net/c/219450/42119/1305?u=http%3A%2F%2Fwww.shutterstock.com%2Fpic270757799.html)as the
https://blog.spoongraphics.co.uk/tutorials/how-to-create-a-sin-city-style-lm-noir-effect-in-photoshop 2/14
14/06/2017 How To Create a Sin City Style Film Noir Effect in Photoshop

base for this tutorial. The original photo has more of a fancy dress vibe than a gritty graphic novel look, but well soon sort that
out with some Photoshop tricks!

Converting the image to black and white is the first step for any film noir inspired image. Theres a range of ways this can be
accomplished in Photoshop, but a Gradient Map will provide the highest contrast. Select Gradient Map from the Adjustment
Layer options and configure to colours to black and white.

https://blog.spoongraphics.co.uk/tutorials/how-to-create-a-sin-city-style-lm-noir-effect-in-photoshop 3/14
14/06/2017 How To Create a Sin City Style Film Noir Effect in Photoshop

Sin City is famous for its partial colour effects which highlight bright reds or yellows from an otherwise monotone scene. Use a
black brush with moderate hardness settings to paint over the lips of the subject in the Gradient Maps layer mask to remove

the effect from this selection.

Dodging and burning is a great technique for enhancing the tones of an image. Add a new layer and go to Edit > Fill. Select
50% Gray, then change the blending mode to Overlay.

https://blog.spoongraphics.co.uk/tutorials/how-to-create-a-sin-city-style-lm-noir-effect-in-photoshop 4/14
14/06/2017 How To Create a Sin City Style Film Noir Effect in Photoshop

Set up the Burn tool with a soft brush and lower the Exposure value to around 20%. Begin painting over any shadows, paying

particular attention to the facial features. Reduce the size of the brush to trace the fine areas around the eyes.

Switch over to the Dodge tool and repeat the process with any highlights. The grey layer without the Overlay blending mode
shows how the tones are traced from the original photograph. Usually this Dodge & Burn layer would have its opacity reduced

to limit its impact, but at 100% it adds to the comic book style appearance.

https://blog.spoongraphics.co.uk/tutorials/how-to-create-a-sin-city-style-lm-noir-effect-in-photoshop 5/14
14/06/2017 How To Create a Sin City Style Film Noir Effect in Photoshop

Increase the contrast further with a Curves adjustment layer. Bend the line downwards near the shadows to deepen the
blacks and increase the highlights slightly without blowing out the whites too much.

Press CMD+A to Select All, then CMD+Shift+C to Copy Merged. Paste this clipping onto a new layer and alter the Levels (Image
> Adjustments > Levels) by dragging the shadows and highlights sliders inwards towards the centre to dramatically boost the
contrast. Keep going right until the image almost has a stencil look.

https://blog.spoongraphics.co.uk/tutorials/how-to-create-a-sin-city-style-lm-noir-effect-in-photoshop 6/14
14/06/2017 How To Create a Sin City Style Film Noir Effect in Photoshop

Go to Filter > Blur > Gaussian Blur and enter 10 pixels in the Radius option to remove the hard edges from this high contrast
layer.

Save the document as a PSD with the name displacement map. You might also want to save a second document so you can
differentiate between your working document and this temporary displacement map file.

https://blog.spoongraphics.co.uk/tutorials/how-to-create-a-sin-city-style-lm-noir-effect-in-photoshop 7/14
14/06/2017 How To Create a Sin City Style Film Noir Effect in Photoshop

Usually this blurred displacement map layer would be discarded, but it can actually be used to enhance the effect even more
by changing the blending mode to Overlay with the opacity reduced to around 40%. The result is an increase in contrast while

smoothing out the fine details from the photograph to add to the illustrated look.

Turn off the visibility of all layers, then fill a long thin rectangle with black on a new layer at the top of the stack. Press CMD+T
to Transform, then move the shape vertically, leaving roughly the same gap between where the original shape was positioned.
Next, repeatedly press the CMD+ALT+Shift+T shortcut to create a series of evenly spaced duplicates. Select all these layers and

merge them with the shortcut CMD+E.

https://blog.spoongraphics.co.uk/tutorials/how-to-create-a-sin-city-style-lm-noir-effect-in-photoshop 8/14
14/06/2017 How To Create a Sin City Style Film Noir Effect in Photoshop

Transform (CMD+T) this lines layer and right click to select the Perspective option. Dramatically distort the layer so the lines
span across the subject and mimic the shadow of a window blind.

To add some realism, the displacement map we saved earlier can be used to warp the lines so they flow across the contours of
the subjects face. Go to Filter > Distort > Displace. Ok the default settings and navigate to the displacement map PSD we saved

earlier.

https://blog.spoongraphics.co.uk/tutorials/how-to-create-a-sin-city-style-lm-noir-effect-in-photoshop 9/14
14/06/2017 How To Create a Sin City Style Film Noir Effect in Photoshop

Add a Gaussian Blur filter to eliminate the hard edges to give the lines more of a softer shadow effect, then reduce the opacity
to around 70-80%.

Paste a black and white smoke image into the document to add some atmosphere to the scene. Im using this smoke on black

background(http://shutterstock.7eer.net/c/219450/42119/1305?u=http%3A%2F%2Fwww.shutterstock.com%2Fpic
228084145%2Fstockphotosmokeonblackbackground.html)image from Shutterstock

(http://shutterstock.7eer.net/c/219450/42119/1305?u=http%3A%2F%2Fwww.shutterstock.com%2Fpic228084145%2Fstockphoto

smokeonblackbackground.html). Change the blending mode to Lighten then add a Layer Mask.

https://blog.spoongraphics.co.uk/tutorials/how-to-create-a-sin-city-style-lm-noir-effect-in-photoshop 10/14
14/06/2017 How To Create a Sin City Style Film Noir Effect in Photoshop

Set up a large soft brush and paint over the subject to erase the smoke. Reduce the opacity to around 15% to leave a subtle
effect.

Create a new layer and go to Filter > Render > Clouds. Change the blending mode to Soft Light and reduce the opacity to 25%.
This quick technique helps enhance the smoke effect by highlighting random areas.

https://blog.spoongraphics.co.uk/tutorials/how-to-create-a-sin-city-style-lm-noir-effect-in-photoshop 11/14
14/06/2017 How To Create a Sin City Style Film Noir Effect in Photoshop

Press CMD+A to Select All and CMD+Shift+C to make another Copy Merged clipping. Paste the clipping on a new layer and add
a High Pass effect (Filter > Other > High Pass) using a 1px Radius.

Change this layers blending mode to Linear Light and reduce the opacity to around 35%. This High Pass layer sharpens up the

details of the image.

https://blog.spoongraphics.co.uk/tutorials/how-to-create-a-sin-city-style-lm-noir-effect-in-photoshop 12/14
14/06/2017 How To Create a Sin City Style Film Noir Effect in Photoshop

Make another copy merged clipping and paste it at the top of the layer stack. This time go to Filter > Blur Gallery > Iris Blur.
Alter the size of the blur effect to cover the subjects face, then reduce the blur amount to around 3px to produce a subtle
depth of field effect.

To finish off the image with an old movie style vignette, fill one last layer with black and add a layer mask. Use a large soft
brush to erase the black around the centre of the image, leaving the black overlay to creep in at the corners and edges.
Reduce the opacity to around 60% to tone down the impact of the vignette effect.
https://blog.spoongraphics.co.uk/tutorials/how-to-create-a-sin-city-style-lm-noir-effect-in-photoshop 13/14
14/06/2017 How the
Reduce the opacity to around 60% to tone down To Create
impacta Sinof
City
theStyle Film Noir
vignette Effect in Photoshop
effect.

(https://blog.spoongraphics.co.uk/wpcontent/uploads/2015/sincity/sincityeffect.jpg)

The final processed image is so much more intriguing than the original stock photograph. The array of black and white
contrast enhancing tweaks help draw your eyes in to the highlights which emerge from the shadows, while the subtle blurring
and lighting effects help tell the story of the scene as if its a freeze frame from a movie.

https://blog.spoongraphics.co.uk/tutorials/how-to-create-a-sin-city-style-lm-noir-effect-in-photoshop 14/14