Top Navigation

Displace filter with vector effects

May 16, 2007 from

After one month traveling I’m back and trying to get back to my routine. First of all, I’d like to thank all comments and emails about the blog and the tutorials.

Now talking about Photoshop, I started using the new CS3 programs on my mac and I have to say, they are really faster, and I can finally use the Illustrator more often.

On this article I created a design inspired by the work of Nik Ainley. He’s one of my favorite Photoshop Masters and his work is really impressive. For this design I used the Displace filter in Photoshop, I think it’s one of the most obscure filters because most the majority of users don’t know how to use it, and that includes me, lol. The vectors were created in Illustrator with, again the blend tool.

1 - Create a new document and in the layer style create a gradient.

Creating a gradient

2 - Select a person to use: I used a nice photo taken by John Arlington for the Udox website. The new select features in Photoshop are amazingly cool, it’s pretty easy to cut a person off the picture with the Quick Selection Tool and the Refine Edge options.

Using the new quick selection tool

Adding the guy in the layout

3 - Add a Diffuse Glow: Go to Filters>Distort>Diffuse Glow

Diffuse Glow options

4 - Exploding the guy: Use the displace filter to explode the guy. I used a crazy image as a displacement map, though you can use any image.

Displace Filter options

Selecting a map

Displace filter result

5 - Refining everything: Apply a mask in the layer of the displace and in the guy’s. Start erasing the displace layer, after that use the Smudge tool to blend them together.

Refining the effect

6 - Giving a blur: Duplicate the guy’s layer, apply the filter Pixelate>Mezzoting and choose the type as Medium Lines. After that apply a motion blur.

Motion Blur

7- Creating the vector lines: That is pretty simple in Illustrator, just create some lines with the pen tool and use the blend tool. Repeat it as many times you think it’s ok.

Create 2 lines with the pen tool

The blend tool

Creating more vectors

8 - Using the vectors: In Photoshop again, paste the vectors there as Smart Objects, and apply a Layer Style. In that case I added a glow and a color overlay. Try different colors and glows to the different vectors.

Applying the Layer Style to the vectors

Use as many blends you think is ok

9 - The final result: I played with the graphics a bit more like adding new elements and filters such as the noise filter in the background.

Final Result

I have to say that I’ve learned a lot creating this image. It took me some time to create everything, the displace filter and the vector lines that we see a lot out there. I want to say thanks to a visitor of my blog who sent me an email asking how to do an image similar to this one. That was my motivation to create this article.

Download the Photoshop File

You can download all the files used here.

Abduzeedo 2 Years Anniversary

http://abduzeedo.com/files/imagecache/img690x320/originals/newWP.jpg

About the author

Abduzeedo is a blog about design. There are all sorts of articles for those who want to look for inspiration. Also you will find very useful tutorials for the most used applications out there, with a special selection of Photoshop Tutorials and Illustrator Tutorials. You can get in follow us via Twitter at @abduzeedo

Sponsored Links:

Comments and Reactions

Featured Tutorial

Shiny Calligraphy Text Effect in Photoshop
Shiny Calligraphy Text Effect in Photoshop
Last week I posted some articles about typography and received quite a few emails asking me to create a tutorial on text effects. So I decided to play a bit with Photoshop to create a nice sort of 3D effect using a calligraphy font and a lot of Layer Styles. The effect is really simple and we will take a look at how to create patterns and light effects with Blend Modes. Step 1

Try this Wallpaper

Wallpaper of the Week #37
Wallpaper of the Week #37
For the wallpaper of the week we have a digital art from Fran Ferriz, an illustrator, 3D Artist, graphic and industrial designer from Spain. He has really cool works but in special the 3D characters. You can check out more of his work on his website.

Book Suggestion

Book Suggestion: New Vintage Type - Classic Fonts for the Digital Age
Book Suggestion: New Vintage Type - Classic Fonts for the Digital Age
The book suggestion of this week is about typography and it's a great source of inspiration. The book is called New Vintage Type: Classic Fonts for the Digital Age and we have used it for reference in many tutorials here on Abduzeedo. Book Description