Invasion

You will learn how to create a city destroyed by robots and spaceships. In this lesson, you will learn how to compose a composition of a city using various stock images, and we also use images of smoke and fire.

Final result

Source materials:

STEP 1 – Create a New Document

Open Photoshop and create a new document 1280 x768 px File – New (File> New).

STEP 2

Starting from this step, we will create a foreground for our scene. Open the image with the ruins, move this image to our document. Rotate the image. Choose a tool Pen(Pen tool). Using the pen tool, select the part of the ruins in the image that we use to foreground our composition.

Select the part of the ruins highlighted in red in the screenshot below. When you close the contour, right-click on the contour and in the window that appears, select the option To form a selected area (Make Path selection). Finally, press the Del key to remove the unallocated portion of the image.

STEP 3

Next, scale the selected image of the ruins according to the size of the document. Duplicate the image with the ruins several times as necessary and place duplicates, creating the main composition of the ruins in the foreground. Once you have achieved the desired result, combine all the layers together. I called the merged layer “main front plane”. You can see the result in the screenshot below.

STEP 4

Add ruins to the left side of the composition. I called this layer “left foreground”. We have finished creating the foreground. Select all the layers related to the foreground and press the Ctrl + G keys to group them together. I called this group “fore”.

STEP 5

After creating the foreground, we will continue to create a ruined city. Open the image of the city, and then move this image to our document. Name this layer “city”. Double click on the layer with the city so that the settings window appears. Overlay options (Blending Options). Go to settings To impose, if a(Blend, if). You will see two sliders, one black and the other white. Pull the white slider to the left to the value 110. You can see the result in the screenshot below.

STEP 6

What I did next, I applied the scaling to the image with the city in accordance with the size of the document. Next, I duplicated the city layer and changed the blending mode for the duplicate layer to Overlap (Overlay) 100% layer opacity. Finally, I left the blend mode unchanged for the original layer with the city, i.e. Normal (Normal) and reduced the layer opacity to 43%.

STEP 7

We will add more buildings to create the city. Open the image with the tower. Separate the tower from the background. Flip the selected image of the tower horizontally. Next, let’s give the effect of destruction to a building, by applying Overlay options (Blending Options), almost the same as what we did in the previous step (Step 5).

For the image with the tower, I moved the black slider to a value of 40 to get the result, as in the screenshot below. Finally, add a layer mask to the turret layer. Select the Spray brush and on the layer mask use a black brush to brush the upper part and the left edge of the tower with a black brush. Next, I moved the image with the tower to our document, applying scaling.

STEP eight

Also, as in the previous steps (step 5 and 7), I added another building to our document. Once we have given the appearance of the destruction of the building with Overlay options (Blending Options), (see the settings in the screenshot below), I lent a bit of damage to the top and edges of the building, just as I did with the tower in step 7. Finally, I positioned the building where it fits best.

STEP 9

Further, I also added the destroyed building. Open the original image Industrial smoke. I called this layer “plant”. Destroy the building just as we did in the previous steps. See the settings in the screenshot below. Finally, position the building where it fits best.

STEP ten

To complete the composition of the ruined city, I added another image with an industrial plant and gave it a destructive look. See the settings and the result in the screenshot below.

STEP eleven

After completing the composition of the destroyed city, we will add a background to our scene. The background should include thick smoke, because The idea of ​​this manipulation is a city on fire. We use smoke using the stock image we used earlier (stock image Industrial smoke). Press Ctrl + T to activate the tool. Free transformation (Free Transform Tool). Just zoom in. Make sure the smoke covers the background of our composition, as shown in the screenshot below. I called this layer “smoke”.

Next, I duplicated the smoke layer and applied the blend mode to the duplicate. Multiplication (Multiply), layer opacity is 100%. Finally, I created a new layer (Shift + Ctrl + N) between the original smoke layer and the duplicate smoke layer. I filled the new layer (Shift + F5) with the color shade # 626962. Change the blending mode for this layer to Lightening (Screen), layer opacity is 100%.

STEP 12

This composition I created:

STEP 13

After we have created a destroyed city, the next thing we will do is set it on fire. Open the image with Sparks, move this image to our document. Apply scaling according to the size of the document. Position the image as shown in the screenshot below. Make sure that the layer with sparks is located below all layers with destroyed buildings. Change the blending mode for this layer to Lightening (Screen).

STEP 14

Add an image with fire to our scene. Do not forget to apply scaling in accordance with the size of the document, arranged as in the screenshot below. Change the blending mode for this layer to Lightening (Screen), layer opacity is 100%. Add a layer mask to the layer to trim the edges a bit.

STEP 15

Duplicate the image with sparks, located behind the industrial building. Change the blending mode for this layer to Lightening (Screen), layer opacity is 100%. Add a layer mask to the layer to remove excess areas.

STEP 16

Try to play with sparks, duplicate the image with sparks several times, apply a different scale and location on the document where you see fit to get the desired result. Not necessarily you should be just like me. You can experiment here. In the screenshot below, what I did:

STEP 17

Add even more fire to our scene. Once again, open the fire image (or you can duplicate the fire layer that we created in Step 14), make sure that this fire layer is located on top of the city layers that we created in steps 5-6.

STEP 18

Next, go to the layer with the tower. Let’s go Layer – New Adjustment Layer – Color Balance (Layer> New Adjustment Layer> Color Balance). Use this adjustment layer as a clipping mask. With this correction, we will give the tower reddish-yellow shades to match the surrounding atmosphere.

STEP nineteen

Open another image with fire. Name this layer “flame”. Place the flame in front of the building. Change the blending mode to Lightening (Screen), layer opacity is 100%. As usual, apply scaling. And with the help of a layer mask, remove the extra areas.

STEP 20

Add more fire and sparks to our scene, placing them in front of the building. Just try randomly adding fire to get the desired result.

STEP 21

Next, I decided to make the scene a little darker. For this, I created a new layer, which is filled with black color. Change the blending mode for this layer to Soft light (Soft Light), layer opacity is 100%. I called this layer “blackout”. Add a layer mask to this layer and using a soft black brush with an opacity of 20-30, process the areas to hide them. In the screenshot below, the areas that need to be brushed are highlighted in red.

STEP 22

Next, go to the layer with the group “foreground”. I decided to apply blur to the foreground, in particular to areas in the margins. For this, I used the tool Finger (Smudge tool). Choose a tool Finger (Smudge tool). Install a soft brush and By pushing (strength) 70-80. Spread the foreground.

STEP 23

Next, I performed color correction of the left foreground using an adjustment layer. Color Balance (Color Balance).

STEP 24

In conclusion, I decided to create a dark transition to the foreground layer. Select the layer with the “foreground” group. Create a new layer as a clipping mask on top of the foreground layer. Select a brush. Using a soft round brush with an opacity of 20%, brush strokes to create a transition effect.

PNote of translator: You can use a linear gradient, and then experiment with blending modes.

STEP 25

Next, select all the layers with the city, sparks, fire and flame. Press Ctrl + G to group all layers. Then duplicate the group. Zoom in a little on the duplicated group. Finally, in the duplicated group, delete the layer with the tower. See screenshot below:

STEP 26

In this step, we will add a space ship to our scene. For this, we transform the stock image of the grinding circle. Do the following: Open the stock image. Separate the image from the background. (See screenshot 1).

Next, press Ctrl + T to activate the tool. Free Transformation (Free Transform Tool) and rotate the selected image as shown in screenshot 2. Next, right-click on the document to display the tool options window. Free Transformation (Free Transform). Select an option Perspective (Perspective) and apply the perspective as shown in screenshot 3. Distort the image as shown in screenshot 4. I got the result, as in screenshot 5.

STEP 27

Next, I reflected the image vertically. Then, I duplicated the image and shifted the duplicate slightly to the left and down, as shown in screenshot 3. Finally, I deleted the extra areas. In the screenshots below, you can see all the actions. Press ctrl + E to merge layers.

STEP 28

Click on the merged layer and move the image to our document. Blend mode of this layer Normal (normal), layer opacity 20%. Duplicate the layer and change the blending mode for the duplicate layer to Soft light (soft light), layer opacity 20%.

STEP 29

I decided to add light lights to the spacecraft. Create a new layer. Choose a tool Brush (Brush Tool), set a round brush of very small diameter and press the F5 key to display the brush settings tab in the layers panel. In settings Brush print form (Brush tip shape), set Interval (Spacing) 166%. Foreground color set to white.

Next, select the tool Pen (Pen Tool) to create an outline on the spacecraft. Right-click on the contour. When the dialog box appears, select the option Outline the contour (Stroke Path). In the window that appears, select the brush tool. In the screenshots below, you can see all the steps in this step. Finally, group all the layers with the spacecraft and neon lights. I called this layer “space ship”.

STEP thirty

Duplicate the spacecraft group twice and place duplicates where you see fit.

STEP 31

Next, we will create another space unit. Open the image of a spaceship. Separate the image of the ship from the background. When you have already separated the ship, manually paint over the shapes for the bottom of the ship. For these purposes, I used the tool Pen(Pen tool).

Create a new layer, then draw the outline of the shape, and then fill the shape with a dark gray color. Then, with the help of the contour, I created another figure, which I filled with a light gray tint. Then I painted a turbine shape, which I filled with certain shades of gray. Finally, I applied the tool Dimmer and clarifier(Burn and Dodge tool) to give the turbine more details using light and shade.

STEP 32

To complete the creation of the space unit, I added tentacles, the images of which I created using another stock image.

STEP 33

Move the created space unit to our document. Duplicate the image three times and place each of the duplicates where you see fit.

STEP 34

Next, I added a picture of a man to our document. Open the image with the man, select and move the selected image with the man to our document. Apply scaling to the image with a man.

Create a new layer on top of the layer with the man. Fill this layer with black and change the blending mode for this layer to Lightening basics (Color Dodge). Set the foreground color to # fdae03. Using a small round soft brush with a low opacity of 4-7%, paint the lower front part of the man’s raincoat.

Finally, I created another layer, blending mode for this layer. Normal (normal), paint the left side of the man with a black brush, using a soft brush with low opacity.

STEP 35

In the next step, I decided to add machine-gun fire to the guns of the spacecraft. Create a new layer, draw a machine gun fire using yellow color and small white patches. We will create a feeling as if the space unit is firing machine gun fire.

STEP 36

Next, we will create a color tone for the entire image. I decided to just apply the adjustment layer. Color Balance (color balance). I used the same settings for Medium tones (midtones) that we applied earlier in Step 23.

STEP 37

Create a new layer. Fill this layer with black. Set the foreground color to # fe5401. Using a soft brush with a large diameter, apply a stroke in the center of the document. Finally, change the blending mode for this layer to Soft light (soft light), layer opacity 40%. I called this layer “fe5401”.

STEP 38

Next, duplicate the “fe5401” layer. Change the foreground color to white. Using a soft round brush, apply a smear in the center of the document. Blend mode for this layer Soft light (soft light), layer opacity is 100%. I called this layer “fe5401 + white”.

STEP 39

Create another new layer on top of the other layers. On this layer, we will draw the smoke that emanates from the firing guns that we created in Step 35. First, select the tool Brush(Brush Tool), and then press the F5 key to display the brush settings tab. Brush settings are shown in the screenshots below. Make sure the brush size is a small 8-10 px.

Next, select the tool Pen (pen tool), and using this tool, draw a straight contour, starting from the point of the gun shot. Next, apply a stroke to the contour. See the screenshot below, the result that I got.

STEP 40

Here is the image at the moment.

STEP 41

We are almost done. I decided to add some smoke to the image, considering the idea of ​​work – this is a military invasion, where there are many explosions, fire, so there should be smoke around. We use smoke from the image we used earlier to create the background (Step 11). First, we will create a brush.

Choose a tool Lasso(Lasso Tool) to create a selection, blending value set to 60. Press Ctrl + J to duplicate the selection to a new layer. Hide the original image by clicking on the eye next to the layer thumbnail. Next, go Editing – Define a brush (Edit> Define Brush Preset). I called this brush “Cloud”.

STEP 42

Create a new layer. Set the foreground color to # ebede9 and the background color to # a8a1a1. Choose a tool Brush (Brush Tool), and then select the Cloud brush that we previously created. Set the brush opacity to 15%. Next, paint the smoke on the new layer with the Cloud brush. See the screenshot below to see before and after applying the brush. I called this layer “fog”.

STEP 43

In the next step, duplicate the fog layer. The blend mode for the original layer Normal (normal), layer opacity 40%. Add a mask layer to this layer to hide some areas in the image. Next, go back to the layer with the duplicate. Blend mode for this layer Normal (normal), layer opacity is 44%. Finally, add a layer mask to the duplicate layer. Hide some areas in the image mask layer. See screenshots below.

STEP 44

Press Shift + Ctrl + Alt + E to merge all visible layers. Let’s go Image – Correction – Discolor (image> Adjustment> Desaturate). Then go Filter – Blur – Gaussian Blur (Filter> Blur> Gaussian Blur). Change the blending mode for this layer to Soft light (soft light), set the layer opacity to 19. I called this layer “blur”.

STEP 45

Next, apply an adjustment layer to the image. Levels (Levels). Let’s go Layer – New Adjustment Layer – Levels (Layer> New Adjustment Layer> Levels).

STEP 46

Finally, merge all visible layers again by pressing Shift + Ctrl + Alt + E. Go, Filter – Other – Color Contrast (Filter> Other> High Pass). Change the blending mode for this layer to Overlap(Overlay). Choose a tool Clarifier(Dodge Tool), install Range(range) Sveta (Highlight), with Exposure(exposure) 10%.

Apply strokes with this tool over the area of ​​smoke. With the help of these strokes, we will highlight certain areas of smoke. In the screenshot below, you can see the areas where to apply strokes. Finally, add a layer mask to the color contrast layer. Brush the foreground and spacecraft.

Final result

Like this post? Please share to your friends: