Sketched 3D Blueprint Text Effect

Dino Angelov writes about all things design and is the owner of a Free PSDs search engine.

Use Photoshop to create this elegant and beautiful 3D blueprint text effect. Useful for your architecture presentations and technical drawings.

This text effect works best on a white background, but can easily be modified to work with different backgrounds. For the sake of simplicity, white is what I'll use.

Create a new document, 720x300px. Set the background color to white if it isn't already.

Type the text which you wish to display as a sketched blueprint. I'll be using "Graphisutra" as the sample text. The font I'm using is Gill Sans Ultra Bold.

The color I'm using for the font is #f4f4f4. Now let's add a stroke to the font - use #b8b8b8.

To start with the 3D effect, we'll duplicate the layer and move it 5-6px to the top-right. Easiest way to do this is hit the Right and Top arrows on your keys, each 5 times.

Open up the layer blending options on your top text layer. Remove the fill opacity (set it to 0%) and open up the Inner Shadow panel. I've included the settings used:


The color used is the same with the stroke color we used before, which is #b8b8b8. With this, we are halfway to our desired effect.

We're going to add the sketch lines now. Make a new layer and place it on top of both type layers. Choose the Pencil Tool and set your foreground color to the outline color (#b8b8b8 again) and set the size to 1px. Add a 1px dot on your new layer, place it somewhere near the top lines of the duplicate type layer.

Holding Alt (Option) on your keyboard, hit the Bottom arrow and then the Left arrow 5 times. You should get a single line spanning from our "3D border" to our original text type layer.

Select all of the new layers that were just created, and use the Merge Layers command (Ctrl + E, Cmd + E on Mac).

This is where I placed the first sketch line.

Now, hold down Alt (Option on Mac) and drag the layer to all the other "edges".

Optionally, you may use the brush tool to erase some parts of the lines so that it doesn't have such a strict look, but that's entirely optional and up to you.

Have fun with your faux sketched texts!