In this Photoshop tutorial, I will describe the process of creating a digital image inspired by old fashion magazines. You will learn how to use basic shapes and brushes to create an abstract background, see how layers affect each other using blending modes, how to create ultrafashionable abstract shapes, how a gradient map can affect the overall design, etc.
Resources used in the lesson:
Step 1: Create a new document in Photoshop
Open Photoshop and create a new document. (Ctrl / Cmd + N) the desired size (my 800? 1200px), then fill the background layer (Background) with a dark gray color (# 181a1c).
Step 2: Creating a Gradient Map Adjustment Layer
We go to Layer> New Adjustment Layer> Gradient Map (Layer> New Adjustment Layer> Gradient Map). Set this layer to blending mode Overlay and opacity (opacity) 50%.
Step 3: Creating the light spots
Create a new layer directly above the Background (but below the Gradient Map adjustment layer that we created in the previous step). Next, use a large soft Brush (Brush) (B) to draw two blue spots (# 4857a7 – Press (Flow) 50%) and two dark gray (# 3d3d3d – Press 80%).
Create two new layers – one above the previous layer, the second under it – and draw soft white glow around playing with the Flow to get the desired result.
As you can see below, the Gradient Map adjustment layer does the rest for us.
Start using other colors (for example, # c9f7c8 and # 691167), adjust the brush pressure and the order of the layers until you are satisfied with the result.
Tool Ellipse (Ellipse Tool) (U) draw circles, arranging them in a chaotic manner. Each circle must be drawn on its own separate layer. As usual, experiment with the order of the layers.
Note translator: to make the circles even, draw them with the key pressed Shift
Standing on a layer with a circle, go to Filter> Blur> Gaussian Blur (Filter> Blur> Gaussian Blur). Do the same for the rest of the circles, using a different radius of the Gaussian Blur filter.
Step 4: Creating an Abstract Design Element
Draw one small green (# 69aa67) circle tool Ellipse Tool (U).
On the circle layer, click Ctrl +Alt +T (Cmd +Option +T) You will receive a duplicate circle. Move it slightly to the right.
Duplicate the circle again by clicking Ctrl +Shift +Alt +T (Cmd +Shift +Option +T). Do this until you get a result like the image below.
Double-click on a layer to bring up Layer Style. Add a layer style Gradient Overlap (Gradient Overlay).
Use filter Gaussian Blur – Filter> Blur> Gaussian Blur (Filter> Blur> Gaussian Blur) with a radius of 2 pixels.
Reduce the abstract shape slightly, adjust its perspective with Free Transformation (Ctrl /Cmd +T). After that, lower the opacity to the shape layer to 27%.
Duplicate this layer (Ctrl /Cmd +J), apply the Blur over Surface filter – Filter> Blur> Motion Blur (Filter> Blur> Motion Blur) duplicate layer.
This layer also set the opacity to 27%.
Step 5: Create a row of dots and stripes.
Create two long rows of dots (in green # 69aa67), using the method explained in the previous step. Tilt them slightly with Free Transformation (Ctrl /Cmd +T).
Apply a filter to the layer Gaussian blur (Gaussian Blur) with a radius of 4 pixels.
Create another row of dots (using color # 8bd7f1), again tilt it slightly with Free transformation
We go to Editing> Transformation> Slope (Edit> Transform> Skew), tilting the middle points of the shape, holding Ctrl /Cmd. This turns the circles into stripes.
We go to Filter> Blur> Motion Blur (Filter> Blur> Motion Blur), use the settings shown below.
Duplicate the layer, lift the duplicate slightly up, bring up the layer style palette by double-clicking on the layer. Apply style Color Overlay, using burnt green (# d5f2cd). After that, lower the layer opacity to 50%.
Download and install the Line Brushes brush library. Brush (Brush) (B) of red color (# 5b1414draw one shape (I chose line-brush36.eps).
Note translator: To download brushes from the site, you must register by becoming a premium member of the site (which is a charge).
Set the blending mode Screen (Screen).
The background for our work is ready.
Step 6: Place the main object in the poster
Download and open the Pure sexy image in Photoshop. Separate the girl from the background using Pen (Pen tool) (P), put her
in our work.
Step 7: Creating Space Glasses
Upload a photo of Capodimonte Deep Field, place it in our work, do less using Free transformation. Set the blending mode Screen (Screen).
Tool Pen (Pen tool) Create a contour around the glasses, right-click on the contour and select from the pop-up menu Create selection (Make selection).
We go to Layer> Layer Mask> Show Selected Area (Layer> Layer Mask> Reveal Selection).
Open the Capodimonte Deep Field image again, zoom out using Free transformation (Ctrl + T), lower it down a little with the tool Move (Move Tool) (V).
Call Color / Saturation (Hue / Saturation) –Image> Correction> Color / Saturation (Image> Adjustments> Hue / Saturation).
Tool Pen (Pen tool) again create an outline around the glasses, creating a layer mask.
Blend Mode Set Screen (Screen).
Step 8: Creating the Shadow
Create a new layer right below the girl layer. Ctrl + Click (Cmd + Click) on the thumbnail of the layer with the girl in the layers panel to load the selection, then click on the new layer under the girl to activate it. On this layer, fill the selection with dark purple.
Apply filter Gaussian Blur with a radius of 10 pixels. Shift the shadow down and to the right with the tool Move (Move Tool) (V) Change the blending mode to Multiplication (Multiply) and lower the opacity to 70%.
Step 9: Adding Text
It’s time to add text to our poster. Download and install (of course, if you don’t have one yet) Franchise font. With the tool Text (Horizontal Type Tool) (T) add text to the poster. Place the text layer directly above the shadow layer.
Ctrl + Click (Cmd + Click) on the text layer thumbnail to load the selection around the text. Create a new layer under the text layer, fill the selection with black (# 000000).
Deselect (Ctrl +D /Cmd +D) tool Move (Move Tool) (V) move the shadow to the right and down a few pixels.
Again Ctrl + Click (Cmd + Click) on the text layer thumbnail to load the selection around the text. Next, go to Select> Modify> Expand (Select> Modify> Expand) and expand the selection by 1 pixel.
Press key Backspace, to remove the selected area.
With the text layer set the blending mode Soft Light.
Using the same font, add another line of text, set the blending mode to the resulting text on Soft Light.
Duplicate the text layer (Ctrl +J /Cmd +J) change the duplicate blend mode to Overlap (Overlay) and lower the opacity to 30%.
Step 10: Create Poster Borders
Click Ctrl +A (Cmd +A) to highlight the entire image. Create a new layer above the gradient map layer. We go to Editing> Stroke(Edit>Stroke), to create a stroke of 20 pixels of a pale yellow color (# fdf1ac).
Change the blending mode for the layer with the border to Soft light (Soft Light).
You can stop at this. We already have a beautiful abstract vintage poster.
But I decided to add more texture in the final step.
Step 11: Adding Texture
Download the Old paper texture 1 texture to our image. With help Free Transform (Ctrl + T) adjust the size of the texture to fit the image.
Duplicate the texture layer while concealing the appearance of the duplicate.
In the layers palette, click on the visible texture layer, activating it, then discolor (Ctrl +Shift +U /Cmd +Shift +U).
We go to Image>Correction>Gradient Map (Image> Adjustment> Gradient Map), use the settings as in the screenshot below.
Calling Curves – Image> Adjustment> Curves (Image> Adjustments> Curves).
Set layer blending mode Screen (Screen) and the opacity is 50%.
Make visible the layer with the texture that we have hidden, discolor it, again use the Gradient Map – Image>Correction>Gradient Map (Image> Adjustment> Gradient Map).
Go to the Image> Correction> Curves (Image> Adjustments> Curves).
Set this blending mode to this layer. Multiply (Multiply) and lower the opacity to 20%.
As a final touch, you can add your brand name to the poster.
We used simple but powerful Photoshop tools, such as basic shapes, brushes, layer styles, layer masks, free transformation and filters to achieve the final result. Do not be afraid to give yourself space to experiment. Try different things in different parts of the lesson to achieve the best result.