On the way to Silent Hill

In this lesson we will learn how to create a realistic illustration based on the movie “Silent Hill” (“Silent Hill”). This lesson covers techniques such as creating a fog using only a few layers of fill and a Cloud filter, combining images together, making realistic brushes and giving the image a soft contrast using the Blur tool and several blending modes.

Preview

Resources:

Archive

Step 1: Creating the file
Let’s start by creating a new file, go to the menu bar and select File – Create/ File – New, and then enter the following values ​​in the appropriate fields:
– Set: international paper size
– Dimensions: A4
– Width: 2480 pixels
– Height: 3508 pixels
– Resolution: 300 dpi
– Color Mode: RGB color, 8 bit
– Background content: white

Step 2: Creating the Background
In this step we will create a background. First, let’s open the image Roads. After opening, activate the tool Moves/ Move tool by clicking V on keyboard. Now, drag this image into our canvas. It should look like this:

Then turn on the tool Transformation/ Transform (Ctrl / Cmd + T) and resize the image as below:

The result should be something like this:

Next, let’s fix the corner of our background. To do this, turn on the tool Transformation/ Transform (Ctrl / Cmd + T), when the grid appears, right-click on the image and select in the context menu Distortion/ Distort. See image below:

To distort the image, refer to the instructions in the image below:

The result should be something like:

Next, let’s clean the background – remove unwanted bulky things on the road. To do this, turn on the tool Stamp / Clone Stamp (S). After activation, enter the following:
– Brush size: 300px
– Stiffness: 0%
– Opacity: 100%
– Press: 100%

Now, let’s get started!

Result:

Clean it up a bit – activate the tool again. Stamp/ Clone stamp and install the following:
– Brush size: 100px
– Stiffness: 0%
– Opacity: 100%
– Press: 100%
Now, remove the unnecessary parts as shown below:

Result:

Now, let’s adjust the foreground lighting. First, create a new layer (Ctrl / Cmd + Shift + N) and name it Darker.

Then activate the tool Brush/ Brush tool by clicking “B” on keyboard. After that, make sure the brushes are selected from the standard set of Photoshop. See image below:

To see this, just right-click on the canvas at this time. Cysts s/ Brush Tool (B) must be active, and then click on the button shown below:

Then click the button Restore brushes/ Reset Brushes in the context menu.

Now set the following parameters for our Brushes / Brush Tool (B):
– Brush size: 900px
– Stiffness: 0%
– Opacity: 25%
– Press: 100%
– #: 000000

Note: The brush color is # 000000. To adjust the color, follow the instructions below:
The color 000000 means that the brush is black. To set the brush color, follow the instructions below:

Now, let’s draw!

Result:

Step 3: Making Ash
Let’s add some ash falling from the sky. First, create a new layer (Ctrl / Cmd + Shift + N), let’s call it “Ash 1”.
Now, activate the tool Brush/ Brush Tool (B) and open the brush set with snow. To load them, simply right-click on our canvas, and then click on the drop-down menu button, as shown below:

Next, in the context menu, click Download brushes/ Load Brushes.

Now select: Adobe Photoshop – Presets – Brushes making sure you save brushes to this folder. Find a brush and click OK. Right-click the canvas again using Brushes /Brush Tool (B), and you will see that now brushes with snowflakes are activated. Select this brush:

Now enter the following parameters:
– Brush size: 2500px
– Stiffness: default
– Opacity: 25%
– Press: 100%
– #: 000000

Result:

Next, let’s create a second batch of ashes. Create a new layer (Ctrl / Cmd + Shift + N) and call it “Ash 2”. Activate the tool Brush (B) and select the next brush from the set with snowflakes:

Now apply the following settings:
– Brush size: 1800px
– Stiffness: default
– Opacity: 25%
– Press: 100%
– #: 000000

Try to get a result similar to this:

Next, let’s create a third batch of ashes. Create a new layer (Ctrl / Cmd + Shift + N) and name it “Ash 3”. Then activate Brush/ Brush Tool (B) and select the next brush from the set with snowflakes

– Brush size: 1700 pixels
– Stiffness: default
– Opacity: 15%
– Press: 100%
– #: 000000
Now let’s draw:

Result:

Step 4: Making Blood
At this stage we will add some bloody stains to the ground. First, let’s create a new layer (Ctrl / Cmd + Shift + N) and call it “Blood 1”. Then select the tool Brush / Brush tool (B) and load the brush with blood. After loading, select the following brush:

Set the following parameters for this brush:
– Brush size: 200px
– Stiffness: 0%
– Opacity: 75%
– Press: 100%
– #: 621b1b

Then change the layer opacity to 50%. To do this, simply click on 100% of the word. Opacity/ Opacity in the layers palette and then change it to 50%.

Now let’s draw:

Result:

Next, let’s create a second blood spot on the ground. Create a new layer (Ctrl / Cmd + Shift + N) and name it “Blood 2”. Activate the tool Brush / Brush tool (B) and use the following brush:

Set the brush settings:
– Brush size: 125px
– Stiffness: 0%
– Opacity: 25%
– Press: 100%
– #: 621b1b

Draw blood as shown below:

Result:

Now that we’re done, select all the layers and click Ctrl / Cmd + G, to group them. Grouping is needed to avoid confusion in the following stages. Rename the group to “Background”.
Note: Renaming a group is similar to renaming a layer. Simply double-click on the word “Group 1” to activate the text layer. You will also notice that the layers will be hidden from view. To view them again, left-click on the arrow next to the group name. See below:

Step 5: Girl Creation
In this step, we will add a beautiful confident girl who is walking along the “Silent Hill” road. First, let’s open the image of the girl. Activate the tool Polygonal Lasso / Polygonal Lasso (L) and create a selection around the girl.

Now that you’ve created the selection, it’s time to move it to the canvas. Activate the tool Move / Move tool (V) and drag it onto the canvas. Rename the layer to “Girl”.
Place it in this area:

Then turn on the tool Transformations /Transform (Ctrl / Cmd + T), change the size of the ladies as shown below:

Result:

Activate the tool Transformations/ Transform (Ctrl / Cmd + T) again, and then right-click on the canvas to display the context menu of the tool. Transformations/ Transform. Once the menu opens, click Turn/ Rotate. Rotate the image as shown below:

Result:

Next we will change the saturation of the image. To do this, click on the layer with the girl and go to Image – Correction – Hue / Saturation Image – Adjustments – Hue / Saturation and enter the following:
• Edit: Master (All)
• Color tone: 0
• Saturation: -74
• Brightness: +8

The result should be something like:

Let’s combine a girl with a foggy background. We use Eraser , to reduce the opacity of the girl. Activate the tool Eraser/ Eraser tool (E) and enter the following:
– Brush size: 500px
– Stiffness: 0%
– Opacity: 25%
– Press: 100%

The result should look like the image shown below:

Now let’s add some shadow under her feet to make the greatest combination with the image. First, create a new layer (Ctrl / Cmd + Shift + N) and name it “Shadow”, place this layer under the layer with the girl. Then activate the tool Brush / Brush Tool (B) and select Reset brushes/ Reset your brushes.

Now use the following parameters:
– Brush size: 250px
– Stiffness: 0%
– Opacity: 15%
– Press: 100%
– #: 000000

Let’s draw!

Result:

Now let’s change the contrast. First, make sure that the active layer is a layer with a girl and go to Image – Correction – Brightness / Contrast Image> Adjustments> Brightness / Contrast, and then set the following parameters:
– Brightness: 0
– Contrast: -15
– Use former: enabled

Result:

Now that you are done, group all the layers you created for this step and name this group “Girl.”

Step 6: Creating a Nurse
Now let’s add the creepy nurses. First, open the image with the nurses. After opening, activate the tool Polygonal Lasso/ Polygonal Lass (L) and highlight the nurse as shown below:

Activate the tool Move/ Move tool (V) and drag the nurse onto our canvas. Place this layer above the “Girl” group. Name the layer “Nurse 1” and position it as shown below:

Now activate the tool Transformation/ Transform (Ctrl / Cmd + T) and resize the image as below:

After that change Hue / Saturation Hue / Saturation of the “Nurse 1” layer. Make sure the “Nurse 1” layer is active and go to Image – Correction – Hue / Saturation Image> Adjustments> Hue / Saturation, and then enter the following values:
– Color tone: 0
– Saturation: -74
– Brightness: +8
The result should be something like this:

In order to fit the image into the composition, we need the tool Eraser/ Eraser tool (E). Activate it and enter the following values:

– Brush size: 300px
– Stiffness: 0%
– Opacity: 25%
– Press: 100%
Erase part of the “Nurse 1” layer as shown below:

After that lower Opacity/ Opacity layer “Nurse 1” to 90%.

The result should be something like:

Let’s create a shadow so the nurse looks like she really stands on the road. First, create a new layer (Ctrl / Cmd + Shift + N) and call it “Shadow”. Place this new layer under the “Nurse 1” layer so that the shadows appear under the nurse, not on her.
Activate the tool Brush/ Brush tool (B) and then enter the following:
– Brush size: 100px
– Stiffness: 0%
– Opacity: 15%
– Press: 100%
– #: 000000

Let’s draw!

Result:

Now add the second nurse. Activate the tool Polygonal Lasso/ Polygonal Lasso (L) and highlight the second nurse. See image below:

After creating the selection, activate the tool Move / Move tool (V) and drag the second nurse onto our canvas. Name the layer “Nurse 2”. Place this layer above the “Nurse 1” layer. Arrange it as shown in the image below:

After that, activate the tool Transform /Transformation (Ctrl / Cmd + T), and then resize Nurses 2 as shown below:

Make sure the “Nurse 2” layer is active, and then change Hue / Saturation Hue / Saturation by going to Image – Correction – Hue / Saturation Image> Adjustments> Hue / Saturation, and then enter the following:
– Edit: Master (All)
– Color tone: 0
– Saturation: -74
– Brightness: +8
The result should be something like this:

We mix this image with all our work. Activate the tool Eraser/ Eraser tool (E) and enter the following:
– Brush size: 200px
– Stiffness: 0%
– Opacity: 50%
– Press: 100%
Now proceed to erase:

The result should be something like:

Next, let’s create a shadow. Create a new layer (Ctrl / Cmd + Shift + N) and name it “Shadow 2”. Place this layer below the “Nurse 2” layer.
Activate the tool Brush / Brush tool (B), and then enter the following values:
– Brush size: 15px
– Stiffness: 0%
– Opacity: 15%
– Press: 100%
– #: 000000
Let’s draw!

Result:

Now that we’re done with nurses, group them together and name the Nurses group.

Step 7: Add a demonic creature
Now add a strange creature. To begin, open the creature image. Activate the tool Move/ Move tool (V) and drag this image onto our canvas.

Note: This is a PNG file, and its background remains transparent, which means that it does not have a background – just a creature. Thus, after moving it to our canvas, you will only see the creature. Rename this layer to “Monster”.
Activate the tool Transformations/ Transform (Ctrl / Cmd + T), and then resize the monster as shown below:

Then reduce Opacity/ Opacity layer up to 40%.

Result:

Now let’s activate Eraser / Eraser tool (E) and erase some parts of this creature to combine it with a foggy landscape. Activating Eraser/ Eraser tool (E) Enter the following parameters:

– Brush size: 400px
– Stiffness: 0%
– Opacity: 25%
– Press: 100%
Now we wash!

Result:

Step 8: Creating Fog
At this stage we will add fog to feel Silent Hill. To begin with, let’s create Color correction layer/ Solid Color Adjustment layer. To do this, simply click on the button in the image below:

When it opens, click on:

After you clicked on Colour/ Solid Color, a window will open for Color picker/ Color picker. After opening, enter the following color:
#: Ffffff

Now your image is all white, but we don’t need it, so let’s reduce the layer opacity and change the blending mode:
– Blend Mode: Soft light/ Soft light
– Opacity: 50%

The result will be something like this:

Next, create a gradient adjustment layer. Press the button Create a new adjustment or fill layer Create New Fill New Fill / Adjustment layer and select Gradient/ Gradient.

After opening, enter the following:

Now your canvas is filled with black and white gradient, change the blending mode, opacity and fill:
– Blend Mode: Soft light/ Soft light
– Opacity: 40%
– Fill: 40%

Then create a new layer (Ctrl / Cmd + Shift + N) and name it Clouds. After that, go to Filter – Rendering – Clouds/ Filter> Render> Clouds. After that you will see that the whole canvas is filled with smoke, we need to mix it with our image. Change the blending mode and opacity:
– Blend Mode: Soft light/ Soft light
– Opacity: 30%

Result:

Next, create a new adjustment layer with a gradient to smooth out the “clouds” effect. After opening, enter the following:

After pressing a button OK, right click on this layer and click on the button Create clipping mask/ Create Clipping Mask.

After that, change the opacity of the adjustment layer to 40%.
The result should be something like:

Now we will add more fog on our subjects. First, let’s create a new layer (Ctrl / Cmd + Shift + N) above the gradient layer we just made. Name this layer “Fog 2”. Activate the tool Brush/ Brush tool (B) and then Reset brushes/ Reset the brushes.

After resetting, enter the following:
– Brush size: 1300px
– Stiffness: 0%
– Opacity: 25%
– Press: 100%
– #: Ffffff

Now let’s start drawing!

Result:

Next, let’s add some more fog. First, create a new layer (Ctrl / Cmd + Shift + N) and name it “Fog 3”. Activate the tool Brush (B), and then enter the following values:
– Brush size: 1000 pixels
– Stiffness: 0%
– Opacity: 15%
– Press: 100%
– #: Ffffff

Let’s start drawing:

The result should be something like:

Now that everything is done, let’s select all the layers that we created in this step and group them together (Ctrl / Cmd + G) their. Call this group “Fog.”

Step 9: Create a Vignette
Now we will learn how to create a vignette that will increase the focus on your work. To start, go to the main menu and select File – Create / File> New and use the same settings that we used to create our canvas. (See step 1). Please note, the background content should be WHITE. Once the layer is created, go to the menu Filter – Distortion – Distortion Correction / Filter> Distort> Lens Correction. Find the tab Vignette/ Vignette and use these settings: Effect/ Amount: -100, Mid point/ Midpoint: +50

Now that this is done, drag the vignette onto our canvas with the tool Move/ Move Tool (V) and place it on top of all the layers we created, and then set the following options: Blend mode Multiplication/ Multiply, Opacity – 25%, Fill – 25%.

Result:

Step 10: Retouching
Now we will correct the colors of the whole image to give it a more “cold” look. To begin with, let’s create Color correction layer/ Solid Color Adjustment layer.

When the menu opens, click on the following:

Enter the following value in the field #: 030221

Now the whole canvas is covered in dark blue. To blend the layer with our image, change the blending mode and opacity to the following: Blend mode An exception/ Exclusion, Opacity – 40%.
The result should be something like:

Next, create Adjustment layer – Color balance /Color Balance adjustment layer.

When the window Color balance/ Color Balance opens, enter the following: -10, 0, +10, Tone – Mid tones/ Midtones, Keep brightness tones: enabled

Result:

Now that we’ve finished, let’s merge all the layers together to save them as one image. To do this, right-click on any layer, and then click Merge layers/ Flatten image. See image below:

Step 11: Giving a Glow Effect
At this stage we will give the image a glow effect to highlight the fog. Copy the image (Ctrl / Cmd + J), click on the duplicated layer and go to Filter – Blur – Gaussian Blur/ Filter> Blur> Gaussian Blur.
Radius: 16.0 pixels.

After this, you will see that your image has become blurred, so to make it glow, change the blending mode to Light replacement/ Lighten (duplicate) and set its opacity to 25%.

The result should be something like this:

Author: Michael Vincent Manalo

Like this post? Please share to your friends: