In this tutorial we will create a poster for the game in Photoshop. On Google, you can find different artworks that I was inspired to create this work. In this paper, we will need to make a bokeh effect and a rain effect, and also add a character that you can see in the game Battlefield. It will be a really interesting and detailed lesson, so sit back and enjoy this training course!
Create a new document in Photoshop with a width of 3000 pixels and a height of 2000 pixels by selecting File> New (File> New). Once you have created the document, put the image of the city in it.
Go to Layer > LayerMask > RevealAll (Layers> Mask Layer> Show All) and add a layer mask to the layer with the city. Activate the tool GradientTool (Gradient) (G), and then selecting a black and white gradient, draw a vertical line on the layer mask of the city layer (hold down the SHIFT key while applying a gradient) to hide the upper part of the sky.
After you hide the top of the image, create a new layer below the city layer by pressing the CTRL + SHIFT + N key combination and then paint the empty part of the sky with # 658fa2 color using a soft brush.
Now convert the city layer to SmartObjects (Smart Object). After go to Filter> Blur> GaussianBlur (Filter> Blur> Gaussian Blur) and set the blur radius to 16.8 pixels.
Go to Layer > NewAdjustmentLayer > ColorBalance (Layers> New Adjustment Layer> Color Balance) and change the color using only the settings Midtones (Mid Tones).
Step 5. Add bokeh lighting
Open the “bokeh” image in Photoshop and place it in our composition, as shown in the figure below. Place it on the right side of the document.
Duplicate the “bokeh” layer by pressing CTRL + J, then move it to the left.
Change the blending mode of both layers of the bokeh to Screen (Screen).
As you may have noticed due to the mode Screen (Screen) these two layers of “bokeh” overlap each other, so their edges turned out to be bright and clear. To fix this, add a layer mask for both layers, and then mask the edges of both layers with a soft round black brush.
After masking, your result should look something like this:
Select both bokeh layers, and then press the CTRL + E key combination to merge them. Remember to rasterize both layers if they are SmartObjects (Smart Object), otherwise you will not be able to combine them. Once you do this, you only get one layer of “bokeh”. Create an adjustment layer Levels (Levels) for the “bokeh” layer and using the values below, increase the contrast.
Do not forget to use a correction layer. Levels (Levels) like ClippingMask (Clipping mask) (click on the red icon).
I used an adjustment layer Color balance (Color balance) to change the color of the bokeh.
Place images with the sky in our work and add a layer mask to it. After adding a layer mask, hide the bottom of the sky, the one that is highlighted in red, using a soft black brush.
The sky below has already been added:
I picked up the color of the sky using the adjustment layer ColorBalance (Color balance).
Now we will add a roof. Add an image with a roof and rotate it horizontally (go to Edit> Transform> Flip Horizontal (Edit> Transform> Flip Horizontal)). Remove unwanted parts using selection tools.
Create an adjustment layer ColorBalance (Color balance) for this layer and add blue tones to the roof to match the background color.
The horizon area has a rich orange color and, obviously, does not correspond to the blue color of the composition. Set the foreground color to # 444479, and then paint over the area with a soft brush, as shown below.
Step 14. Add a soldier
Select and copy the soldier and place it on the roof. Remember to flip it horizontally.
Create a new layer under the soldier layer, and then draw the shadows under his feet using a soft black brush.
I lowered the soldier’s brightness using an adjustment layer. Curves (Curves). On layer mask Curves (Curves) I removed the dark effect on the part that is highlighted in red to make it brighter.
Using another adjustment layer Curves (Curves), I increased the brightness. Next, remove the effect of the adjustment layer on the back of the soldier so that it is darker.
After working with the light and shadow on the soldier, I used a correction layer. ColorBalance (Color balance) and changed its color to fit the background.
Step 17. Add rain
I used my old technique to make rain. For this, I used a combination of filters and adjustment layers. Here you can see the lessons in which everything is told about creating rain in Photoshop.
- Combine the effects of rain and fire in Photoshop
- Create a cinematic effect
In the image below you will see added rain:
Step 18. Add a highlight
Select the “Blurry Blue By CodeDraco” highlight from the archive. Now place it as shown below, and then change the blending mode to Screen (Screen).
I used an adjustment layer Hue / Saturation (Hue / Saturation) and changed the color of the flare, and then used an adjustment layer Levels (Levels) to remove its edges.
Below you can see how both adjustment layers affect the flare:
Now I chose the flare (26) flare and placed it to the right of the previous one, the blending mode changed to Screen (Screen).
I changed the color and contrast of the flare using the same adjustment layers with the same settings as for the previous flare.
Step 21. Draw water drops on the soldier
To draw water droplets on the soldier, create a new layer on top of all layers. Select a hard 1px round brush and change its scattering options. To open the brush settings panel, you need to press the F5 key after you have selected a brush.
Once you set the brush settings, choose a neutral color, I chose # c3c3c3, and then draw a few drops of water on the helmet, on the shoulders, on the gun, and also on the walkie-talkie. You can focus on the arrows that indicate where I painted the raindrops.
Step 22. Final Adjustment
I changed the color using the adjustment layer Curves (Curves), which is placed on top of all layers. In the image below you can see that I used the blue channel.
On the new layer, I drew lights using the color # ac3b19.
Blend mode ColorDodge (Lightening basics) 71%.
Now we draw the glare on the roof. This will be a reflection of light emanating from highlights and city lights. First create a new layer and then change its blending mode to Color (Chromaticity). After that, using color # 53341a, paint the roof where you want to highlight it.
Now create another layer and fill this layer with black. Change the blending mode of this layer to ColorDodge (Lightening the basics). Using a white brush, paint the highlights on the roof as I did below.
I used an adjustment layer Curves (Curves) to reduce the brightness in the corners of the composition. As you can see, I saved the dark effect in the upper right and lower left corner, which is highlighted in red, and masked the dark effect on the other parts. For this, I used a soft black brush and worked on a layer mask of the curves adjustment layer. Curves (Curves).
Using the file “Kodak 5218 Kodak2383” in ColorLookup (Search for color), I gave brightness to the whole image.
In the end, I used the Camera Raw filter. First, merge the entire layer into one layer by pressing the CTRL + SHIFT + ALT + E key combination, and then go to Filter > CameraRaw (Filter> Camera Raw Filter). Now enter the following values for Tint (Hue), Temprature (Temperature) and for Clarity (Definition). So we adjust the color and add sharpness.
Sharpness here we need in order for us to see barely noticeable raindrops, especially in the sky. They look too smooth, so the filter Clarity (Clarity) will help fix this. Feel free to experiment with this filter.
Here you can see how the layers are arranged in the layers panel: