Blueprints Tutorial

Learn how to create your very blueprints from your own images.
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.

Post Options
13 responses so far!
Note: We now use Gravatars here on HV-DESIGNS, they are little icons that appear next to your name on this site and on many others next to your comments. You can get a Free Gravatar account for free and any other site that supports it will show your avatar also!
-
cool tutorial men THX
-
Very Good

-
WHAT PHOTOSHOP DID YOU USE
-
adobe photoshop CS2
-
Hav you got any tips on how to use this with a car that has a lot of reflections?
-
id suggest cutting the color from the background and sticking it on a white canvas
-
Nice tut but er.. ‘more better’?
-
hi,
i use the CS3 version but í can’t find :
“filter distort > find edges”,were is it ??
thx -
i have no idea, i have never used CS3
-
find edges in cs3 can be found under:
filter> Stylize> Find edges
-
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?
-
PIXELS
-
Could you please describe how you created the page effect on the last step?



