Post Infos

You are currently reading Displace Filter, an entry on Signature Stop, Photoshop signature tutorials, renders, tag tutorials and signature backgrounds!

Published:
January 24th, 2009 / 4pm
Category:
Filter Effects
divider

Displace Filter

In this tutorial I will be explaining the Displace filter. This filter may look kind of difficult when the popups with settings comes up, but it can be used to create great looking distortion and raw background texture. First, I’m going to show you the difference in results when you use a different type of image. In this tutorial I will be using this image from GameWallpapers to show you the difference depending on the texture of the image you use.

The image we will start with:

starting wallpaper

First of all, you can use the filter by going to Filter > Distort > Displace. a screen will come up asking you for settings. For the start of the tutorial, I will be using the standard settings, which are horizontal scale: 10, vertical scale: 10, Stretch to Fit and Repeat Edge Pixels:

displace filter standard settings

After picking these settings, you have to select a PSD file to displace it with.

displace PSD

I’m going to create a pretty soft image with a few randomly drawn lines, after which I will use the Displace filter. This image has little texture and there’s not much going on.

random brushing

I will apply the Displace filter (Filter > Distort > Displace, standard settings) with this file:

displaced wallpaper

You can clearly see the lines drawn into this file. It already looks kind of twirly, which we can use for some nice textures. To test some more, I drew the following image and smudged it a bit:

displace brushing and smudging

My result after displacing our Lara Croft:

smudged wallpaper

Now if you change the standard settings to Tile and Wrap around, the result will not vary much:

wallpaper distorted

Lets add a little bit more detail to the PSD we’re displacing with, I randomly brushed, smudged, sharpened, blurred and so forth to create this image:

smudging brushing blurring

Now after displacing with the standard settings:

displacing wallpaper

Not good enough, need more detail! Experiment with settings, this is what I’ve done:

custom displace settings

my result:

displaced wallpaper

Now this is something I’m going to work with. You can use this effect to create a background or texture that matches a good looking render, however it does not really remind people of the original image. For example, if you smudge this background, this is what you might get:

smudging background

With some (admittingly poor) coloring and transforming:

coloring

Well, we now used the displace filter and some smudging to create our background. You can continue to do whatever with it, make a signature, a texture, and so forth. A possible example could be this poorly made (sorry, sleepy!) signature:

result signature

Tags: , ,

About the author

Hi, I'm Base. I've been developing and designing websites and graphics since 2004, and I love sharing my knowledge with the rest of the world!

Responses to “Displace Filter”

Leave a reply