One of the many things that inspires me, like other designers, is vintage advertising posters. I really like their illustrations, font design, colors, and how they look over time. In this tutorial, I will show you how to create a vintage, low-saturation beach poster in Photoshop. In the lesson we use techniques of light and medium complexity, such as using brushes, color correction, filters, masks and much more!
The design of the poster, which we will create, is presented in full size in the screenshot below. If you are going to create a poster design, then you will need to increase the size of your working paper.
Step 1. New document
Create a new document (Ctrl + N) in Photoshop, set the following dimensions to 600px X 750px. If you are going to create a large poster design, you will need to resize, as well as other settings found in this tutorial.
Step 2. Create a background for the poster
Download wood texture 2 from the link at the beginning of this lesson. Open the texture, and then move this texture tree to our working paper. Scale the texture (Ctrl + T) according to the size of the working document. Next, reduce the saturation of the wood texture 2 using the adjustment layer Hue / Saturation (Hue / Saturation). For this we go Layer – New Adjustment Layer – Hue / Saturation (Layer> New Adjustment Layer> Hue / Saturation) and then add a adjustment layer Brightness / Contrast (Brightness / Contrast). For this we goLayer – New Adjustment Layer – Brightness / Contrast (Layer> New Adjustment Layer> Brightness / Contrast).
Set the settings for the adjustment layer Hue / Saturation (Hue / Saturation), which are shown in the screenshot below:
Next, set the settings for the adjustment layer. Brightness / Contrast (Brightness / Contrast), which are shown in the screenshot below:
We can also use image correction tools such as Image – Correction – Hue / Saturation (Image> Adjustments> Hue / Saturation) or Image – Correction – Brightness / Contrast (Image> Adjustments> Brightness / Contrast), but the beauty of using adjustment layers is that you can make corrections at any stage and at any time you want.
Step 3. Add paper texture
Download the paper texture from the link at the beginning of this tutorial. Open the paper texture, and then move this texture to our working paper. Please note that this paper texture has a high contrast, so we need to reduce it using Levels (Levels). For this we go Layer – New Adjustment Layer – Levels (Layer> New Adjustment Layer> Levels). Then add an adjustment layer. Brightness / Contrast (Brightness / Contrast), for this we go Layer – New Adjustment Layer – Brightness / Contrast (Layer> New Adjustment Layer> Brightness / Contrast).
Apply the settings shown in the screenshots below.
Note: do not forget to apply these different settings for 4 different channels in the settings Levels (Levels).
Step 4. Add the main photo. Create a photo wear effect
Download the image ‘Waiting for the wave’. Open it in Photoshop. Move this image to our working paper. Change the blending mode for the layer with this image to Bright light (Vivid Light) and also reduce opacity layer (Opacity) up to 29%.
Next, we will add effects to our image using Smart Filters. First go Filter – Convert for smart filters (Filter> Convert for Smart Filters). The convenience of a smart filter is that you can edit the effect later in case you decide to change something. So let’s apply the filter Dry brush (Dry Brush Filter), for this we go Filter – Imitation – Dry Brush (Filter> Artistic> Dry Brush), set the following settings for this filter:
Step 5. Add a grunge effect to the edges of the image.
First make sure that the surfer image is the same size as the paper texture. Next, load the Painted Edge Brushes into Photoshop.
Press the button Add layer mask (Add a layer mask) at the bottom of the layers panel to add a layer mask.
Make sure the foreground color is set to # 000000 and the background color to #ffffff.
Select one of the Brushes Colored edges, process the edges of the image with a surfer on the layer mask layer. See screenshot below. The red edge shows which areas and how much you need to brush up to create a “torn edge” effect:
During the processing of the edges, try to change the brush. One of the key points when using grunge brushes is not to repeatedly use the same brush. Try to randomly use different brushes.
Step 6. Add a small wear effect.
Duplicate the surfer layer you just processed on the layer mask (Ctrl + J). Please note that this image’s Smart Filter has been duplicated automatically.
Change the blending mode for duplicate layer to Overlap (Overlay), with opacity layer (Opacity) 100%.
Next, add an additional effect to the duplicate layer, for this we go Filter – Noise – Add Noise (Filter> Noise> Add Noise), set the settings that are shown in the screenshot below:
Step 7. Small final touches of the wear effect.
Duplicate the surfer image again. Next, right-click on the duplicate layer and in the appeared window select the option Rastrirovat layer(Rasterize Layer). Next, remove the layer mask.
Using any selection tool, separate the surfer image from the background. Remove the background, leaving only the image of the surfer. Next, move the surfer image a few pixels to the left.
Perhaps this effect will now seem superfluous, but notice how small strokes in the design, to which we sometimes do not pay attention, always add full beauty to the design.
Step 8. Add paint
Next, we will add color shades on separate layers.
8a. Add a gray tint
First, let’s add a color cast to the very bottom of the scene. Choose a soft brush, brush size about 300px, brush color #aeabae (grayish).
On the new layer, paint the bottom of the picture, and then change the blending mode for this layer to Difference (Difference).
8b. Add a skin tone
Secondly, we add the color shade # f1d19f (flesh tint). Create a new layer. Using a soft brush, paint a brush about 200px in size to paint over a gray paint. Reduce the opacity of this layer to 94%.
Next, go Filter – Noise – Add Noise (Filter> Noise> Add Noise) to add a little noise to this shade. Set the amount of noise to 3, in the filter settings select Distribution (Distribution) Uniform (Uniform), and also put a tick in the box Monochrome (Monochromatic).
8c. Add a yellow tint
Thirdly, we will add a color shade of #fafeac (yellow). Create a new layer. Repeat Step 8B, but for this layer, change the blending mode to Multiplication (Multiply) as well, reduce Opacity (Opacity) layer up to 33%. Also, do not forget that you need to add a yellow shade above the skin tone.
8d. Add a red tint
Finally, we add the color shade # fe4c0f (red). Create a new layer. Repeat Step 8B, but for this layer, set the blending mode. Normal (Normal), Opacity (Opacity) layer 31%. Also, make sure you paint above the yellow tint.
Step 9. Add clouds
Open the sky image in Photoshop. Using tool Allotment ?(Marquee Tool (M)), select only part of the image with clouds, copy the selected image, and then paste it on our working paper.
Change the blending mode for the cloud layer to Darkening basics (Color Burn). Process the edges of the image with a grunge brush in the same way as in Step 5, but this time, make the edges of the image more grunge and hide more areas, as shown in the screenshot below:
Step 10. Draw the sun
What a beach without sun? Create a new layer. Using tool Oval area (Elliptical Marquee Tool (M)), draw a circle, and then fill this selection with a color shade # fde401 with the tool Fill (Paint Bucket Tool (G)).
Once again, using Smart filters, add effects to our sun. Let’s go Filter – Blur – Gaussian Blur (Filter> Blur> Gaussian Blur). Set the following settings:
Next, add noise Filter – Add noise (Filter> Add Noise).
Step 11. Add strokes to the paints.
Create a new layer. Using tool Fill (Paint Bucket Tool (G)), fill the new layer with the color shade # 0b3239. Process the edges of this layer with a grunge brush fill, just as we did in Step 5. Change the blend mode for this layer to Overlap (Overlay).
Now, notice that the colors on our poster seem to have become too saturated, so we need to reduce the saturation of the image. For this we go Layer – New Adjustment Layer – Hue / Saturation (Layers> New Adjustment Layer> Hue / Saturation). Apply the following settings:
The result should be as in the screenshot below:
Step 12. Add a title.
Choose a tool Text (Type Tool (T)). Install the Airstream font, font color # ff4e00. Type the text “Hawaii” at the top of our poster. Apply the following settings for the Text tool.
Rasterize the text layer, and then change the blending mode for the rasterized text layer to Line Dimmer (Linear Burn).
Reduce the richness of our text. While on the layer with the rasterized text, hold down the (Ctrl) key + click the thumbnail of the text layer to load the active selection. Next, go Layer – New Adjustment Layer – Hue / Saturation (Layer> New Adjustment Layer> Hue / Saturation). Apply the following settings:
Step 13. Add a subtitle.
Choose a tool Horizontal text (Horizontal Type Tool (T)). The font is the same Airstream, font color # ff4e00. Type the text “come ride the waves” under the main heading. All font settings remain the same, the only thing we need to reduce the font size, make it smaller than the title itself.
Rasterize the text layer, and then change the blending mode to Linear light (Linear Light).
Using tool Eraser (Eraser Tool (E)), in the tool settings, set any brush Glitter edges that we downloaded for this lesson, hide certain sections of the text.
The result should be as in the screenshot below:
Step 14. Add a palm tree
One of the many things we can see on beautiful beaches is palm trees or coconut palms, at least on tropical beaches. Let’s add a palm tree to our poster, but let’s make it so that it is not too noticeable. Open stock image with palm tree. Move the image with a palm tree to our working paper.
Further, Flip Horizontal (Flip Horizontally), for this we go Editing – Transformation – Flip Horizontal (Edit> Transform> Flip Horizontal), and also slightly reduce the image scale, for this we go Editing – Transformation – Scaling (Edit> Transform> Scale).
Using tool Magic wand (Magic Wand Tool (W)), separate the image of the palm tree from the background.
Change the overlay for a layer with a palm tree on Linear Dodge (Linear Dodge), and also reduce the opacity of the layer to 29%.
Make sure that the palm does not go beyond the contour of the paper texture. Hide excess areas using layer masks.
Step 15. Final Barcode
Our work looks too dark, so finally, let’s enhance the brightness of the whole picture by adding a correction layer. Brightness / Contrast (Brightness / Contrast) on top of all layers. For this we go Layer – New Adjustment Layer – Brightness / Contrast (Layer> New Adjustment Layer> Brightness / Contrast). Apply the following settings:
We have successfully created a vintage, with a low degree of color saturation beach poster in the program Photoshop. Now you can not just look at these beautiful vintage posters, but, having learned some tips and recommendations, create your own poster!