Loading ...
1st before we start we need to create our grid pattern, create a new document with a transparent background with the size 45 x 45, select the pencil tool and a 1 pixel size brush and the color black. Now make a 2 pixel line then miss 1 pixel out then make another 2 pixel line
and so on.
Once you have something like above goto “edit > define pattern” and give it a name of your choice.
Right thats that out the way. Open up your image you want to turn into a blue print, im going to use a picture of a car for this example but houses and other objects work fine also.
Once you have your image loaded up goto “image > adjustments > desaturate” your image should then go grey, then goto “filter distort > find edges”, you should have something like this.
Now theres abit too much of detail for my likeing so press “ctrl + L” to adjust the levels. Move the “black”, “grey” & “white” markers/sliders to your liking have a good play about with them, once your happy press okay, heres mine.
Now goto “image > adjustments > invert” this will replace the colors to the opposite, (white will be black, black will be white.)
Create a new layer above your image and fill it with the color (#0054a5) then set the layer mode to “linear dodge” your image should now look like this.
Create a new layer and select the paint bucket tool, at the top of the menu switch from forground to pattern.
From the patterns menu select your pattern.
Fill the layer with your pattern, set opacity of the layer to about 30% and the blend mode to overlay.
Now useing the arrows from the customshapes menu and the type tool add some blueprint elements to the canvas.
You can be creative as much as you like, to adjust the perspective of your arrows and text goto “edit > transform > distort” use the lines on your image as a guide to how they look. Thats pretty much it, the more lines and numbers you add the more better it will look, you could even add a few other items.
29 Responses to “Blueprints Tutorial”
solon Says:
cool tutorial men THX
abdeslam Says:
Very Good :)
jack Says:
WHAT PHOTOSHOP DID YOU USE
ADMIN Says:
adobe photoshop CS2
Tom Says:
Hav you got any tips on how to use this with a car that has a lot of reflections?
ADMIN Says:
id suggest cutting the color from the background and sticking it on a white canvas
Klown Says:
Nice tut but er.. ‘more better’?
LucKey Says:
hi,
i use the CS3 version but í can’t find :
“filter distort > find edges”,
were is it ??
thx
ADMIN Says:
i have no idea, i have never used CS3
perry Says:
find edges in cs3 can be found under:
filter> Stylize> Find edges
Frank Says:
Hi,
to make that pattern, jou said 45 X 45. but is it in cm, mm, pixels, picas, points? could you tell me that please?
ADMIN Says:
PIXELS
AmX15 Says:
Could you please describe how you created the page effect on the last step?
j4N Says:
Very nice man,
thx alot for all the work !!!
nathan burkes Says:
Sorry, but that`s the lazy way to do it, and the results are average.
You would actually have te retrace all the edges, using Illustrator (if possible) to have a realistic effect.
But still, that`s not too bad :)
Mathew Edison Says:
Wow nice I’m gonna try this out to see if it works out just as nicely for me.
KAMALIA Says:
can i use this effect using cs3???
Alaix Says:
I’m using Photoshop CS3 and I couldn’t find “find edges”
I think Photosopy is quite the same though.
Niraj Says:
cool how can u think it my dear
plz give me trick thanks
john wagner Says:
Sweet!
stev Says:
ok its stylize find edges by the way other then good tut, (above website is fake i just had to make it up because I didn’t want anyone going through the trouble of finding “find edges”
Leave a Reply
Trackbacks
search
Learn more about advertising with us.
write for us
Intrested in publishing some articles, tutorials or freebies on hv-designs.? We welcome anyone who is intrested, we'll even return the favour by sending you aload of goodies. Learn More
Learn more about advertising with us.
Recent Comments
copyright
The effects and techniques demonstrated in tutorials on hv-designs.co.uk can be used in whatever manner you wish without attribution. The text, images and tutorials themselves are all copyright © hv-designs.
usage
You cannot copy whole tutorials, either in English or translated to another language unless permission is given by the tutorial author.
friends online