Create a stylish summer poster in Photoshop

?In this lesson, I will show you how to create a beautiful summer poster from two photos. The application of this technique is based on the blending modes and filters, which I will discuss today. I will also tell you about color correction and about creating a single composition. In this lesson you can get several options for the final image! So let’s get down to the lesson to enjoy the atmosphere of the summer holidays!

Stages of the lesson

Many have photos from holidays. Why not add a bit of style and creativity to these photos to see them in a new way? We will start creating a picture with the addition of basic elements of the composition, as well as create a background. Then, we will create a new model and add effects. At the end of the lesson, we will work on the text and details. You can use your photos from summer vacations, a bit of creativity and good humor. You will also need Photoshop, starting with the CS version.

The final result:

Step 1

So let’s get started. First we need to create a new document. Navigate File – New (File – New) or press the keys (Ctrl + N). Install the following sizes 1800 px in height and 1350 px in width, resolution 150 pixels / inch:

[2.jpg]

Step 2

Next, go File – Post / Place embedded (File> Place … / Place Embedded) and in the appeared window select the initial image of the model. In mode Free transformation (Free Transform mode (Ctrl + T) or go Editing – Free Transformation (Edit> Free Transform)), slightly zoom in on the model while holding down the ‘Shift’ key. Position the model image in the center of the workspace.

Step 3

Choose a tool Magic wand (Magic Wand Tool (W)), in the settings of this tool, set Tolerance (Tolerance) 10, and then select the background. In this case, it is much easier and faster to use this tool to create a selection (also add white background tiles to the selected area). Without removing the active selection, hold down the ‘Alt’ + key and press Add Mask Layer (Add a layer mask) at the bottom of the layers panel or go Layer – Mask Layer – Hide Selected Area (Layer> Layer Mask> Hide Selection).

Step 4

Now we will create the background. First add a gradient. Navigate Layer – New Layer – Fill – Gradient (Layer> New Fill Layer> Gradient) or click the button Create a new adjustment or fill layer (Create new fill or adjustment layer) at the bottom of the layers panel. Select the default black and white gradient, then set the following color shades # fef4da> # f5ca6c> # ecad2a> # e39a0a> # dd9302 and press ‘OK’. In the gradient settings window set Angle (Angle) gradient at 90 degrees, Scale (Scale) 100% gradient type Linear (Linear), and then press ‘OK’. The gradient fill layer should be located below the model layer.

Step 5

Next, go File – Post / Place embedded (File> Place … / Place Embedded) and in the window that appears, select the original image of the hotel. In mode Free transformation (Free Transform mode (Ctrl + T) or go Editing – Free Transformation (Edit> Free Transform)), apply scaling to the image of the hotel, as shown in the screenshot below. Also apply a tool Perspective (Perspective Tool), (in transformation mode, right-click on the image and in the appeared window select the option Perspective (Perspective)) to reduce lens distortion in the image.

Step 6

Now change the blending mode for the hotel layer to Light replacement (Lighten) This mode Light replacement (Lighten) compares color information across all source pixels, then combines colors and as a result produces a lighter shade of color. Duplicate the hotel layer, go Layer – create duplicate layer (Layer> Duplicate Layer) or press the keys (Ctrl + J), and then change the blending mode to duplicate the layer to Lightening (Screen). This mode Lightening (Screen) evaluates the pixels of the two inverted layers, multiplies these pixels and inverts them again, producing a lighter shade. Using the data of two modes complements the first layer with the image due to the individual pixels of the second layer with the image, so we get a beautiful bright image.

Step 7

Next, we will add texture to the image of the hotels in the background. I think that the texture of the lines could give the poster an interesting and stylish look. Therefore, create a new layer, to do this, click Create New Layer (Create a new layer) at the bottom of the layers panel or press the keys (Ctrl + Shift + N). Set the foreground / background color to the default (D). Next, go Filter – Rendering – Clouds (Filter> Render> Clouds). To filter cloud layer apply filter Mezzotint (Mezzotint), for this we go Filter – Making – Mezzotint (Filter> Pixelate> Mezzotint). In customization Fonts (Type) set Long lines (Long Lines), and then click ‘OK’.

Step 8

To transform the texture in the line go Filter – Blur – Motion Blur (Filter> Blur> Motion Blur). Install Angle (Angle) blur at 45 degrees, and the maximum value Offsets (Distance) – 2000 px. To make the lines smoother, again apply the same filter, to do this, press the keys (Ctrl + F) or go Filter – Last Filter … (Motion Blur) (Filter> Last Filter … (Motion Blur)). All perfectly! As a result, we got a great texture. You can experiment with different blur angle settings to get interesting results.

Step 9

Press the keys (Ctrl + L) or go Image – Correction – Levels (Image> Adjustments> Levels) and in the appeared correction settings window Levels (Levels), set for dark tones: 90, for medium tones: 1.30 and for light tones: 210. This will help us create a contrast between the dark and light lines. Now, turn off the visibility of the layer with the model by clicking on the eye next to the layer thumbnail.

Step 10

Next, go to the bookmark Channels (Channels) and hold down the (Ctrl) key + click on the RGB channel thumbnail or click the icon Load channel content as a selection (Load channel as selection) at the bottom of the layers panel to select only white lines. As soon as you load the white lines, then go back to the bookmark. Layers (Layer). Create a new layer (Ctrl + Shift + N), and then fill the selected area with white color (first press the ‘D’ key and then press the keys (Ctrl + Del) or go to Editing – Run Fill – Primary Color (Edit> Fill> Color)).

Step 11

Save transparent pixels and with the tool Brush (Brush Tool (B)) very large size (Size), approximately 700 px, Toughness (Hardness): 0% and Opacity (Opacity) about 50%, color the lines in different colors. Use the box to select a color. Samples (Swatches), I used color shades # ff4c00, # ee00ff, # 662d91, # 00aeef. Change the blending mode for this layer to Overlap (Overlay). Group all the background layers (Ctrl + G), or go to Layer – Group Layers (Layer> Group Layers (except for the gradient fill layer)).

Step 12

Now, turn on the visibility of the layer with the model again, and then load the selection using the layer mask, to do this, hold down the Ctrl ’+ key and click on the thumbnail of the layer mask. Next, hold down the ‘Alt’ key and add a layer mask to the layer with the group that includes the images with the background. This is necessary so that the background does not affect the model when we start adding effects.

Step 13

Now go back to the layer with the model. You may have been looking forward to describing this part of the lesson. Watch out for my actions, besides this, you can experiment a bit and this will help you to reveal some interesting design decisions in this picture. So, temporarily turn off all layers except the model layer. Let’s go Selection – Color Range (Select> Color Range). In the settings window, in the menu Choose (Select), set Shadows (Shadows), Range (Range): 10, Scatter (Fuzziness): 25%.

Step 14

Duplicate the layer with the selected pixels of the model (Ctrl + J), and then turn off the visibility of this layer. Go back to the original layer with the model and reapply Color range (Color Range). This time set the value Range (Range) to 0, and the value Scatter (Fuzziness) by 3%. Duplicate the layer with the selection, and then move this layer to the top, placing it on top of the same previous layer. Repeat this action a few more times, applying different settings to get an almost fully functional image. I used 8 layers to get the same result as in the screenshot below. Do not worry if parts of the image disappear. This is part of the visual image.

Step 15

Turn off the visibility of the original layer with the model, and now we will work on each layer. For layers with dark pixels (shadows / medium tones (shadows / midtones)), set the blending mode Overlap (Overlay), for layers with light pixels, set the blending mode Lightening (Screen). Keep the pixel transparency for each layer. Choose a tool Brush (Brush Tool (B)), set the following settings for this brush – The size (Size) brushes: 500 px, Rigidity (Hardness): 0, Opacity (Opacity): 50%; Brush colors: # 0072bc, # 92278f, # 39b54a. Paint over the top layer only. Overlap (Overlay) to add color tone.

Step 16

To create the diamond texture of the dress, change the blending mode for the layer that we created in Step 13 to To divide (Divide). Now you have a choice of what to do next: either leave the model as it is and proceed to the effects, or you can turn on the visibility of the original layer with the model and then reduce Opacity (Opacity) layer to 73%, and Fill (Fill) layer up to 40%. Thus, we get two different images with the model. This is a creative process, and what colors you will use will depend on you. In the further steps of this lesson, I will continue to work with the original layer with the model turned off.

Step 17

Group all the layers with the model (Ctrl + G), duplicate the resulting group (Ctrl + J). Merge the duplicate group (Ctrl + E) or go to Layer – Merge Layers (Layer> Merge Layers). Change the blending mode for the merged layer to Overlap (Overlay) and then decrease the value Fillings (Fill) up to 70%. If you decide to leave the original layer with the model as it is, then just skip to the next step.

Step 18

Double-duplicate the merged layer with the model, and then convert each layer into a smart object, to do this, right-click on the layer and in the appeared window select the option Convert to smart object (Convert to Smart Object). Next, go Filter – Other – Color Contrast (Filter> Other> High Pass). Install Radius (Radius) 10 px. This layer will enhance the sharpness of the details, as well as show even the smallest details.

Step 19

For the top layer with the model, apply the filter Glow Edges (Glowing Edges), for this we go Filter – Stylization – Edge Glow (Filter> Filter Gallery> Stylize> Glowing Edges). In the settings window of this filter, make the following settings: Edge width (Edge Width): 1, Edge brightness (Edge Brightness): 8, Softening (Smoothness): 5. Change the blending mode for the layer to which you applied the filter. Glow Edges (Glowing Edges), on Lightening (Screen). This filter creates luminous edges in the image, it reflects the effect of the picture. The same effect can be obtained using the filter Edge selection (Find Edges), for this we go Filter – Stylization – Edge selection (Filter> Stylize> Find Edges). Using this filter, we get the same effect, only the contour lines will be dark. In case of using this filter, you will need to change the blending mode to Multiplication (Multiply).

Step 20

To add a bit of contrast to the image, let’s go Layer – New Adjustment Layer – Levels (Layer> New Adjustment Layer> Levels) or press the button Create a new adjustment or fill layer (Create new fill or adjustment layer) at the bottom of the layers panel. In the settings window of this adjustment layer, set for dark tones: 99, for medium tones: 1.14, for light tones: 255. Change the blending mode for this adjustment layer to Multiplication (Multiply). Holding the (Alt) key + drag the layer mask from the group that contains the background onto the adjustment layer, thus, the correction of this adjustment layer will not affect the model image.

Step 21

Now, let’s play with color. During color correction, you can create three possible shading of the image. Create a new adjustment layer. Gradient map (Gradient Map), let’s go Layer – New Adjustment Layer – Gradient Map (Layer> New Adjustment Layer> Gradient Map). Position this adjustment layer below the group layer. Model (Model). Set the gradient colors to # 030303> # 0c0b0b> # 3a3732> # 77736a> # 92b9cc> # cfe0e8> #fcfcfc.

Step 22

Click on the mask of the adjustment layer, and then go Filter – Rendering – Clouds (Filter> Render> Clouds). Now we need to create contrasting clouds. Press the keys (Ctrl + L) or go Image – Correction – Levels (Image> Adjustments> Levels) and in the appeared correction settings window Levels (Levels), set for dark tones: 105, for mid-tones: 1 and for light tones: 120. We need good contrast to create areas with color.

Step 23

Being on the same mask of the adjustment layer, we go Filter – Filter Gallery – Sketch – Halftone Pattern (Filter> Filter Gallery> Sketch> Halftone Pattern). In the settings window of this filter, set the following settings: The size (Size): 2, Contrast (Contrast): 25, Pattern Type (Pattern Type): Line (Lines) and the effect is ready. This effect is universal, since gives a pleasant mood to the picture and makes it complete.

Step 24

Go back to the adjustment layer. If you change the blending mode for this adjustment layer to Darkening basics (Color Burn), the colors will become richer and more saturated. However, you can use blending mode. Color tone (Hue), and you will see the saturation with shades of turquoise, which blends perfectly with the whole composition. You can also experiment with other blending modes, such as Darker (Darker Color), Lightening (Screen), etc.

Step 25

This step is selective, at your discretion. You can add text – specify the place where you rested or any other information at your discretion. In my case, the text is a decorative element. Choose a tool Horizontal text (Horizontal Type Tool (T)), write any text of your choice. In the settings panel of this tool, set Font (type) “Brush Script Std Medium”, The size (Size): 205.27 px, color # fff200. Using tool Free transformation (Free Transform Tool) ((Ctrl + T) or go Editing – Free Transformation (Edit> Free Transform)), rotate the text. Shift the text layer down, placing it below the gradient layer.

Step 26

Add layer styles to the text layer. Let’s go Layer – Layer Style – Inner Glow / Gradient Overlay / Outer Glow…. (Layer> Layer Style> Inner Glow / Gradient Overlay / Outer Glow). For layer styles Inner Glow / Outer Glow (Inner Glow / Outer Glow), set the same settings – blending mode Lightening (Screen), Opacity (Opacity): 35%, The size (Size): 7 px. For layer style Gradient overlay (Gradient Overlay), set the blending mode Light replacement (Lighten) Opacity (Opacity): 75%, gradient colors: # ff7102> # ffff00> # ff7102, Type of (Style) gradient: Linear (Linear), Angle (Angle): 127, and then press the ’OK’ button. And we have completed the lesson!

Our lesson has come to an end. I hope that you have learned a lot of useful information in this lesson and are pleased with your result. Do not be afraid to experiment with blending modes, as well as with color and filters.

The final result:

PSD lesson

Like this post? Please share to your friends: