Outline Sketch Effect

Graphic Design | on May 12th, 2010 with 11 Comments
Advertisement


Outline Sketch Effect

In this tutorial I want to show you one very interesting way how to create text by using outline sketch effect. It can be done within a few minutes in Photoshop.

First of all, create a new document in Photoshop. I created document sized 1000×500 pixels with all the default settings, RGB, 72 dpi. Then fill it with color of #d7c7a8.

Outline Sketch Effect 01

Then I would like to add some text to demonstrate effect on it. Get out the Horizontal Type Tool and write out your text on the middle of canvas, for example ‘Draft’ in whatever color you want.

Outline Sketch Effect 02

In the above image I’ve used font called Hall Fetica (350 pt, Sharp), which is free. You can download this font from here: http://www.fontcubes.com/Hall-Fetica.font. After that set up fill opacity of text layer to 0% and apply Bevel and Emboss layer style to it.

Outline Sketch Effect 03

Outline Sketch Effect 04

Duplicate current layer with Ctrl+J and move it 5 pixels up and left. Go to Bevel and Emboss layer style options and change the shading angle and altitude to the similar which you can see on the picture below:

Outline Sketch Effect 05

The result should be the same as mine:

Outline Sketch Effect 06

We are done with text, now we need to add more guide lines to demonstrate outline sketch effect. At first I would like to add only vertical lines. Select the Line Tool (Weight: 1px) and add different length lines with black color:

Outline Sketch Effect 07

Then merge all of it into the one layer and apply Filter > Blur > Motion Blur with next presets:

Outline Sketch Effect 08

Now you should have something like this:

Outline Sketch Effect 09

Then create a new layer and add horizontal lines with Line Tool (Weight: 1px) on the same way:

Outline Sketch Effect 10

Merge all horizontal lines into the one layer again and apply Filter > Blur > Motion Blur with similar settings to these:

Outline Sketch Effect 11

The result should be next:

Outline Sketch Effect 12

Ok, now merge all layers together and apply Filter > Brush Strokes > Spatter.

Outline Sketch Effect 13

Now you can see the difference after using this filter:

Outline Sketch Effect 14

Apply another one Filter > Texture > Texturizer:

Outline Sketch Effect 15

The result should be next:

Outline Sketch Effect 16

And the last one filter that we have to apply is Filter > Noise > Add Noise:

Outline Sketch Effect 17

Outline Sketch Effect 18

That’s it for now! We got very nice and pretty simple outline sketch text effect, thanks for taking the time to read it!

Outline Sketch Effect 19


Advertisement

  • Benumber13

    Hi there, I am trying to do this tutorial but I am stuck at the first step. When I turn the opacity to 0% and then try to apply the settings on bevel and emboss nothing can be seen on the canvas! could you help me with this issue?
    Thanks Ben

    • meena dhyani

      dont reduce the opacity of layer but the fill.. you can see that below opacity option

  • jayvin

    i really want to have a psd file of different text effect design.

  • forough

    DEAR Benumber3
    u should FILL OPACITY (0) not opacity

  • Sarfaraz

    Benumber13, you’re reducing master opacity. plz chang fill opacity.ok

  • Nienke

    I am trying this tutorial and it looks really cool. I am having a problem with the second layer of the text. When I change the bevel and emboss option, both the text layers change. How do I make to text layers with a different layer style?

  • dear

    thank you

  • Anne

    THANK YOU! Fantastic! You have no idea how much this helped me!

  • iren

    thank you! very simple to use and nice results. for the user with the opacity prombem , you must turn fill to 0% on the layers window.

  • erictheawesome

    hahaha i had the same problem as benumber3 but i read all of your alls comments and fixed it so… THANK you

  • Asad

    great tutorial, thanks for share