Create a retro school poster in Photoshop

In this tutorial, I will show you how to create a retro school poster with your favorite teacher in Photoshop, including interesting fonts.

So let’s get started!

Step 1

Open Photoshop, create a new document with the following sizes: 1920? 1280 (Ctrl + N). Open the original image with the school board, and then select the entire image by pressing the keys (Ctrl + A). Copy (Ctrl + C) the selected image, and then return to our working document that we just created.

Press the keys (Ctrl + V) to paste the copied image. You can move and scale the image using free transformation (Ctrl + T). When scaling, hold down the (Shift) key to maintain the aspect ratio.

Step 2

Open the original image with the girl. Choose a tool Pen (Pen Tool (P)). With this tool, create an outline around the image of a girl. Once you have created the outline, press the keys (Ctrl + Enter) to transform the created outline into an active selection.

Press the keys (Ctrl + C) to copy the selected area, and then return to our working document. Press the keys (Ctrl + V) to paste the copied image of the girl, and using the tool Free transformation (Free Transform (Ctrl + T)), position the girl / teacher as shown in the screenshot below. You can use the image of another person that you like.

Step 3

Since we are going to create retro photo manipulation, then we need to discolor the image of the girl. Create a new adjustment layer. Hue / Saturation (Hue / Saturation) on top of a layer with a girl, for this we go Layer – New Adjustment Layer – Hue / Saturation (Layer> New Adjustment Layer> Hue / Saturation) and then convert this adjustment layer to a clipping mask for the girl layer (to create a clipping mask, hold the (Alt) key + click between two layers in the layers palette). Reduce value Saturation (saturation) to -100;

Step 4

The image of the girl is a little blurry, so let’s increase the contrast. For this we use a correction layer. Curves (Curves). Let’s go Layer – New Adjustment Layer – Curves (Layer> New Adjustment Layer> Curves) and then convert this adjustment layer with the curves into a clipping mask to the adjustment layer that we just applied to the girl layer (hold down (alt) + click between the adjustment layer with the curves and the adjustment layer with color tone / saturation in the layers palette). Shift the control points of the color, as shown in the screenshot below, to enhance the black and white shades, and so we will increase the contrast.

Step 5

To make the girl look more realistic, let’s add a shadow falling from the girl on the school board.

Create a new layer (Ctrl + Shift + Alt + N), move this layer down in the layers palette, placing below the layer with the girl. Choose a standard round soft brush from a set of brushes, Window – Brush (Window> Brush Presets). Decrease opacity (opacity) brush up to 50%.

Add a soft shadow by brushing the outline of the image of the girl.

Step 6

Let’s create a white frame on the blackboard to better highlight our scene. First create a new layer (Ctrl + Shift + Alt + N), position the new layer below the shadow layer. Choose a standard brush a piece of chalk (chalk), and then draw a white rectangle, as shown in the screenshot below (when working with a brush, hold down the (shift) key so that the movement of the brush is strictly vertical or horizontal without offset). Reduce value Fillings (fill) for this layer to 50%.

Step 7

Now let’s add retro fonts to our scene. Download and install the American Captain font (double-click on the font thumbnail and select the option in the window that appears Install (install), if you have Windows 7 installed, otherwise, you can find out how to install fonts on your operating system using the Google search command). Go back to the Photoshop program, select the tool Horizontal text (Type Tool (T)). In the control panel of this tool, set the American Captain headset in the window where the red arrow in the screenshot below points.

Step 8

Write the word “SCIENCE” (font size 275 pt, font color is white). Using tool Free transformation (Free Transform tool), position the text as shown in the screenshot below.

Step 9

Let’s give the text a real retro style, for this we will add contour lines and shadows.

Right-click on the layer with the text and in the appeared window select the option Overlay options (Blending Options). Add a gray stroke of 13 px and shadow, as shown in the screenshot below.

Step 10

Let’s add some simple text below the text ‘science’. Install the Chalk font. Write something simple (or serious) – “Teaching people since 1935”. I used three layers for each line of text – the first layer with the text “Teaching” with a font size of 87, the second layer with the text “people since” with a font size of 68 and the third layer with the text of “1935” with a font size of 68. In conclusion, I selected all these layers with text (hold down (Shift) – click on each layer) to group them into one group (Ctrl + G).

Step 11

Since If the added text is supposedly written in chalk, and the chalk outline is never standard or pure white, then let’s add a bit of arbitrariness to the text.

To the layer with the group with the inscription in chalk, add a layer mask, go Layer – Layer Mask – Show All (Layer> Layer Mask> Reveal all) and using a standard Chalk brush (chalk) 40% opacity, brush color is black, partially paint the text on the layer mask (black color of the brush hides the image, and white color of the brush restores the image). Also reduce Opacity (opacity) layer with a group of up to 70%.

Step 12

Let’s add a simple graphic to our scene. Open the original image with a rocket in Photoshop. Copy / paste the rocket image onto our working paper. Using tool Free transformation (Free Transform tool (Ctrl + T)), position the rocket above the text “science”.

Step 13

Double click on the rocket layer and in the window that appears Overlay options (Blending Options), apply the stroke and shadow layer style (just like we added layer styles to the “science” text layer in Step 9).

Step 14

Since we create a retro scene, most black and white images have a grainy texture, so let’s apply the same effect to our scene. Create a new layer on top of all other layers, and then press the keys (Ctrl + Shift + Alt + E). Next, go Filter – Noise – Add Noise (Filter> Noise> Add Noise) to add some noise.

Step 15

As usual, let’s add a vignette effect to our scene. Create a new layer, fill this layer with white color (Shift + F5).

Next, go Filter – Distortion Correction (Filter> Lens Correction). Click on the tab Customized (Custom). Apply the settings shown in the screenshot below, and then click the ‘OK’ button. Change the blending mode for the vignette layer to Multiplication (Multiply) and voila – vignette effect.

And we have completed the lesson! Hope you enjoyed this tutorial. Good luck, do not hesitate to lay out their work! See you again!

The final result:

Job translator:

Like this post? Please share to your friends: