Blueprints Tutorial

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.

25 thoughts on “Blueprints Tutorial”

  1. hi,

    i use the CS3 version but í can’t find :
    “filter distort > find edges”,

    were is it ??

  2. 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?

  3. 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 🙂

  4. I’m using Photoshop CS3 and I couldn’t find “find edges”

    I think Photosopy is quite the same though.

Leave a Reply

Your email address will not be published. Required fields are marked *