Tuesday, 17 June 2014

How to create Retro-style Photoshop illustration

Today we’ll create some textures for background using brushes, manipulate some stock photos to give them a retro-style look, and make some color variations. Layered PSD file included. Let’s get started!

Final Image Preview

How to create Retro-style Photoshop illustration
Create a new document (Ctrl+N) in Adobe Photoshop CS5 with the size 1920px by 1200px (RGB color mode) at a resolution of 72 pixels/inch. Use the Paint Bucket Tool (G) to fill with #F4CB8D color the new background layer.
How to create Retro-style Photoshop illustration
Next we have to create a new layer Ctrl+Shift+N and fill it with the next demonstrated color.
How to create Retro-style Photoshop illustration
Add some noise using the next filter Filter>Noise>Add Noise:
How to create Retro-style Photoshop illustration
Set the Blending mode to Difference for this layer.
How to create Retro-style Photoshop illustration
Add layer mask on the same layer by clicking on the next icon from bottom part of the Layers panel:
How to create Retro-style Photoshop illustration
Select the next brush form Brush Tool (B) and set Opacity to 50% in Options bar.
How to create Retro-style Photoshop illustration
Use this brush to paint arbitrary in the mask:
How to create Retro-style Photoshop illustration
Find a stock photos with the Old car, Retro TV, Old Radio and Vinyl on it.
I used this photos: Old carRetro TVOld Radio and Vinyl from SXC.
I would like to thank the authors: Michal ZacharzewskiH BerendsBrano Hudak and Alfonso Diaz.
Remove the backgrounds using your favorite tools like Pen Tool (P)Magic Wand Tool (W)Magnetic Lasso (L) or even a simple Filter>Extract and insert them on a new layers in our main document the same way demonstrated next picture.
How to create Retro-style Photoshop illustration
Use for each picture the next Blending modes: Old car – Linear light, the Retro TV – Multiply, the Old Radio – Darken, the Vinyl disk – Linear light.
How to create Retro-style Photoshop illustration
As for the objects not to shine through each other, we have to remove those parts of the selected layers, situated under the objects. Select firstly the car’s layer. Click on car’s layer in Layers panel, holding Ctrl button. Then not removing the selection, pass on the vinyl’s layer situated under the car and press Delete button. This way we’ll remove the shining part. This way we have to process all layers.
How to create Retro-style Photoshop illustration
This is the result we must get:
How to create Retro-style Photoshop illustration
Select now the next brush of black color and set Opacity to 10% in Options bar.
How to create Retro-style Photoshop illustration
Create a new layer under the layers containing the retro objects and use this brush to represent a kind of the next shown texture:
How to create Retro-style Photoshop illustration
Set Blending mode to Overlay for this layer.
How to create Retro-style Photoshop illustration
Next step we’ll download a set of brushes for in Adobe Photoshop, named: Seu_Davi .
Select the next brush from Seu_Davi set, the brush color is #000d40 and set Opacity to 40% in Options bar:
How to create Retro-style Photoshop illustration
Use this brush to put several spots on a new layer:
How to create Retro-style Photoshop illustration
Change the Blending mode to Overlay for this layer.
How to create Retro-style Photoshop illustration
Next select other brushes, also from demonstrated below of the same color to represent the spots and attritions on a new layer:
How to create Retro-style Photoshop illustration
It’s the result you should get:
How to create Retro-style Photoshop illustration
Select the next brush from Seu_Davi set of the same color and represent the spots on a new layerOpacity: 20%.
How to create Retro-style Photoshop illustration
We’ve got the next result:
How to create Retro-style Photoshop illustration
Create a new layer and change the brush’s color on #67844d to paint more spots. Opacity: 50%.
How to create Retro-style Photoshop illustration
Use those three brushes demonstrated on the next example of the same color and Opacity.
How to create Retro-style Photoshop illustration
Create new spots on a new layer and change for this layer the Blending mode to Divide.
How to create Retro-style Photoshop illustration
Select the Soft Round brush of the same color and Opacity of 30%.
How to create Retro-style Photoshop illustration
Use this brush several times on the bottom part of the canvas, creating a green nuance.
How to create Retro-style Photoshop illustration
Choose now the Flat Blunt Short Stiff brush of the color #262a23, Opacity – 30%.
How to create Retro-style Photoshop illustration
Apply it several times on a new layer, getting a line, like the next one shown below:
How to create Retro-style Photoshop illustration
Now change the brush’s color on #abb03f and insert on new layer yellow brushstrokes, changing after that the Blending mode to Vivid Light for this layer.
How to create Retro-style Photoshop illustration
Now represent a kind of layer like the one we’ve represented at the beginning of the lesson, using also the Noise filter.
How to create Retro-style Photoshop illustration
Choose for it the Blending mode to Difference.
How to create Retro-style Photoshop illustration
Create one more new layer and fill it with the color shown below:
How to create Retro-style Photoshop illustration
Change the Blending mode to Overlay for this layer.
How to create Retro-style Photoshop illustration
Next we have to create one more new layer and fill it with the next color:
How to create Retro-style Photoshop illustration
Change the Blending mode to Exclusion.
How to create Retro-style Photoshop illustration
Click Create new fill or adjustment layer from bottom part of the Layers panel.
How to create Retro-style Photoshop illustration
Select Curves to adjust the curve shape as shown to make a little color corrections.
How to create Retro-style Photoshop illustration
Finally we’ll get:
How to create Retro-style Photoshop illustration
Click the Horizontal Type tool (T). Select a font, size and color in the Character panel. (I have used Mod font from dafont)
How to create Retro-style Photoshop illustration
How to create Retro-style Photoshop illustration
Click in the image and type Retro and Life words. Press Enter to apply the text. Change the Blending Mode to Pin Light.
How to create Retro-style Photoshop illustration
Click on Add a layer style icon from bottom part of the Layers panel and select Inner Shadow:
How to create Retro-style Photoshop illustration
The text gets a kind of edging.
How to create Retro-style Photoshop illustration
Make a copy of the layer with the Life text and rasterize it by clicking on the right mouse’s button selecting Rasterize Type. Choose on the copy the next flter: Filter>Blur>Gaussian Blur with the same settings as on the next picture:
How to create Retro-style Photoshop illustration
Put this layer under the Life text’s layer:
How to create Retro-style Photoshop illustration
On the final stage we have to make one more new adjustment layer. Click Create new fill or adjustment layer from bottom part of the Layers panel and click to Curves to adjust the curve shape as shown to make a little color corrections.
How to create Retro-style Photoshop illustration
How to create Retro-style Photoshop illustration
The final result!
View full size here.
Download free Layered PSD file.

Posted By: Designer

How to create Retro-style Photoshop illustration

Share:

Post a Comment

Facebook
Blogger

No comments:

Post a Comment

Advertisment

Like Us

© 2025 PHOTOSHOP DESIGNER All rights reserved | Theme Designed by Seo Blogger Templates