How to make blueprints in photoshop

how to make blueprints in photoshop

Create a Blueprint Effect With Photoshop

Aug 15, The realism of this blueprint effect tutorial all depends on the base images you have to work with. For best results, use pictures of your subject from the front, side and top, combined into one document. Authentic blueprints are drawn as exact plans, whereas a photograph will always include unwanted details, perspective, and reflections. Jan 21, Create a new document at your desired size, which in my case is 40?40 pixels Create a new layer, then turn off the background layer in this new square document With the Marquee tool still selected, draw a thin 2px selection running along the top and left edges and fill them with white using the CMD+Backspace shortcut Go to Edit > Define Pattern, then give it a recognisable name Close this document to return back to the main blueprint effect. Create a new layer, then go to Select .

The realism of this blueprint effect tutorial all depends on the base images you have to work with. For best results, use pictures of your subject from the front, side and top, combined into one document. Authentic blueprints are drawn as exact plans, whereas a photograph will always include unwanted details, perspective, and reflections.

Open up your base image in Adobe Photoshop. This particular house photograph is a free image named House Lights Turned On. Find out more about Access All Areas Membership. This tutorial is right up my alley. I am a residential designer and just started writing blog posts about the residential design process. This technique will be a great option for my post featured image.

Thank you very much. Any feedback would be greatly appreciated. Chris, Tried this out when I got home today. Took a bit longer than I had hoped, but it turned out great! Thanks for sharing this! I am going to post in on my Instagram page for people to check out. Hi Josh, I took a look at your post on Instagram and it looks great! Thanks for the shout out too, much appreciated :. Nice tutorialvery easy to follow, and gives a nice effect.

You only missed one thinga well-worn blueprint is sure to have one or more coffee-mug rings! Really love it! Great work. Every project work needs such pre-approach blue print for design and develop.

This is so cool looking! Thank you very much! She created art this way and it was awesome! Thank you, again! This is an awesome technique we do a fair bit of design for building companies. I am sure you will see this technique show up in our work. The tutorial is really easy to follow perfect for creating graphics on an architects website! Thank you! Your adobe photo shop blueprint is easy to understanding. Thanks you for this naturalistic tutorial. Thank you so much!

This is such a wonderful tutorial, very well explained and easy to follow. You know when you need something, and it comes to you in just the right time? This tutorial was that to me, so thank you so much for taking the time to do it! Stay up to date with Spoon Graphics by having new content delivered to your email inbox. As a way to say thanks, you'll also gain instant access to my free bundle of design resources.

Become a member to unlock this tutorial And gain access to s of premium design resources! Regular Updates New content is continuously added every month, so keep an eye on your inbox for updates! Unlimited Access Download as many items as you want for the duration of your membership, with no restrictions. Cancel Anytime There's no small print! You can cancel your payment subscription anytime you want.

Thanks for your comment Craig! I will take a look at your request and see how to play games on ti 84 plus I can do. You can add more coffee mug rings when you re-create it :. Thanks Chris, your tutorials are always great and thanks for this awesome tutorial Great tutorial for creating blueprint effects!

I like all the little details :. Its awesome tutorial to create new effective designs. Thanks Coderra! Next time I have an architecture client, definitely playing with this. Join my mailing list and receive a free design resources bundle!


Aug 07, To make this into a blueprint style background, return to the Layer Styles dialog box, select Color Overlay, and choose a dark blue as your color. Select Overlay . Mar 17, How To: Create Blueprint Effect in Photoshop! What's up, in this video I am going to be showing you how to create a blueprint effect with Photoshop. To do th. Oct 31, First goto adjustments panel and select solid color. choose a dark blue color. In order to add a grid to the blueprint, we first need to make a pattern swatch. Create a new document at around 80x80px in size. This size may vary depending on the scale of your document.

Many projects in Photoshop can be very easy if you know how to approach them. In Adobe Illustrator, there is an actual grid tool, but this feature is absent in Photoshop, leaving most designers wondering how they might create something such as graph paper or blueprint style designs.

It turns out that it is all in how you approach the project. First, open a new blank document. In the tools panel, select the rectangle tool with a medium gray as your color. While holding down the shift key, draw a square.

Depending on what version of Photoshop you have, you can add a stroke in one of three ways. If you have Photoshop CS6, simply go up to the Options bar, click on Stroke, and add a white stroke around your square. You will have to start out in a separate document, make it square, fill it with gray, and then add an inner stroke via the layer styles options.

Since we have created the basis for our grid, you can delete the layer containing the square. Double-click the background layer to unlock it, and double-click it again to bring up the layer styles options. If the pattern is too big, you can lower the scale so that the grid is made up of small squares, just like a blueprint or graph paper. The result should look similar to the example below. Next, select a typeface to turn into a blueprint style effect.

The best ones are usually bolder typefaces that are wide. I am using Interstate Condensed Black, but you could use something such as Arial Black to get a similar effect. Select white as your foreground color and type your message. Try to align the text edges with the lines shown in the grid for a more convincing effect.

Then, double-click the layer to bring up the layers styles options. Choose a 3pt stroke and set it to the inside. Then, change the color to white. Next, we will select the pen tool, and we are going to create some lines that represent guidelines, as if someone was drafting the construction of the text, using the grid as a base. With the pen tool, begin drawing straight lines that follow random edges of the type but also have them extend beyond the boundaries of the text.

When you are done, your paths should look similar to the example below. I temporarily placed black behind the type and paths to make it easier for you to see. Next, we will select the brush tool and select chalk from the presets available. Select white as your foreground color and lower the size to around px. Keep the brush tool selected, and create a new blank layer. With the brush tool still selected and the new layer active, click on the paths panel and make sure that the paths that you just created are active and at the bottom of the paths panel, and click the second icon labeled Stroke Path With Brush.

The results should look similar to the example shown below. You could add as many lines as you want, adding paths and lines and really working up the drafted look, but if we remove the black background, we have the drafted look that we were looking for.

To make graph paper from this exact same pattern is easy. Create a new document and double-click the background layer to unlock it. Then, double-click the layer to bring up your layer styles. Slide the far left slider to the right until the grey squares turn black. Create a new layer and select a medium blue color as your foreground color.

Notice that the lines are blue now. You have created digital graph paper quickly and easily. Creating your own patterns in Photoshop can save you a lot of time as opposed to creating and aligning all of those squares by hand. Also, we used the same pattern to create two different looks simply by rasterizing our effects and inverting them. Using these principles will save you time and help you to solve problems in Photoshop for all of your future projects.

0 Replies to “How to make blueprints in photoshop”

Add a comment

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