Urban Retro Poster

In this tutorial, we will create a poster using textures, simple lines, and Photoshop filters. And in the course of work, we will give him a retro effect, which is so popular today.


Step 1. Create a new document with the size of 500x707mm (traditional size for posters), CMYK mode and a resolution of 300 pixels / inch so that the poster can be printed (1a). Fill the document in green and blue (1b).

Step 2. Activate Brush tool (Brush) (B) and choose a very large, round and soft brush. We begin to draw chaotic lines (2a) on a new layer with a light green-blue color. Adjust the brush color, its size to get a result similar to mine (.2b). Move on Filter – Blur – Gaussian Blur (Filter – Blur – Gaussian Blur) and slightly blur the created image to soften the coarse lines (2c, 2d).

Step 3. Choose a light yellow color and create a small circle on the new layer using a brush (3a). Double click on the circle layer to bring up the window Layer style (Layer style) and add Stroke (Stroke) 1px wide of the same color (3b). Decrease fill (fill) layer to 0 so that only the outline is visible. Then lower it opacity (opacity) up to 50%.

Step 4. Duplicate (CTRL + J) a ring three times and for each copy set a different level of opacity (opacity). Fill (fill) the largest ring should be 10% (4a, 4b). Merge layers with 4 circles together (CTRL + E) and create several duplicates of them. We arrange copies in different places of the document, adjust the size and opacity (4c).

Step 5. Duplicate the background layer (CTRL + J) (5a). Move on Filter – Noise – Add Noise (Filter – Noise – Add Noise) (5b). Create a layer mask for the copy (button Add layer mask (Add layer mask) is at the bottom of the layers panel (5c). Activate the mask by clicking on its thumbnail on the layers panel and take the tool Brush tool (Brush) (B). We reset all colors to the main ones by pressing the key D. Then key X, black is foreground color Dot pushes of a big soft brush hide some areas of a layer with noise (5d). The result of processing is almost imperceptible, but we have obtained smooth transitions between noise and smooth areas (5e).

Step 6. To make the background more interesting, add a few lines.
Create a vertical line with Line tool (Line) (U). Use the same color as for circles (6a). Fill the entire document with lines (6b), then create horizontal ones (6c).

Step 7. Vertical lines are merged into one layer (CTRL + E). Move on Filter – Distort – Wave (Filter – Distortion – Waves). Using the settings in screenshot 7a, we “split” the lines into small segments (7b). Then go Filter – Distort – Polar Coordinates (Filter – Distortion – Polar coordinates) and make sure that the option is selected Rectangular to polar (Rectangular to license). Click OK (7c). Now the lines, as it were, go out from one central point (7d).

Step 8. Merge horizontal lines into one layer (CTRL + E) and apply to them Filter – Distort – Twirl (Filter – Distortion – Twisting) (8a). Now the lines have a smooth bend (8b). Decrease opacity (opacity) up to 50% (8c), then duplicate the lines. Rotate (CTRL + T) the copy by 90 degrees to create vertical waves (8d). After the done manipulations, the rings may disappear, therefore we increase their level. opacity (opacity) (8e).

Step 9. Arrange the texture Cardboard texture on the document, adjust the size and position (9a). Change blending mode (overlay mode) layer on Multiply (Multiplication) (9b). It turned out well, but too dark. Call Levels (Levels) (CTRL + L) and move the central slider just to the left (9c). Now the image is a little lighter (9d). With the background we are finished.

Step 10. We have Chicago Skyline at the bottom of the document (10a) and change blending mode (overlay mode) on Multiply (Multiplication) (10b). Create an adjustment layer Layer – New Adjustment Layer – Hue / Saturation (Layer – New Adjustment Layer – Hue / Saturation). Activate in the settings Colorize (Toning) and dragging the slider in screenshot 10c to give the work a brownish aged shade. Be careful that the effect of the adjustment layer does not affect the lower layers. To do this, add a clipping mask (CTRL + ALT + G) (10c, 10d) to the adjustment layer.

Step 11. Create a new layer under the layer with the city and draw a red line (11a) on it. Change blending mode (overlay mode) on Lighten (Replace with light), opacity (opacity) 60%. This is how the result should look after the manipulations (11c):

Step 12. As you can see in the screenshot, the slope of the line does not repeat the slope of the skyscraper (12a). Correct this with Edit – Transform – Skew (Editing – Transformation – Bevel). Tilt the line to the right (12b). Then click Q, to activate quick mask mode. Sketch the top of a soft black rectangle brush (12c), then press Q again. Create a layer mask (see Step 5). Now the top of the rectangle fades out (12d).

Step 13. Apply filter Filter – Distort – Ripple (Filter – Distort – Ripple) (13a) to distort the rectangle (13b). Then Filter – Blur – Radial Blur (Filter – Blur – Radial Blur) (13c) to make the rectangle look like a column of smoke (13d).

Step 14. Using this technique, create three more short rectangles (14a). Activate Custom shape tool (Arbitrary figure) (U) and choose the shape in the form of the moon (14b). Create a crescent around the first circle we created. Use a light yellow color and blending mode (overlay mode) layer Overlay (Overlap) (14c).

Step 15. The text is better to add in Illustrator, as in this respect it has more features than Photoshop. But, since this is a lesson on working with Photoshop, today we will confine ourselves to them. Create an orange text at the top of the canvas with blending mode (overlay mode) Overlay (Overlap) (15a). We write the rest of the text in light yellow color mode Overlay (Overlap) (15b). And finally, we add Drop shadow (Shadow) on the main text and crescent (15c) using Layer style (Layer style).

Poster finished.

Like this post? Please share to your friends: