PDA

View Full Version : Photoshop Technique. Wave Background.


Talon Karrde
06-10-2005, 11:52 PM
I will Now list a complete tutorial on the wave background with Screen Caps to show anyone how to do a cool wave background like this:
http://img300.echo.cx/img300/1377/tutorial134ef.th.jpg (http://img300.echo.cx/my.php?image=tutorial134ef.jpg)


Step 1: First open up a new blank document in photshop (duh) To any size you want. I will use 300 x 300 since it's small and doesn't take awhile to, load my renders.

http://img133.echo.cx/img133/9198/tutorial18zr.th.jpg (http://img133.echo.cx/my.php?image=tutorial18zr.jpg)

Step 2 Now use the Gradient tool and set the mode too difference. [/b](Make sure the colours are black and white!)[/b]

http://img167.echo.cx/img167/6813/tutorial23cf.th.jpg (http://img167.echo.cx/my.php?image=tutorial23cf.jpg)

Step 3 Now Randomly use the gradient tool over and over randomly to get something like this
http://img294.echo.cx/img294/9238/tutorial37ic.th.jpg (http://img294.echo.cx/my.php?image=tutorial37ic.jpg)

Step 4 Now we Will duplicate the layer so that we can render the copy!
http://img270.echo.cx/img270/4112/tutorial69tr.th.jpg (http://img270.echo.cx/my.php?image=tutorial69tr.jpg)

To get this bar I selected a marquee tool and right clicked to hit Duplicate layer. Now with this layer Name it anythign you want.

Step 5 Now it's the fun part! Rendering! First we go to the tools Render> Stylize > Find Edges like so:
http://img167.echo.cx/img167/5462/tutorial47qr.th.jpg (http://img167.echo.cx/my.php?image=tutorial47qr.jpg)

You should end up with something looking like this:
http://img167.echo.cx/img167/130/tutorial59cn.th.jpg (http://img167.echo.cx/my.php?image=tutorial59cn.jpg)

Step 7 Now that we have our stylized picture we will MErge it down and switch it to Lighten and make its opacity 50%
http://img25.echo.cx/img25/4806/tutorial78tm.th.jpg (http://img25.echo.cx/my.php?image=tutorial78tm.jpg)

After you Set it to lighten and Changed it's opacity to 50% hit Ctrl-E to merge the layer onto the other.

Step 8 Now Create a new layer. you can do so by hittin ctrl+shift+n and name it whatever you want. Once you have done so go to Filter> Render > clouds. After that Do another Filter> Render > Difference of Clouds as shown below. (you may hit ctrl+f as many times as you want) * Note: hitting ctrl+f will render another difference of clouds you may do as many as you wish to change the picture*
http://img295.echo.cx/img295/8421/tutorial83ko.th.jpg (http://img295.echo.cx/my.php?image=tutorial83ko.jpg)

Step 9

Now that you have your nice cloud layer. switch its blending option to Vivid Light. (If you have photoshop 6.0 Ligthen is okay as well) DO NOT FORGET TO CHANGE YOUR OPACITY TO 50% After you have clicked those settings Merge the piture down with Ctrl+E

http://img292.echo.cx/img292/6107/tutorial99rq.th.jpg (http://img292.echo.cx/my.php?image=tutorial99rq.jpg)

[/b]Step 10[/b] Now Duplicate the layer once more. (Refer to Step 4 if you forgot) And now we will use the Filter > Distort > Wave. Set the wave parameters tow atever you like creativity flows form this area and the others giving you unique results eachtime

http://img132.echo.cx/img132/2905/tutorial102se.th.jpg (http://img132.echo.cx/my.php?image=tutorial102se.jpg)

Step 11 After you have finished your wave. Set it to Lighten, its opacity to 50% and merge it down! (Ctrl+E) [Refer to Step 7] After you have merged it down Duplicate the layer once more. (Step 4) and now we will go to Filter > blur > Radial Blur *You can set the blur to any kind at any strength.

http://img197.echo.cx/img197/5253/tutorial113oe.th.jpg (http://img197.echo.cx/my.php?image=tutorial113oe.jpg)

Step 12 Almost there! Now repeats steps 7. Set the mode to lighten, opacity 50% and merge it down (ctrl+e) Now the best part! We colourize it! Hit Ctrl+u to bring up the colourrize menu! Do not forget to select the colourize button on the bottom!
http://img197.echo.cx/img197/3711/tutorial123en.th.jpg (http://img197.echo.cx/my.php?image=tutorial123en.jpg)

Now colour to whatever you want and Your done!!

You should now Have something like this!

http://img300.echo.cx/img300/1377/tutorial134ef.th.jpg (http://img300.echo.cx/my.php?image=tutorial134ef.jpg)

Now you can add tuff to the background and do whatever! Like I did!
http://img300.echo.cx/img300/9686/windowsxpwallpaper1024x7689tk.th.jpg (http://img300.echo.cx/my.php?image=windowsxpwallpaper1024x7689tk.jpg)

*note the Anime Picture and Microsoft Logo are not my creations and the credit for the logo goes to Microsoft Corporationa and the Picture to an artist who is unkown to myself but I give credit to he or she.

WangChung
06-11-2005, 02:05 PM
wow, very nifty