mshambly.weebly.com · Web viewRun the refine selection brush through the edge of the hair to get a...

26
I started with 2 photographs. I needed a headshot with a suit jacket, loose tie and strong chin to match the True Detective style. The second Photograph, I needed something industrial, with tall vertical structures, so I chose this factory image. I also knew I could have fun with the smoke. Step 1 First thing, is to separate the man from the background. Grab the quick selection brush. I also have a tutorial here on using the refine edge tool in more depth if you get stuck Make a selection around the man, use the alt/Option key to deselect areas if you go over.

Transcript of mshambly.weebly.com · Web viewRun the refine selection brush through the edge of the hair to get a...

Page 1: mshambly.weebly.com · Web viewRun the refine selection brush through the edge of the hair to get a cleaner selection For output, make sure New Layer with Layer Mask is chosen Click

I started with 2 photographs. I needed a headshot with a suit jacket, loose tie and strong chin to match the True Detective style.

The second Photograph, I needed something industrial, with tall vertical structures, so I chose this factory image. I also knew I could have fun with the smoke.

 

Step 1

First thing, is to separate the man from the background. Grab the quick selection

brush.   I also have a tutorial here on using the refine edge   tool in more depth if you get stuck

Page 2: mshambly.weebly.com · Web viewRun the refine selection brush through the edge of the hair to get a cleaner selection For output, make sure New Layer with Layer Mask is chosen Click

Make a selection around the man, use the alt/Option key to deselect areas if you go over.

Step 2

Click on the refine edge option at the top of the screen

Add smart radius and increase the edge Radius to around 2-4 px

I added 4 for smooth (this is optional)

Run the refine selection brush through the edge of the hair to get a cleaner selection

For output, make sure New Layer with Layer Mask is chosen

Page 3: mshambly.weebly.com · Web viewRun the refine selection brush through the edge of the hair to get a cleaner selection For output, make sure New Layer with Layer Mask is chosen Click

Click ok

Step 3

You should see the man cut out on his own layer with a layer mask as shown. If not, return to step 2 and see what you missed.

Page 4: mshambly.weebly.com · Web viewRun the refine selection brush through the edge of the hair to get a cleaner selection For output, make sure New Layer with Layer Mask is chosen Click

Step 4

Combine the 2 images into one document… (here is how)

Open the tab for image 2.

Click-drag the image into the tab for the image that contains the man, the image will open

Without releasing, drag the image into the middle of the man image and release. It should be on a new layer as shown.

Page 5: mshambly.weebly.com · Web viewRun the refine selection brush through the edge of the hair to get a cleaner selection For output, make sure New Layer with Layer Mask is chosen Click

The end result should look like this

Time to combine the photos into 1

Step 5

Move your cursor to the separating line between the 2 layers

Page 6: mshambly.weebly.com · Web viewRun the refine selection brush through the edge of the hair to get a cleaner selection For output, make sure New Layer with Layer Mask is chosen Click

Hold down the alt/option key and you will see a square arrow on the curser, click to “clip” the layer to the shape of the cutout beneath.

Step 6: Cropping

For the art that we are creating, we only need the top of the shoulders visible. Let’s crop this down to size. Choose the crop tool.

Drag out the cropping area

Make sure that “delete Cropped Pixels” is unselected at the top. This will preserve the pixel and allow us to reposition things later.

Press Enter to apply the crop

Page 7: mshambly.weebly.com · Web viewRun the refine selection brush through the edge of the hair to get a cleaner selection For output, make sure New Layer with Layer Mask is chosen Click

Step 7: Colorizing the photo

Right now we have a lot of color in the photo. This isn’t how the final result should look. No need to convert to black and white, I have a better method for you here.

Choose a new foreground color similar to what I have here. #e2d6b2. You can choose your own color or change this later.

Page 8: mshambly.weebly.com · Web viewRun the refine selection brush through the edge of the hair to get a cleaner selection For output, make sure New Layer with Layer Mask is chosen Click

Create a new layer underneath our 2 layers and fill with out foreground color (Alt/Option+Backspace)

We now have a background rather than transparency.

Duplicate the Layer by pressing Cmd/Ctrl+J

Page 9: mshambly.weebly.com · Web viewRun the refine selection brush through the edge of the hair to get a cleaner selection For output, make sure New Layer with Layer Mask is chosen Click

Drag the duplicate color layer to the top of the layer stack.

Right now, you will see a solid color.

Change the blending mode to Color and now everything will take on this new color while preserving the luminosity.

Step 8: Blending and Masking the Layers

This is where we get into the good stuff.

Choose the Industrial image layer (layer 1). Change the blending mode to Lighten. (Extra info for nerds: This simulates 2 projectors pointing at the same screen. One with the top image, and the second with the layer underneath)

You will start to see this cool blending effect.

Page 10: mshambly.weebly.com · Web viewRun the refine selection brush through the edge of the hair to get a cleaner selection For output, make sure New Layer with Layer Mask is chosen Click

This is the actual double exposure, like you would see in camera. If this is all you wanted, you can stop here.

Read on for the rest of the True Detective Look…

Step 9:

Because the top layer (layer 1) is a clipping group, we can drag it around and reposition it and it will stay within the boundaries of the face cutout. I dragged it over so that the smoke stacks are showing on the left.

Notice that the silhouette of the head is still showing on the right? Let’s fix that.

Step 10

Page 11: mshambly.weebly.com · Web viewRun the refine selection brush through the edge of the hair to get a cleaner selection For output, make sure New Layer with Layer Mask is chosen Click

Choose Cmd/Ctrl+L for levels.

Slide the white slider over to make the shadow area disappear. You may also need to move the mid tone slider over a bit like I did here.

The goal is to make the overlapping areas invisible, it will take a little tweaking with the levels to get it exact. This is part of the magic of blending modes.

Step 11: Masking the effect

Now that we have matched the layers, we can bring back part of the bottom of the face and also smoothly blend it into the shape on top.

(With Layer 1 still the active layer) Click on the Add a layer mask button at the bottom of the layers Panel.

Page 12: mshambly.weebly.com · Web viewRun the refine selection brush through the edge of the hair to get a cleaner selection For output, make sure New Layer with Layer Mask is chosen Click

Choose a soft edge black brush and paint on the image to mask out layer 1 and reveal the bottom of the face. When you paint on this mask, you will hide the factory and allow the face to show through. Paint with White to hide the face and show the factory.

Page 13: mshambly.weebly.com · Web viewRun the refine selection brush through the edge of the hair to get a cleaner selection For output, make sure New Layer with Layer Mask is chosen Click

If you want to go outside the boundaries of the face and expand the factory to show out of bounds, do this.

You will see that we have a layer mask on the head (from the refine edge earlier). If you choose that mask and paint with white on the image, you can paint out of bounds and show the factory.

Paint with white to allow the smoke to show. Paint with Black to hide the smoke or clean up areas where you went too far.

Step 12 Scaling the effect

So far, it’s looking good, but Not quite fitting. Lets scale the top image to make it fit better.

Choose the factory layer (not the mask)

Press Cmd/Ctrl+T for free transform

Shift and drag on the corner to scale up or down proportionately.

Scale it down so that the stacks match both sides of the head. You can move the layer by click dragging on the inside of the rectangular selection area.

Page 14: mshambly.weebly.com · Web viewRun the refine selection brush through the edge of the hair to get a cleaner selection For output, make sure New Layer with Layer Mask is chosen Click

When you are satisfied, press the enter key to apply the effect.

Paint inside the masks, to clean up and refine the look that you are going for. We are mainly finished with the overall effect. Now I want to replicate the vintage film grain look with the colors a little bit.

Page 15: mshambly.weebly.com · Web viewRun the refine selection brush through the edge of the hair to get a cleaner selection For output, make sure New Layer with Layer Mask is chosen Click

Step 13 Adding a color tint to the shadows

I noticed when looking at the original art, there is a red tint in the shadows.

Create a new layer and fill it with red

Page 16: mshambly.weebly.com · Web viewRun the refine selection brush through the edge of the hair to get a cleaner selection For output, make sure New Layer with Layer Mask is chosen Click

Change the blending mode to color.

Almost there

With the red layer active, click the “fx” button at the bottom of the layers panel to open the  layerstyle menu

At the very top, you will see “blending Options” choose it.

We are now in Advanced Blending mode. See the Blend If sliders at the bottom?

Drag the white slider to the left to hide the layer contents in the highlights. To get this to work, you will need to split the triangle slider.

Hold down Alt/Option and drag out one side of the triangle to split it.

Page 17: mshambly.weebly.com · Web viewRun the refine selection brush through the edge of the hair to get a cleaner selection For output, make sure New Layer with Layer Mask is chosen Click

Play around with the sliders until the red is showing mainly in the shadows as seen here.

Page 19: mshambly.weebly.com · Web viewRun the refine selection brush through the edge of the hair to get a cleaner selection For output, make sure New Layer with Layer Mask is chosen Click

Let’s add some grain to simulate the film look.

Create a new layer, but wait! Hold down the Alt/Option key as you click the new Layer icon. This will bring up the New Layer options.

Choose Overlay from the mode

A box will appear that says “Fill with Overlay-neutral color (50% gray)” Turn on that option

Click ok

You wont see anything, but the new layer will now be filled with 50% gray and be in Overlay blending mode. Perfect for us to add grain to (You can’t apply grain to an empty layer, which is why we went through this step).

Choose>Filter>Noise>Add noise

Choose Gaussian and Monochromatic

I added 37% (approx) This will depend on the resolution of your final image, to get the exact look that you want.

Click ok to apply the grain. You can change the opacity it the effect is too strong for your image.

Page 20: mshambly.weebly.com · Web viewRun the refine selection brush through the edge of the hair to get a cleaner selection For output, make sure New Layer with Layer Mask is chosen Click

Step 15 Finishing touches

I added a little bit of type here to match the feel of the show opening credits.

(Font is Avenir Next Condensed – Ulta Light)

I wanted to make the color a little less red, so I reduced the opacity of the red layer.

Page 21: mshambly.weebly.com · Web viewRun the refine selection brush through the edge of the hair to get a cleaner selection For output, make sure New Layer with Layer Mask is chosen Click

The final look should have more contrast.

Create a Levels adjustment layer directly above the 2 image layers. We want to affect these only and not the background color.

Clip the Level adjustment to the image layer by turning on the “Clip” icon in the Layers panel as shown here.

It should look like this in the stack.

Page 22: mshambly.weebly.com · Web viewRun the refine selection brush through the edge of the hair to get a cleaner selection For output, make sure New Layer with Layer Mask is chosen Click

Adjust the middle slider in the Levels to get the contrast in the midtones to complete this part of the look. It makes it a bit more gritty looking.

Page 23: mshambly.weebly.com · Web viewRun the refine selection brush through the edge of the hair to get a cleaner selection For output, make sure New Layer with Layer Mask is chosen Click

Optional: To make a lighter version of the overall color

Finally, to lighten the overall color a bit. Select the Colored layer and Press Cmd+L to open levels. Slide the highlights to the left a little bit.

Page 24: mshambly.weebly.com · Web viewRun the refine selection brush through the edge of the hair to get a cleaner selection For output, make sure New Layer with Layer Mask is chosen Click

And the Final result.

I know this was a lot! A really in-depth tutorial that covered a number of techniques that you can use to stylize your images.

Page 25: mshambly.weebly.com · Web viewRun the refine selection brush through the edge of the hair to get a cleaner selection For output, make sure New Layer with Layer Mask is chosen Click

If you like this, please share on social media (Button at the top) add a comment and share with your friends. The more support we get, the more tutorials I can write and record!

Here ia a different image I created using the same techniques, this one is a bit softer themed.