Home About Contact Us search

Wallpaper Effect

This tutorial walks you through steps in creating a warped effect that you can use to create artistic and profressional background and wallpapers..

The first step is to define a new pattern.

- Start a new document: 60px wide, and 10px high, and for contents, select "Transparent".

 

Use the zoom tool to zoom your canvas so we can see it a little better.

Now use the rectangular marquee tool to draw a 30px by 10px selection on your canvas.

Then fill it with black. Then Press CTRL+D to deselect.

Now, go to Edit » Define Pattern, a screen will popup asking for a name, name your pattern "Stripe" then click OK.

Now you can close this document.

Now, start a new document.

Width: 600px Height: 600px, Content: White

- Create a NEW LAYER

- Then go to Edit » Fill
in the Fill box, Use: select Pattern, and in the Custom Pattern options, select the pattern you just created in the previous step. Leave the blending options alone.

Your canvas should now be filled like the screenshot on the left.

Now, apply the polar coordinate filter.

Filter » Distort » Polar Coordinates
- Options: Rectangular to Polar

- Now apply this gradient overlay layer style to the layer.
Gradient Overlay

- Create a NEW LAYER, link the new layer and this layer together, then go to Layer » Merge linked.

- Now duplicate this layer. (right click on the layer in the layers pallette and select "Duplicate Layer"). Change the Blending Mode to "Multiply"

- Now go to Edit » Transform » Rotate
Then just rotate this layer by just a few degrees to offset it from the original..

- Repeat the above 2 steps, several times but change the Blending mode to "Overlay" and "Screen" and "Normal".


Click to view full size

Now link all the layers together (except the background) and go to Layer » Merge Linked.

Now just fill your background layer with a color and experiment.

You can move the top layer around to create the crystal spikes look or just leave it in the center for a warped effect type background.

In the image to the left, I simply applied Filter » Blur » Radial Blur, method: Zoom , and amount by about 40.

Here's more images I made using the associated filters:
CLICK HERE TO DOWNLOAD PSD FILE


Filter » Distort » Spherize (3 times)

Filter » Distort » Twirl (2 times)

Filter-Distort » Polar Coordinates (Rect to Polar)

Like this tutorial? Share it


Build Your Own Flash Website

User Comments

Sergio Feb/20/2010 00:27Great tutorial, helped me a lot. Thanks!
asif sayyed Dec/15/2009 20:26it is amazing
Karen Nov/15/2009 13:23The tutorial is simple, thanks for sharing. Hopefully, someone can answer my question. I can do everything but the spherize one. I did Filter > Distort > Spherize thrice and it didn't resemble the result here at all. Granted, my result isn't identical to his but I even tried it on the example posted here. What are the settings for spherize?
Paul Oct/16/2009 12:49ok for the people who did not get the gradient part he forgot to mention that in blend mode he selected "Lighter Color" select that and done. Hope this helps
WAN_GHOST Oct/05/2009 20:05i manage to do all the step..by the result from me is not excellent like the simple......make me really unsatisified
WAN_GHOST Oct/05/2009 20:05i manage to do all the step..by the result from me is not excellent like the simple......make me really unsatisified
Jai prakash sah Aug/21/2009 20:41dhansu hai dear means its a great thing to see.
C J Unnikrishnan Aug/02/2009 01:47Oh great dear.........working well !!! thank uuuuuuuuuuuuuuuuuuu
likaka May/19/09 01:58what the hell i dont even understand these stuff...
Jahangir Apr/20/09 00:11Nice tutorial :)
Ryan Apr/4/09 12:01mergle links is like ctrl + e when both layers selected. just makes them one.
indi Mar/31/09 13:38hey tnx..helped me alot..
israel Mar/25/09 20:50exlent
techmaniac Mar/4/09 21:48very nice effects, congrats ....
Kim Nov/29/08 11:51Thanks, very easy to follow. With the merging of linked layers - just ctrl+click the layers to be merge in ur Layers control box on right so that they are all selected, then go Layers > Merge Layers (or Ctrl+E)
marwa Nov/29/08 01:20it is very semple but it gife good effect or becose u explanet realy good thanks alot
Jai Singh Rawat Aug/30/08 08:46nice effect
Sufiyan Jun/23/08 21:21what the hell is this i cant understand this step Now apply this gradient overlay layer style to the layer. Gradient Overlay - Create a NEW LAYER, link the new layer and this layer together, then go to Layer->Merge linked.
Sammy Jun/23/08 19:27Very nice tut loved it thanks
hcarlos Jun/13/08 04:28nice man...Well Done
Lucy Apr/21/08 06:39I didn't understand the merge link thing either.
GraDoN Jan/20/08 03:19very nice tut, doohilda if you dont understand it you better learn PS from the beginning cause those are very basic steps
Reni Dec/29/07 02:20nice
ajithvee Dec/18/07 07:15good tips to begin with..
GoffeyUK Oct/9/07 05:17Brillant, really nice effect and simple to do Well Done
See 26 - 50 of 112 comments

Leave A Comment

Your Comment:
Your Name:
Your Email:
Your Website: (optional)
Build Your Own Flash Website
ecover design tutorial tutorial tutorial
psdeluxe Photoshop Lover Good Banners Add Your Site