Edit your photos using the tutorials from this section that deal with a wide range of tasks, from correction to effects and filters.  Home Photoshop Photo Editing Retro Illustration

Retro Illustration


img

Create a surreal retro-future illustration in Photoshop using stock photos, layer styles, and custom patterns.

img

img

To start with we need to combine two skulls, one with a nice face, and one with nice horns.

img

Luckily both skulls are set on a white background, so they are easy to cut out. Use the quick selection tool to select the face of the first skull... img
...then place it on top of the second skull.
img
Add layer masks to both skull layers, and use a soft black brush to mask out the horns of the first skull, and the face of the second.
img
Use varying brush sizes depending on the size of the area you are masking out.
img
img
To remove unwanted blemishes, select the area then go to Edit>Fill and choose Content-Aware to remove it.
img
When you're done, download your stars background from here, and place it into a new 1200 x 1500px document.
img
Paste in your skull, and resize it. img
img
Desaturate both the skull and the background layers. First, boost the Contrast and lower the Brightness of the background layer... ...Then boost the Contrast of the skull layer.
img
img
Next, download some lightning bolts from here and here. Then open them up in Photoshop.
img
Go to the Channels panel and click on the channel with the highest contrast between the lightning and the sky (Green, in this case).
img
Adjust the Brightness and Contrast so that the sky is completely black and the lightning is as white as possible.
img
Do this for both images, then drop them into your main document. Adjust the size and position.
img
Change their blending modes to Screen.
img
Next we'll create some light streaks.
img
Use the shape tool to draw a white ellipse.
img
Then go to Filter>Blur>Motion Blur and set the distance to 400px.
img
Use the perspective transform tool to give it a cone shape.
img
Now add a Gaussian Blur set to 15px.
img
Resize and rotate it, and place it behind the skull.
img
Duplicate this shape several times to add more light streaks, each a different shape and size.
img
Next we'll add a couple of grids. To do this, first open a new 60px x 60px document, then draw a cross using the line tool set to 5px. Go to Edit>Define Pattern to save the cross as a pattern.
img
Back in your main document, add a new layer.
img
Then go to Edit>Fill and choose your new pattern.
img
Now double click on the layer and add a white color overlay.
img
img
Add a pink Outer Glow with the settings shown above.
img
And add a pink Inner Glow with the settings shown above.
img
Use the perspective transform tool to shrink the top of the grid.
img
Then vertically scale it down.
img
Duplicate this layer, scale it up, and change the colour of the Inner/Outer glows to a bright blue.
img
Now go back to the skull layer.
img
Double click on it, and give it a white Outer Glow with the settings shown above.
img
img
Next select the line tool set to 5px. Draw a diagonal line from the top left to the centre of the skull. (make sure you have your Smart Guides turned on to find the halfway point of your image)
img
Duplicate the line and flip it horizontally.
img
Now merge the two lines into one layer, and duplicate it. Scale it down slightly, holding shift.
img
Do this four times so you have 5 lines, equal distances apart.
img
Now lower the opacity of each line by 20% each time.
img
Next we'll create a star. Use the shape tool to draw a very thin ellipse.
img
Then motion blur the ellipse by 150px.
img
Duplicate it, and rotate it 90 degrees.
img
Give it an Outer Glow using the settings shown above.
img
Then, in a new layer, use the gradient tool to draw a small, radial, white glow at the centre of the star.
img
img
Now you can duplicate the star and add more at varying sizes.
img
Open the image in Photoshop and select just the cloud area. img
Paste it into your main document, flip it vertically, and position it at the top of your image.
img
Desaturate it, then lower the Brightness and raise the Contrast.
img
Give it a layer mask, and use the gradient tool to mask out the hard edge.
img
img
The last object we'll add is another grid. Just duplicate the blue grid from earlier, and take off the glows. Flip it vertically and position it in the top section of your image. img
Take its Opacity down to 50%, and add a layer mask, using the same technique as before with the cloud layer, to gradually mask out the edge.
img
img
To add a little more colour to your image, add a Gradient adjustment layer, using a 3 colour gradient with the colours #00ffe4, #ff44f4, and #0a00b2.
img
Set the layers blending mode to Screen, and it's Opacity to 40%. img
img
Download the paper texture from here, and place it into your main image. img
Resize the texture so it's the same size as your image, and change its blending mode to Screen. img
Add a blue (#005aff) Solid Colour adjustment layer, and set it's blending mode to Exclusion, and its Opacity to 20%.
img
Add a blue/grey (#6976a1) Solid Color layer and change its blending mode to Lighten and its Opacity to 30%.
img
Finally, add a new layer above all the others and fill it with 50% Gray.img
Go to Filter>Add Noise and set the amount to 100%.
img
Change the layer's blending mode to Overlay, and its Opacity to 20%.img

Author's URL: Matt
Final results of our readers
New!
Passed through all the steps? Share your result!
Your result will be premoderated.
Please make sure you choose the right image.
 
 



Captcha

*Required fileds
Edit your photos using the tutorials from this section that deal with a wide range of tasks, from correction to effects and filters. More Photo Editing Tutorials: Featured Materials | Fresh Materials | TutorialKit New Photoshop Tutorials


Like us to: