<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title> &#169;AraImages</title> <meta name="keywords" content="AraImages, Tutorials" /> <meta name="description" content="PSP Tutorials, graphics, links, gallery, images" /> <meta http-equiv="cache-control" content="no-cache" /> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script language="javascript"> <!-- hide script from old browsers //detect browser: browserName = navigator.appName; browserVer = parseInt(navigator.appVersion); if (browserName == "Netscape" && browserVer >= 3) browserVer = "1"; else if (browserName == "Microsoft Internet Explorer" && browserVer == 4) browserVer = "1"; else browserVer = "2"; //preload images: if (browserVer == 1) { a1 = new Image(136,36); a1.src = "http://www.arasimages.com/home1.png"; a2 = new Image(136,36); a2.src = "http://www.arasimages.com/home2.png"; b1 = new Image(136,36); b1.src = "http://www.arasimages.com/tutorial1.png"; b2 = new Image(136,36); b2.src = "http://www.arasimages.com/tutorial2.png"; c1 = new Image(136,36); c1.src = "http://www.arasimages.com/gallery1.png"; c2 = new Image(136,36); c2.src = "http://www.arasimages.com/gallery2.png"; d1 = new Image(136,36); d1.src = "http://www.arasimages.com/links1.png"; d2 = new Image(136,36); d2.src = "http://www.arasimages.com/links2.png"; e1 = new Image(136,36); e1.src = "http://www.arasimages.com/about1.png"; e2 = new Image(136,36); e2.src = "http://www.arasimages.com/about2.png"; f1 = new Image(136,36); f1.src = "http://www.arasimages.com/contact1.png"; f2 = new Image(136,36); f2.src = "http://www.arasimages.com/contact2.png"; g1 = new Image(136,36); g1.src = "http://www.arasimages.com/tubes1.png"; g2 = new Image(136,36); g2.src = "http://www.arasimages.com/tubes2.png"; h1 = new Image(136,36); h1.src = "http://www.arasimages.com/button81.png"; h2 = new Image(136,36); h2.src = "http://www.arasimages.com/button82.png"; i1 = new Image(136,36); i1.src = "http://www.arasimages.com/button91.png"; i2 = new Image(136,36); i2.src = "http://www.arasimages.com/button92.png"; j1 = new Image(136,36); j1.src = "http://www.arasimages.com/button101.png"; j2 = new Image(136,36); j2.src = "http://www.arasimages.com/button102.png"; } //image swapping function: function hiLite(imgDocID, imgObjName, comment) { if (browserVer == 1) { document.images[imgDocID].src = eval(imgObjName + ".src"); window.status = comment; return true; }} //end hiding --> </script> <style type="text/css"> body { background-color: #000000; color: #9d808b; font-family: Trebuchet MS; font-size: 18px;} a:active{ outline: none; } a:focus { -moz-outline-style: none; } html{ scrollbar-face-color: #000000; scrollbar-highlight-color: #9d808b; scrollbar-3dlight-color: #9d808b; scrollbar-darkshadow-color: #000000; scrollbar-shadow-color: #9d808b; scrollbar-arrow-color: #000000; scrollbar-track-color: #000000; } </style> <!--**********DO NOT EDIT THIS CODE -DRAG PICTURE CODE STARTS HERE- DO NOT EDIT THIS CODE**********--> <style type="text/css"> .drag{ position:relative; cursor:hand; z-index: 100; } </style> <script type="text/javascript"> var dragobject={ z: 0, x: 0, y: 0, offsetx : null, offsety : null, targetobj : null, dragapproved : 0, initialize:function(){ document.onmousedown=this.drag document.onmouseup=function(){this.dragapproved=0} }, drag:function(e){ var evtobj=window.event? window.event : e this.targetobj=window.event? event.srcElement : e.target if (this.targetobj.className=="drag"){ this.dragapproved=1 if (isNaN(parseInt(this.targetobj.style.left))){this.targetobj.style.left=0} if (isNaN(parseInt(this.targetobj.style.top))){this.targetobj.style.top=0} this.offsetx=parseInt(this.targetobj.style.left) this.offsety=parseInt(this.targetobj.style.top) this.x=evtobj.clientX this.y=evtobj.clientY if (evtobj.preventDefault) evtobj.preventDefault() document.onmousemove=dragobject.moveit } }, moveit:function(e){ var evtobj=window.event? window.event : e if (this.dragapproved==1){ this.targetobj.style.left=this.offsetx+evtobj.clientX-this.x+"px" this.targetobj.style.top=this.offsety+evtobj.clientY-this.y+"px" return false } } } dragobject.initialize() </script> <!--**********DRAG PICTURE SCRIPT STOPS HERE**********--> </head> <!--PAGE BACKGROUND IMAGE--> <body background="PutBackgroundImageHere"> <p><!--DIVIDES HOLDING ALL TABLES--></p> <center> <div style=" border: 10px double #9d808b; padding: 10px; width: 900px; position: relative; top: 20px; height: 4800px; background-color: #000000;" id="textbox"><!--CHANGE HEIGHT 800PX TO A LARGER NUMBER TO CHANGE LENGTH OF PAGE WHEN ADDING MORE CONTENT SO BODY/BACKGROUND BOTTOM BORDER WILL NOT COLLAPSE ON CONTENT--> <div align="center"> <table border="2" bordercolorlight="#9d808b" width="100%" bordercolordark="#9d808b" style="border:1px solid #9d808b;"> <tbody> <tr> <!--ORIENTAL PICTURE TABLE--> <td width="618" style="border:1px solid #9d808b;"><img border="0" width="666" src=" http://www.arasimages.com/Tutorials3/Tutorial36/DancetotheMusic.jpg " height="516" /></td> <div><!--BUTTONS TABLE--></div> <td style=" border: 0px #000000 solid;background: url(DSDAraBG.jpg);"><center><!--font used on buttons was CgChaplin size 20--> <p><a href="http://www.arasimages.com/index.html" onmouseout="hiLite('a','a1','')" onmouseover="hiLite('a','a2','')"><img name="a" border="0" width="136" src="http://www.arasimages.com/home1.png" height="36" /></a> <a href="http://www.arasimages.com/Tutorials/Tutorials.html" onmouseout="hiLite('b','b1','')" onmouseover="hiLite('b','b2','')"><img name="b" border="0" width="136" src="http://www.arasimages.com/tutorial1.png" height="36" /></a> <a href="http://www.arasimages.com/Gallery/Gallery.html" onmouseout="hiLite('c','c1','')" onmouseover="hiLite('c','c2','')"><img name="c" border="0" width="136" src="http://www.arasimages.com/gallery1.png" height="36" /></a> <a href="http://www.arasimages.com/Links/Links.html" onmouseout="hiLite('d','d1','')" onmouseover="hiLite('d','d2','')"><img name="d" border="0" width="136" src="http://www.arasimages.com/links1.png" height="36" /></a> <a href="http://www.arasimages.com/About/About.html" onmouseout="hiLite('e','e1','')" onmouseover="hiLite('e','e2','')"><img name="e" border="0" width="136" src="http://www.arasimages.com/about1.png" height="36" /></a> <a href="mailto:barbara@arasimages.com" onmouseout="hiLite('f','f1','')" onmouseover="hiLite('f','f2','')"><img name="f" border="0" width="136" src="http://www.arasimages.com/contact1.png" height="36" /></a> <a href="http://www.arasimages.com/tubes/tubes.html" onmouseout="hiLite('g','g1','')" onmouseover="hiLite('g','g2','')"><img name="g" border="0" width="136" src="http://www.arasimages.com/tubes1.png" height="36" /></a> <a href="http://www.arasimages.com/backgrounds/backgrounds.html" onmouseout="hiLite('h','h1','')" onmouseover="hiLite('h','h2','')"><img name="h" border="0" width="136" src="http://www.arasimages.com/button81.png" height="36" /></a> <a href="http://www.arasimages.com/masks/masks.html" onmouseout="hiLite('i','i1','')" onmouseover="hiLite('i','i2','')"><img name="i" border="0" width="136" src="http://www.arasimages.com/button91.png" height="36" /></a> <a href="http://www.arasimages.com/index.html" onmouseout="hiLite('j','j1','')" onmouseover="hiLite('j','j2','')"><img name="j" border="0" width="136" src="http://www.arasimages.com/button101.png" height="36" /></a></p> </center></td> </tr> </tbody> </table> <!--BOTTOM TEXT CONTENT--> <p align="center" style="color: #9d808b; font-size: 28px;"><b>Dance to the Music</b></p> For a Danish translation, click on the flags.<p><a href="http://skyttenpsp.weebly.com/dance-to-the-music.html"><img border="0" src=" http://www.arasimages.com/Tutorials3/Tutorial36/denmarkC1.gif"></a></p> For Materials, click on the Zip file. <p> <a href="http://arasimages.com/Tutorials3/Tutorial36/Dance to the Music.zip"> <img border="0"src="http://www.arasimages.com/Tutorials3/7zip.png" /></a></p> <p> Unzip the materials into a working folder. Open the materials in PSP, copy and close originals. You will need the plugin Xero for this tutorial. I have used PSPX3 to create this tutorial but you may use an earlier version. It is assumed you have a working knowledge of PSP.</p> <p>Thanks go to Kat for the beautiful dancer tube used. The Floral Mask comes from this website, Arasimages under Masks. Please visit the tuber sites listed on my Links page and check out the many tubes I have for you to choose from under Tubes.</p> <br> <!--******DRAG IMAGE CODE SNIPPET STARTS HERE - EDIT PICTURE URL TO CUSTOMIZE******--> <p>Use the dancing shoes to mark your place along the way.</p> <br><img src=" http://www.arasimages.com/Tutorials3/Tutorial36/FollowMeShoes.png" class="drag"><br> <!--******DRAG IMAGE CODE SNIPPET STOPS HERE - EDIT PICTURE URL TO CUSTOMIZE******--> <p> 1. In Materials Palette, set the Foreground color to #ffffff, Background to #9d808b.</p> <p> 2. New/New Image, 600px by 450px. Flood fill image with Background color #9d808b.</p> <p> 3. Layers/New Raster Layer. Flood fill with Foreground color #ffffff.</p> <p> 4. Open the FloralMask. Just leave on the desktop workspace.</p> <p> 5. Layers/New Mask Layer/From Image. Choose the FloralMask listed. Click OK.</p> <p> <img src=" http://www.arasimages.com/Tutorials3/Tutorial36/FloralMasksettings.jpg"/></p> <p> 6. Layers/Merge/Merge Group.</p> <p> 7. Effects/3-D Effects/Drop Shadow, Vertical -2, Horizontal 3, Opacity 61, Blur 15, color #9d808b.</p> <p> <img src=" http://www.arasimages.com/Tutorials3/Tutorial36/DropShadowforflowers.jpg"/></p> <p> 8. Open Dancing Shoes.pspimage. Copy/Paste as New Layer.</p> <p> 9. Image/Resize/Resize by 70%, Resize all layers unchecked.</p> <p> 10. Effects/3-D Effects/Drop Shadow, Vertical -5, Horizontal 5, Opacity 55, Blur 23, color #ffffff.</p> <p> <img src=" http://www.arasimages.com/Tutorials3/Tutorial36/DropShadowonshoes.jpg"/></p> <p> 11. Set Blend Mode to Luminance (Legacy), Opacity to 42.</p> <p> 12. Open Kat_0587.pspimage of woman. Copy/Paste as New Layer.</p> <p> 13. Image/Resize/Resize by 70%, Resize all layers unchecked.</p> <p> 14. Move dancer woman layer beneath Group-Raster 2 layer.</p> <p> 15. Highlight Raster 2 layer of shoes.</p> <p> 16. Image/Add Borders/30px, Symmetric checked, color #000000.</p> <p> 17. In Materials Palette, set on Gradient, Linear, Angle 29, Repeats 4, Invert unchecked.</p> <p> <img src=" http://www.arasimages.com/Tutorials3/Tutorial36/Gradient.jpg"/></p> <p> 18. Using Magic Wand, click within the 30px border to activate it.</p> <p> 19. Flood fill with Gradient. Selections/Select None.</p> <p> 20. Image/Add Borders/3px, Symmetric checked, color #ffffff.</p> <p> 21. Place your name or watermark in the font and color of your choice. Merge/Merge Visible.</p> <p> 22. Effects/Xero/Porcelain. Use settings as below.</p> <p> <img src=" http://www.arasimages.com/Tutorials3/Tutorial36/Porcelain.jpg"/></p> <p> Thank you for working this tutorial I have written for you. I hope you have enjoyed it.</p> <p> <img src=" http://www.arasimages.com/Tutorials3/Tutorial36/FollowMeShoes.png"/></p> <p>Big hugs and thanks to my lovely testers, Evatexas and PamelaD who so faithfully test my tutorials for me.</p> <br /><br /></b></p> </div> </div> </center> </body> </html>