This tutorial requires a good knowledge of photoshop
It is a basic walkthrough and steps are not explained for a beginner to understand.
Step 1.
Ok first of all create a new document, make it any size you wish, mine is 800 x 600 if you wish to follow along.
Using the radial gradient tool (click the gradient tool and select the circle mode) select a dark grey and light grey colour.
Make sure the circle is quite large at the top like in the image below.
Step 2.
Add in a texture, make sure you reduce the opacity to around 7-10% but leave it on the normal transfer mode.
The texture used here is abit grungy and rocky. Try and use something similar.
Step 3.
Add in your rendered stock image. In this case it is a strong guy. Feel free to put any image you like.
Step 4.
Either make your own wireframes or download some, add them in and change their colours to black and white.
Turn the opacity down to around 50%.
These wireframes were created simply inside of illustrator, if you need a tutorial on how to make them simply google "Wireframes in ilustator",
Step 5.
Use some splatters brushes behind, you can download these easily off the internet.
Alternativly you could use splatter vectors. (Which I prefer) Both will have the same result, so don't worry about it too much.
Use the colour black.
Step 6.
Repeat step 5 but use a nice blue colour.
Step 7.
Download a cartoony vector and place in behind the render.
If you cannot download a render or own a graphics tablet why not try and draw your own? It only takes seconds!
Step 8.
A few simple black lines were added behind the render, you can use the line tool or the pen tool if you know how.
Step 9.
Add in some more abstract shapes, the white circles have been made by using the circle marquee tool and then
using a white gradient.
More lines and circles have been added. Make sure they are behind the render
.
Step 10.
A couple of dotted lines were added, the easiest way of adding these would be to use the text tool and hold down
the full stop button.
But you could use the pen tool, which would be more suitable for curved lines.
Step 11.
Another wireframe was added at the bottom on a very faint opacity somewhere around 10%.
Step 12.
A froral object/vector was added at the bottom of the render. Make it dark grey
Place this in front of the render
Step 13.
Repeat step 12 but place it on the other side,
Step 14.
Another splatter had been used
Step 15.
The next step is to apply the image (image > apply image) and then sharpen it, (filter > sharpen > sharpen)
Step 16.
Add some text, the i has been replaced and a mouse icon used instead.
Step 17.
The artist has then writen a statement and then duplicated it and place it over the piece,
Step 18.
A hue and saturation layer has been added to bring out the colour abit more.
Also a black and white layer has been used (photoshop cs3 and above) to brighen and darken areas.
Then finally a brightness and contrast layer has been added and the brightness has been put up to 5.
You are then finished!
Thanks for reading!
Back to Top
