Home / Tutorials / Graphics / End of the Road – Manipulation Tutorial

End of the Road – Manipulation Tutorial

Hello guys this is an other Tutorial of Manipulation. hope you will like this. In this tutorial, we will learn how to create a Dark photo manipulation. We are going to learn the process of creating depth of field using a few advance tools. We are going to learn how to blend images so seamlessly that it would look like a single image using the Brush tool, the Eraser tool and several adjustment layers.We will learn how to create light and darkness to make the background look seamless. Final Image Resources Used In This Tutorial Los Picos de Europa 1 –…

Review Overview

User Rating: 4.87 ( 3 votes)

Hello guys this is an other Tutorial of Manipulation. hope you will like this. In this tutorial, we will learn how to create a Dark photo manipulation. We are going to learn the process of creating depth of field using a few advance tools. We are going to learn how to blend images so seamlessly that it would look like a single image using the Brush tool, the Eraser tool and several adjustment layers.We will learn how to create light and darkness to make the background look seamless.

Final Image

final-image

Resources Used In This Tutorial

Step 1

Create a new file with a width of 1500 px and a height of 992 px at 300 dpi (Dots per Inch). Background Contents should be White.

Now make a new layer and name it “Frames” then activate Rectangular Marquee Tool (M) and make to selection on both side and fill them with #000000 color.

1-canvas-frame

Step 2

Now,let’s open the Stock 629 in Photoshop. We will be using the sky from this stock image so we will need to transfer it to our main canvas.

Click the Stock 629 and press V to activate the Move Tool. Left-click the image and drag the image to the main canvas and change layer name to “Sky1?.

2a-sky

Now,let’s open the Sunrise In Norway Part Three in Photoshop. We will be using the sky from this stock image so we will need to transfer it to our main canvas.

Click the Sunrise In Norway Part Three and press V to activate the Move Tool. Left-click the image and drag the image to the main canvas and change layer name to “sky2?.

2b-sky

Now Desaturate (Shift+Ctrl+U) the whole image .

2c-sky-desaturate

Now add vector mask from the bottom of layers palette .

Now activate Brush tool (B) with these settings :

  • Brush size: 400px
  • Hardness: 0%
  • Opacity: 40%
  • Flow: 100%
  • Color: #000000

Now paint over the highlighted area.

2d-sky-vetor-mask

Now create new Color Balance adjustment layer from the bottom of layers palette .Press Alt+left click in between 2 layer’s (sky2 layer and Color Balance) to make a mask.

When the Color Balance box opens, input the following:

2e-sky-color-balance

Now create a new Hue/Saturation adjustment layer from the bottom of layers palette .Press Alt+left click in between 2 layer’s (sky2 layer and Hue/saturation) to make a mask.

When the Hue/saturation box opens, input the following:

2f-sky-hue-saturation

Now create new Curves adjustment layer from the bottom of layers palette .Press Alt+left click in between 2 layer’s (sky2 layer and Curves) to make a mask. When the Curves box opens, input the following:

2g-sky-curves

Step 3

Now,let’s open the Los Picos de Europa 1 in Photoshop. We will be using the mountain from this stock image so we will need to transfer it to our main canvas.

Click the Los Picos de Europa 1 and press V to activate the Move Tool. Left-click the image and drag the image to the main canvas and change layer name to “mountain1?.

3a-mountain1

Now create new Curves adjustment layer from the bottom of layers palette .Press Alt+left click in between 2 layer’s (mountain1 layer and Curves) to make a mask.

When the Curves box opens, input the following:

3b-mountain1-curves

Now create new Hue/Saturation adjustment layer from the bottom of layers palette .Press Alt+left click in between 2 layer’s (mountain1 layer and Hue/Saturation) to make a mask.

When the Hue/Saturation box opens, input the following:

3c-mountain1-hue-saturation

Now add vector mask from the bottom of layers palette .

Now activate Brush tool (B) with these settings :

  • Brush size: 400px
  • Hardness: 0%
  • Opacity: 40%
  • Flow: 100%
  • Color: #000000

Now paint over the highlighted area.

3d-mountain1-vector-mask (1)

The result should be similar to this:

3e-mountain1-final

Step 4

Now,let’s open the Mountain lake 03 in Photoshop. We will be using the sky from this stock image so we will need to transfer it to our main canvas.
Click the Mountain lake 03 and press V to activate the Move Tool. Left-click the image and drag the image to the main canvas and change layer name to “Lake”.

4a-lake

Now create new Color/Balance adjustment layer from the bottom of layers palette .Press Alt+left click in between 2 layer’s (Lake layer and Color/Balance) to make a mask.

When the Color/Balance box opens, input the following:

4b-lake-color-balance

Now create new Hue/Saturation adjustment layer from the bottom of layers palette .Press Alt+left click in between 2 layer’s (Lake layer and Hue/Saturation) to make a mask.

When the Hue/Saturation box opens, input the following:

4c-lake-hue-saturation

Now add vector mask from the bottom of layers palette .

Now activate Brush tool (B) with these settings :

  • Brush size: 400px
  • Hardness: 0%
  • Opacity: 40%
  • Flow: 100%
  • Color: #000000

Now paint over the highlighted area.

4d-lake-vector-mask

The result should be similar to this:

4e-lake-final

Step 5

Now make a duplicate of mountain1 layer and name it “mountain2?.Then activate the Transform Tool (Ctrl/Cmd +T), then while the “mountain2” layer is selected and then resize it as shown below:

5a-mountain2

Step 6

Now,let’s open the Los Picos de Europa 28 in Photoshop. We will be using the mountain from this stock image so we will need to transfer it to our main canvas.

Click the Los Picos de Europa 28 and press V to activate the Move Tool. Left-click the image and drag the image to the main canvas and change layer name to “mountain3?.

6a-mountain3

Now create new Hue/Saturation adjustment layer from the bottom of layers palette .Press Alt+left click in between 2 layer’s (mountain3 layer and Hue/Saturation) to make a mask.

When the Hue/Saturation box opens, input the following:

6b-mountain3-hue-saturation

Now create new Color/Balance adjustment layer from the bottom of layers palette .Press Alt+left click in between 2 layer’s (mountain3 layer and Color/Balance) to make a mask.

When the Color/Balance box opens, input the following:

6c-mountain3-color-balance

Now create new Curves adjustment layer from the bottom of layers palette .Press Alt+left click in between 2 layer’s (mountain3 layer and Curves) to make a mask.

When the Curves box opens, input the following:

6d-mountain3-curves

Now add vector mask from the bottom of layers palette .

Now activate Brush tool (B) with these settings :

  • Brush size: 400px
  • Hardness: 0%
  • Opacity: 40%
  • Flow: 100%
  • Color: #000000

Now paint over the highlighted area.

6e-mountain3-vector-mask

The result should be similar to this:

6f-mountain3-final

Step 7

Now,let’s open the Los Picos de Europa 27 in Photoshop. We will be using the rock from this stock image so we will need to transfer it to our main canvas.

Click the Los Picos de Europa 27 and press V to activate the Move Tool. Left-click the image and drag the image to the main canvas and change layer name to “rock”.

7a-rock1

Now create new Hue/Saturation adjustment layer from the bottom of layers palette .Press Alt+left click in between 2 layer’s (mountain3 layer and Hue/Saturation) to make a mask.
When the Hue/Saturation box opens, input the following:

7b-rock1-hue-saturation

Now add vector mask from the bottom of layers palette .
Now activate Brush Tool (B) with these settings :

  • Brush size: 400px
  • Hardness: 0%
  • Opacity: 40%
  • Flow: 100%
  • Color: #000000

Now paint over the highlighted area.

7c-rock1-mask-vector

The result should be similar to this:.

7d-rock1-final

Step 8

Now create a Gradient Map adjustment layer which can be found by pressing on the Layer>New Adjustment Layer>Gradient…
When the gradient map box opens, input the following:

8a-atmosphere-gradient-map

Change it’s Layer mode to “Pin Light” and opacity to “45%” and Fill to “29%” .

8b-atmosphere-mode

Now create a new layer above greadient map layer and name it “Orange”.

Now activate Brush tool (B) with these settings :

  • Brush size: 400px
  • Hardness: 0%
  • Opacity: 100%
  • Flow: 100%
  • Color: #ff7900

Now paint over the highlighted area.

8c-atmosphere-orange

Next, change it’s Layer mode to Color Dodge and opacity to 73% and Fill to 69%.

8d-atmosphere-mode

Now create one more layer above orange layer and name it “Shadow and refelaction”.Now we will add some highlights to our image see as below :

8e-atmosphere-shadow

Now reduce it’s layer Fill to 57% .

8e-atmosphere-opacity

Now we will add some clouds in our image so install cloud brush then create a new layer and name it “Clouds” .

Now activate Brush tool (B) with these settings :

  • Brush size: 400px
  • Hardness: 0%
  • Opacity: 40%
  • Flow: 100%
  • Color: See in the image

Now paint over the highlighted area.

8f-atmosphere-clouds

The result should be similar.

8g-atmosphere-clouds-final

Step 9

Now,let’s open the Castel image from source file in Photoshop. We will be using the Castel from this stock image so we will need to transfer it to our main canvas.

Click the Castel image and press V to activate the Move Tool. Left-click the image and drag the image to the main canvas and change layer name to “Castel”.

9a-castel

Now add vector mask from the bottom of layers palette .

Now activate Brush tool (B) with these settings :

  • Brush size: 400px
  • Hardness: 0%
  • Opacity: 40%
  • Flow: 100%
  • Color: #000000

Now paint over the highlighted area.

9b-castel-vector-mask

The result should be similar to this:

9c-castel

Now create new Brightness/Contrast adjustment layer from the bottom of layers palette .Press Alt+left click in between 2 layer’s (Castel layer and Brightness/Contrast) to make a mask.

When the Brightness/Contrast box opens, input the following:

9d-castel-brightnss-contras

Now create new gradient map adjustment layer from the bottom of layers palette .Press Alt+left click in between 2 layer’s (Castel layer and gradient map) to make a mask.
When the gradient map box opens, input the following:

9e-castel-gradient-map

Now create new Curves adjustment layer from the bottom of layers palette .Press Alt+left click in between 2 layer’s (Castel layer and Curves) to make a mask.
When the Curves box opens, input the following:

9f-castel-curves

Now create one more Curves adjustment layer from the bottom of layers palette .Press Alt+left click in between 2 layer’s (Castel layer and Curves) to make a mask.
When the Curves box opens, input the following:

9f-castel-curves2

Now select the mask layer of second curves layer .

Now activate Brush tool (B) with these settings :

  • Brush size: 400px
  • Hardness: 0%
  • Opacity: 40%
  • Flow: 100%
  • Color: #000000

Now paint over the highlighted area.

9g-castel-curves-mask

The result should be similar to this:

9h-castel-final

Step 10

Now,let’s open Los Picos de Europa 10 in Photoshop. We will be using the base ground from this stock image so we will need to transfer it to our main canvas.

Click Los Picos de Europa 10 and press V to activate the Move Tool. Left-click the image and drag the image to the main canvas and change layer name to “Base”.

10a-base-vector-mask

Now create new Hue/Saturation adjustment layer from the bottom of layers palette .Press Alt+left click in between 2 layer’s (Base layer and Hue/Saturation) to make a mask.
When the Hue/Saturation box opens, input the following:

10b-base-hue-saturation

Now create new Curves adjustment layer from the bottom of layers palette .Press Alt+left click in between 2 layer’s (Base layer and Curves) to make a mask.
When the Curves box opens, input the following:

10c-base-curves

Now create a Gradient map adjustment layer which can be found by pressing on the Create New Fill/Adjustment layer button shown on the layer window.Press Alt+left click in between 2 layer’s (Base layer and Gradient map) to make a mask.
When the Gradient map box opens, input the following:

10d-base-gradient-map

The result should be similar to this: .

10e-base-final

Step 11

First off, let’s open Eyrin 1 stock in Photoshop. We will be using the girl from this stock image so we will need to transfer it to our main canvas.
Click the Eyrin 1 and press p to activate pen tool and then make a selection around the girl and then click V to activate the Move Tool. Left-click the image and drag the image to the main canvas and change layer name to “girl”.

11a-girl

Now create new Hue/Saturation adjustment layer from the bottom of layers palette .Press Alt+left click in between 2 layer’s (Girl layer and Hue/Saturation) to make a mask.
When the Hue/Saturation box opens, input the following:

11b-girl-hue-saturation

Now create new Curves adjustment layer from the bottom of layers palette .Press Alt+left click in between 2 layer’s (Girl layer and Curves) to make a mask.
When the Curves box opens, input the following:

11c-girl-curves

Now create a Gradient map adjustment layer which can be found by pressing on the Create New Fill/Adjustment layer button shown on the layer window.Press Alt+left click in between 2 layer’s (Base layer and Gradient map) to make a mask.
When the Gradient map box opens, input the following:

11d-girl-gradient-map

The result should be similar to this:

11e-girl-final

Step 12

Now create new Layer above girl layer and name it “Hair” then install hair brush .

Now activate Brush tool (B) with these settings :

Brush size: 400px
Hardness: 0%
Opacity: 100%
Flow: 100%
Color: #201921

Now paint over the highlighted area.

12a-hair-brush

The result should be similar to this:

12b-hair-final

Step 13

Now create a new layer above base layer and below girl layer and name it “girl shadow” then activate pen tool (p) and make a selection and fill it with #000000 color.

13a-shadow-color-fill

Now go to Filter>Blur>Gaussian Blur .
When the Gaussian Blur box opens, input the following:

13b-shadow-gaussian-blur

Now go to Filter>Blur>Motion Blur.
When the Motion Blur box opens, input the following:

13c-shadow-motion-blur

Step 14

Next, change its layer mode to Multiply and Opacity to 75% .
13d-shadow-mode

Now,let’s open the Balloon image in Photoshop. We will be using the Balloon from this stock image so we will need to transfer it to our main canvas.

Click the Balloon image and press V to activate the Move Tool. Left-click the image and drag the image to the main canvas and change layer name to “Balloon”.

14a-balloon

Now create new b from the bottom of layers palette .Press Alt+left click in between 2 layer’s (Balloon layer and Hue/Saturation) to make a mask.
When the Hue/Saturation box opens, input the following:

14b-balloon-hue-saturation

Now create new Hue/Saturation adjustment layer from the bottom of layers palette .Press Alt+left click in between 2 layer’s (Balloon layer and Hue/Saturation) to make a mask.
When the Hue/Saturation box opens, input the following:

14c-balloon-hue-saturation

Now create new Gradient Map adjustment layer from the bottom of layers palette .Press Alt+left click in between 2 layer’s (Balloon layer and Gradient Map) to make a mask.
When the Gradient Map box opens, input the following:

14d-balloon-gradient-map

The result should be similar to this:

14e-balloon-final

Step 15

Now,let’s open the SteamPunk Boat in Photoshop. We will be using the ship from this stock image so we will need to transfer it to our main canvas.
Click the SteamPunk Boat and press V to activate the Move Tool. Left-click the image and drag the image to the main canvas and change layer name to “Ship”.

15a-ship

Now Create new Curves adjustment layer from the bottom of layers palette .Press Alt+left click in between 2 layer’s (Ship layer and Curves adjustment) to make a mask.
When the Curves adjustment box opens, input the following :

15b-ship-curves

Now Create new Hue/saturation adjustment layer from the bottom of layers palette .Press Alt+left click in between 2 layer’s (Ship layer and Hue/saturation adjustment) to make a mask.
When the Hue/saturation adjustment box opens, input the following :

15c-ship-hue-saturation

The result should be similar to this:

15d-ship-final

Now create a new layer and name it “Rope”.

Now activate Brush tool (B) with these settings :

  • Brush size: 80px
  • Hardness: 0%
  • Opacity: 100%
  • Flow: 100%
  • Color: #15172c

Now paint over the highlighted area.

15e-ship-rope

Step 16

Now go back to Balloon layer make a new layer above ballon layer and name it “Light1? .

Now activate Brush tool (B) with these settings :

  • Brush size: 100px
  • Hardness: 0%
  • Opacity: 40%
  • Flow: 100%
  • Color: #c6a17d

Now paint over the highlighted area.

16a-balloon-light1

Then make a layer mask of it and change it’s layer mode to “Overlay” .

16b-balloon-light1-mode

Then again make a new layer and name it “Light2? .

Now activate Brush tool (B) with these settings :

  • Brush size: 60px
  • Hardness: 0%
  • Opacity: 100%
  • Flow: 100%
  • Color: #dd7411

Now paint over the highlighted area.

16c-balloon-light2

Now change it’s layer mode to Overlay and Opacity to 65%.

16d-balloon-light2-mode

Step 17

Now create a layer above Castel layer and name it “Beam” .

Now activate Brush tool (B) with these settings :

  • Brush size: 2 px
  • Hardness: 100%
  • Opacity: 100%
  • Flow: 100%
  • Color: #64bbe7

Then activate Pen Tool (P) and draw a line then make a right click and select “Stroke Path”.

17a-beam-stroke-path

When the Stroke Path box opens, input the following and hit enter:

17b-beam-brush

Now again make a right click this time choose “Delete Path” and hit enter.

17c-beam-delete-path

The result should be similar to this:

17d-beam-final

Now add vector mask from the bottom of layers palette .

Now activate Brush tool (B) with these settings :

  • Brush size: 400px
  • Hardness: 0%
  • Opacity: 40%
  • Flow: 100%
  • Color: #000000

Now paint over the highlighted area.

17e-beam-vector-mask

The result should be similar to this:

17f-beam-final

Now,let’s open the Lens flare-1 in Photoshop. We will be using the Lens flare from this stock image so we will need to transfer it to our main canvas.
Click the Lens flare-1 and press V to activate the Move Tool. Left-click the image and drag the image to the main canvas and change layer name to “Blue Beam”. Change its layer mode to “Screen”.

17g-blue-beam-mode

Now Make a dupilicate (ctrl+j) of Blue beam layer and change it opacity to “50%” .

17h-blue-beam-opacity

Step 18

Now,let’s open the Lava Texture in Photoshop. We will be using the lava from this stock image so we will need to transfer it to our main canvas.

Go to Select>Color Range

When the Color Range box opens, input the following and hit enter:

18a-lava-texture

While the lava part got selected press V to activate the Move Tool. Left-click the image and drag the image to the main canvas and change layer name to “Lava1?.
Make a layer mask of this layer see as below :

18b-lava1-resize

Now add vector mask from the bottom of layers palette .

Now activate Brush tool (B) with these settings :

  • Brush size: 400px
  • Hardness: 0%
  • Opacity: 40%
  • Flow: 100%
  • Color: #000000

Now paint over the highlighted area.

18c-lava1-vector-mask

The result should be similar to this:

18d-lava1-final

Do the same thing and add some more lava effects.

18e-lava1-final

Now,let’s open the Molten lava river in Photoshop. We will be using the Molten lava river from this stock image so we will need to transfer it to our main canvas.

Click the Molten lava river and press V to activate the Move Tool. Left-click the image and drag the image to the main canvas and change layer name to “Lava4?.

18f-lava4

Now make it a layer mask and change its layer mode to “Screen” .

18g-lava4-mode

Now add vector mask from the bottom of layers palette .

Now activate Brush tool (B) with these settings :

  • Brush size: 400px
  • Hardness: 0%
  • Opacity: 40%
  • Flow: 100%
  • Color: #000000

Now paint over the highlighted area.

18h-lava4-vector-mask

The result should be similar to this:

18i-lava4-final

Now,make 3 more duplicate of Lava4 layer.

18j-lava4-final

Now create a layer above Lava layers and name it “smoke”.

Now activate Brush tool (B) with these settings :

  • Brush size: 400px
  • Hardness: 0%
  • Opacity: 40%
  • Flow: 100%
  • Color: #000000

Now paint over the highlighted area.

18k-lava4-black-smoke

The result should be similar to this:

18l-lava4-final

Step 19

Now create a new layer above lava layers and name it “Highlight” .

Press Ctrl+Click on the vector mask of Rock layer to make the visible area selected.

19a-rock-selection

In Path window choose Make work path from the bottom of the path palette.

19b-rock-paths

The result should be similar to this:

19c-rock-work-path

Now activate Brush tool (B) with these settings :

  • Brush size: 2 px
  • Hardness: 100%
  • Opacity: 100%
  • Flow: 100%
  • Color: #ca680c

Then activate pen tool (p) and draw a line then make a right click and select “Stroke Path”.

19d-rock-stroke-path

When the Stroke Path box opens, input the following and hit enter.

19e-rock-simulate-pressure

Then again make a right click and choose Delete Path .

19f-rock-delete-path

Now set its opacity to “54%” .

19g-rock-highlight

Step 20

Now follow the same steps for the lava and highlights for our mountain3 layer see as below .

20a-mountain3-lava-highligh

Now create a new layer below Rock layer and name it “light reflection” .

Now activate Brush tool (B) with these settings :

  • Brush size: 400px
  • Hardness: 0%
  • Opacity: 40%
  • Flow: 100%
  • Color: #912927

Now paint over the highlighted area.

20b-mountain3-light

The result should be similar to this:

20c-mountain3-final

Step 21

Now lets get back to the girls layer create a new layer above girls layer and name it “highlight1? .

Now activate Brush tool (B) with these settings :

  • Brush size: 400px
  • Hardness: 0%
  • Opacity: 40%
  • Flow: 100%
  • Color: #000000

Now paint over the highlighted area.

21a-girl-highlight1

The result should be similar to this:

21b-girl-highlight1-final

Create one more layer above highlight1 layer and name it “highlight2? .

Now activate Brush tool (B) with these settings :

  • Brush size: 400px
  • Hardness: 0%
  • Opacity: 40%
  • Flow: 100%
  • Color: #dd7411

Now paint over the highlighted area.

21c-girl-highlight2

Now change its layer mode to “Color dodge” and opacity to “45%” .

21c-girl-highlight2-final

Now duplicate the highlight2 layer and name it “highlight3? .

Now go to Filter>Blur>Gaussian Blur

When the Gaussian Blur box opens, input the following:

21d-girl-highligh3

The result should be similar to this:

21e-girl-highlight3-final

Now, add some more highlights .

21f-girl-more-highlight

Step 22

Now create a Color Balance adjustment layer which can be found by pressing on the Create New Fill/Adjustment layer button shown on the layer window:

When the Color Balance box opens, input the following:

22a-final-touch-color-balan

Select the mask layer of Color Balance adjustment layer .

Now activate Brush tool (B) with these settings :

  • Brush size: 400px
  • Hardness: 0%
  • Opacity: 40%
  • Flow: 100%
  • Color: #912927

Now paint over the highlighted area.

22b-final-touch-mask

The result should be similar to this:

22c-final-touch-final

Step 23

Now create a Gradient Map adjustment layer which can be found under Layer>New Adjustment Layer>Gradient Map. When the Gradient Map box opens, input the following:

23a-final-touch-gradient-ma

Now activate Brush tool (B) with these settings :

  • Brush size: 400px
  • Hardness: 0%
  • Opacity: 40%
  • Flow: 100%
  • Color: #912927

Now paint over the highlighted area.

23b-final-touch-mask

The result should be similar to this:

23c-final-touch-finalDon’t forget to Rate this post and Share 🙂

 

About Shah Zeb Raza

Name : Shah Zeb Raza . He is Admin and Owner of WebsTeach. he is a developer and designer of website's , Hosting , Software , Applications, Professional Editor Of pictures, SEO Expert and much more. Visit Blog : www.shahzebraza.com

Leave a Reply

Your email address will not be published. Required fields are marked *

*

x

Check Also

2 Best Ways to How to Shrink a Shirt

2 Best Ways to How to Shrink a Shirt

In this article we will be discussing about How to Shrink a ...