Subtitles section Play video
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!