Blueprints Tutorial

Posted on October 10th, 2007.

4 Votes, Rating: 4.5

 Loading ...

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.

Tags: blueprints

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!

• 1 solon ~ Oct 12, 2007 at 10:40 pm

  cool tutorial men THX

• 2 abdeslam ~ Mar 13, 2008 at 5:57 pm

  Very Good

• 3 jack ~ Apr 27, 2008 at 9:37 pm

  WHAT PHOTOSHOP DID YOU USE

• 4 ADMIN ~ Apr 28, 2008 at 4:11 pm

  adobe photoshop CS2

• 5 Tom ~ May 5, 2008 at 3:52 pm

  Hav you got any tips on how to use this with a car that has a lot of reflections?

• 6 ADMIN ~ May 5, 2008 at 5:19 pm

  id suggest cutting the color from the background and sticking it on a white canvas

• 7 Klown ~ Jun 1, 2008 at 10:52 am

  Nice tut but er.. ‘more better’?

• 8 LucKey ~ Jun 3, 2008 at 6:06 pm

  hi,

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

  were is it ??
  thx

• 9 ADMIN ~ Jun 3, 2008 at 6:21 pm

  i have no idea, i have never used CS3

• 10 perry ~ Jun 5, 2008 at 10:48 pm

  find edges in cs3 can be found under:

  filter> Stylize> Find edges

• 11 Frank ~ Jun 19, 2008 at 8:13 pm

  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?

• 12 ADMIN ~ Jun 19, 2008 at 8:15 pm

  PIXELS

• 13 AmX15 ~ Jul 3, 2008 at 6:19 pm

  Could you please describe how you created the page effect on the last step?