Subtitles section Play video Print subtitles Hi. This is Marty from Blue Lightning TV. I'm going to show you how to transform a photo of a building into the look of a blueprint drawing. This is an update to a tutorial I did quite awhile ago on an earlier version of Photoshop. In this tutorial, I'll show you how to do it quicker and easier. Open the Photoshop file I provided, so you can follow along. It's located in the video's description or project files. It includes two images: an image of paper texture and a photo of a building. Whether you use this photo or your own, the paper texture needs to cover the entire photo. To do this, open your Transform Tool by pressing Ctrl or Cmd + T and go to a corner. When you see a diagonal, double-arrow, hold down Shift +Alt on Windows or Shift + Option on a Mac as you drag out until it covers the entire photo. Then, press Enter or Return. To fit it onto your screen, press Ctrl or Cmd + 0. If you're foreground and background colors aren't black and white respectively, press "D" on your keyboard or click this icon. Remove or desaturate the color of the paper texture by pressing Ctrl or Cmd + Shift + U. Click the thumbnail of the background to make it active and make a copy of it by pressing Ctrl or Cmd + J. Drag the copy above the paper. Desaturate the building and go to Filter, Stylize and "Find Edges". I'd like to brighten the middle, darks of this image, so I'll open the Levels window by pressing Ctrl or Cmd + L. I'll drag the Input midtones to the left to lighten them. I dragged it to 1.87. In the next few steps, we'll add a border and texture. We'll start with the border. Double-click on the thumbnail of the background copy to open its Layer Style window. Click Stroke and the color box. Pick white and click OK. Make the Positon: Inside and the Blend Mode: Linear Burn. Make the Size: 20 pixels. Click Inner Glow and the color box. Pick black and click OK. Change the Blend Mode to Normal and increase the opacity to 100%. Increase the Choke to 100% and make the Size: 21 pixels, which is one more pixel than the Stroke. Keep in mind, if you're using a different photo and its size and resolution are different than the one I provided, you may want to play with the sizes for the Stroke and Inner Glow to get a similar result as this. Change the Blend Mode to Linear Burn. To brighten your image, first make the Paper layer active and invert the foreground and background colors by pressing "x" on your keyboard or by clicking this icon. Open your Brush Tool and open your brush tip panel and type in a large brush. I'm using a brush size of 800 pixels. Keep the Hardness at 0% and the Opacity: 100%. Then, press Enter or Return. Press F5 at the top of your keyboard to open the Brush Preset panel. Make sure none of the settings are checked, except "Smoothing". Press F5 again to close the panel. Change the Blend Mode to Soft Light and brush over the middle of your image or wherever you'd like it to be brighter. Make the top layer active and click the New Layer icon to make a new layer. Click the foreground color to open the Color Picker. Type in 0036A5. Then, click OK or press Enter or Return. Now, the foreground color is the blue color we just typed in. Fill the empty layer with the foreground color, by pressing Alt or Option + Delete. Change the Blend Mode to "Screen". Next, we'll add text. Open your Horizontal Type Tool and pick a font. I'm using "Draftsman Regular". If you'd like to use it, I provided its link in the video's description of project files. For this font, I'll make the size: 16 points, Sharp and Left Alignment. Click on your document and type out your text. If you want to add a thin line under the text, highlight it and go to Window and Character. The Character panel will open. Click this icon, which will add the underline. To move your text, open your Move Tool and move it. To add another line of text, press "T" to open your Type Tool, click on your document and type your text. To reduce its size, highlight it and type in a smaller point size. Open your Move Tool to move it. If you don't want the underscore for this line of text, just click off the Underline icon. To close the panel, click the double, arrowhead icon. If you're working on version CC or later, there's one more effect we can do that will automatically apply vertical perspective corrections. Make the blueprint building active and go to Filter and "Camera Raw Filter". Click the Lens Corrections icon and in the Manual settings, you'll see Upright. I did an in-depth tutorial on the Upright filters and I provided its link in this video's description. Click the Vertical Upright icon and click OK. As I toggle back and forth, you can see how Vertical Upright straightened the vertical perspective. This is Marty from Blue Lightning TV. Thanks for watching!
B1 click icon ctrl photo pressing foreground Photoshop: Transform a Photo into an Architect's Blueprint Drawing 47 5 Jessica posted on 2015/06/04 More Share Save Report Video vocabulary