Hi. This is Marty from Blue Lightning TV. I'm going to show you how to create the look
of two versions of architectural blueprint drawings from photos.
I provided a Photoshop template that you can download, so you can follow along. Its link
is in my video's description or project files. It includes two images: graph paper and paper
texture. When you click the link, you may see only one of the images in the preview window, however,
once you open it in Photoshop, you'll see the two layers. Before we begin, if you want to know as
soon as I upload new Photoshop tutorials, smash that "Subscribe" button and please remember to
click "Like" if you like this video. Open a photo you'd like to use for this project. I downloaded
this one from Shutterstock. The first step is to place the photo into the template. Make sure your
Move Tool is active and drag it onto the tab of the template. Without releasing your mouse or pen,
press and hold the Shift key as you drag it down and release. Pressing Shift kept your
photo centered. To resize it, open your Transform Tool by pressing Ctrl or Cmd + T. Go to a corner.
On versions CC 2019 and later, press and hold Alt or Option as you drag it in or out until it fills
the document. On earlier versions, press and hold Alt or Option + Shift as you drag it. Then, press
Enter or Return or click the checkmark at the top. I'll cancel it since I already sized it earlier.
Drag the photo below the other two layers and hide those layers. We'll convert our photo into a Smart
Object so we can modify it nondestructively. To do this, click the icon at the upper, right corner
and click "Convert to Smart Object". Go to Filter, Stylize, and "Find Edges".
Next, we'll apply level and vertical perspective corrections. Go to Filter and "Camera Raw Filter".
On earlier versions, this window will look different, which I'll show you in a moment.
Open "Geometry". The "Upright" filter is what we'll be using. Click the "vertical" icon,
which makes the vertical lines in our image straight up and down. On earlier versions,
the Camera Raw Filter will look more like this. Notice the top row of icons. Click this one,
which is the Lens Correction filter. In the "Manual" tab, you'll see "Upright". Click the
vertical perspective icon. Next, we'll add a thin outline frame surrounding our blueprint image.
Double-click an empty area of the photo's layer to open its Layer Style window. Click "Inner Glow".
If the color box isn't black, click it and when the Color Picker opens,
pick black. The Blend Mode is Normal, the Opacity is 100%, and the Noise is 0. The
Technique is irrelevant since the Choke is 100%. The Source is "Edge" and the size is 51 pixels.
The Contour is linear and the Range is 50%. Click "Stroke". The color is white,
the Size is 60 pixels, and the Position is Inside. The Blend Mode is Normal and the Opacity is 100%.
Presently, we won't see the thin outline until we convert our image into a Smart Object.
Click the Adjustment Layer icon and click "Black & White".
Make the paper texture visible and active. Change its Blend Mode to "Linear Burn".
Make the graph paper visible and active and change its Blend Mode to Linear Burn, as well.
Reduce its opacity to 70%. deselectClick the Adjustment Layer icon and click "Solid Color".
In the hexadecimal field, type in 0036A5. Then, click OK or press Enter or Return.
Change the Blend Mode to Screen. Next, we'll add text to our blueprint.
Make the photo active and make a new layer above it.
Open your Horizontal Type Tool and make sure black is your foreground color. If it isn't,
press "D" on your keyboard. Open the Blueprint font I provided the link to.
I'll make the size 20 points, the aliasing: Sharp and the alignment, flush left.
Determine which inside corner you'd like to place your text. If the corner is empty,
we can just go to that corner and type out our text. To adjust the line spacing,
double-click the large "T" of your text layer to highlight your lines of text and go to Window
and Character. In the Character panel, hover your cursor over the Leading icon and drag the
scrubby slider to the right or left to increase or decrease he Leading. To reposition it, place
your cursor to the right of your text and drag it into position. Then, open back your Move Tool. If
you want to place your text over an area that isn't empty, no problem! Drag it to that area.
We'll create a new layer below our text by Ctrl or Cmd-clicking the New Layer icon.
Open your Rectangular Marquee Tool and drag it over your text to the outline
border. We'll fill the selection with white and since our background color is white,
press Ctrl or Cmd + Delete. Then, deselect it by pressing Ctrl or Cmd + D. Next, we'll
add a thin outline border to the rectangular shape that surrounds our text. Double-click
the rectangular shape layer to open its Layer Style window. Click "Stroke" and the color box.
Pick black. The stroke appears blue because we have a solid blue color adjustment layer
at the top of our Layers panel, which is affecting all the layers below it. Make its size 3 pixels.
If the rectangular outline isn't flush with the edge of your blueprint, no worries. Just
press the up, down, left, or right arrow on your keyboard to move the outline 1 pixel at a time
in the direction you want it to move. Let's close the Character panel since we're not going
to use it anymore. To invert the colors of our blueprint, scroll to the top of the Layers panel
and make the graph paper active. Click the Adjustment Layer icon and click "Invert".
This is Marty from Blue Lightning TV. Thanks for watching!