<!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: #f1b8a9; 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: #f1b8a9; scrollbar-3dlight-color: #f1b8a9; scrollbar-darkshadow-color: #000000; scrollbar-shadow-color: #f1b8a9; 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 id="textbox" style=" border: 10px double #f1b8a9; padding: 10px; width: 900px; position: relative; top: 20px; height: 6600px; background-color: #000000;"><!--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 bordercolordark="#f1b8a9" bordercolorlight="#f1b8a9" style="border:1px solid #f1b8a9;" border="2" width="100%"> <tbody> <tr> <!--ORIENTAL PICTURE TABLE--> <td style="border:1px solid #f1b8a9;" width="618"><img src="http://www.arasimages.com/Tutorials3/Tutorial34/WeddingDay2.jpg" border="0" height="562" width="762" /></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" src="http://www.arasimages.com/home1.png" border="0" height="36" width="136" /></a> <a href="http://www.arasimages.com/Tutorials/Tutorials.html" onmouseout="hiLite('b','b1','')" onmouseover="hiLite('b','b2','')"><img name="b" src="http://www.arasimages.com/tutorial1.png" border="0" height="36" width="136" /></a> <a href="http://www.arasimages.com/Gallery/Gallery.html" onmouseout="hiLite('c','c1','')" onmouseover="hiLite('c','c2','')"><img name="c" src="http://www.arasimages.com/gallery1.png" border="0" height="36" width="136" /></a> <a href="http://www.arasimages.com/Links/Links.html" onmouseout="hiLite('d','d1','')" onmouseover="hiLite('d','d2','')"><img name="d" src="http://www.arasimages.com/links1.png" border="0" height="36" width="136" /></a> <a href="http://www.arasimages.com/About/About.html" onmouseout="hiLite('e','e1','')" onmouseover="hiLite('e','e2','')"><img name="e" src="http://www.arasimages.com/about1.png" border="0" height="36" width="136" /></a> <a href="mailto:barbara@arasimages.com" onmouseout="hiLite('f','f1','')" onmouseover="hiLite('f','f2','')"><img name="f" src="http://www.arasimages.com/contact1.png" border="0" height="36" width="136" /></a> <a href="http://www.arasimages.com/tubes/tubes.html" onmouseout="hiLite('g','g1','')" onmouseover="hiLite('g','g2','')"><img name="g" src="http://www.arasimages.com/tubes1.png" border="0" height="36" width="136" /></a> <a href="http://www.arasimages.com/backgrounds/backgrounds.html" onmouseout="hiLite('h','h1','')" onmouseover="hiLite('h','h2','')"><img name="h" src="http://www.arasimages.com/button81.png" border="0" height="36" width="136" /></a> <a href="http://www.arasimages.com/masks/masks.html" onmouseout="hiLite('i','i1','')" onmouseover="hiLite('i','i2','')"><img name="i" src="http://www.arasimages.com/button91.png" border="0" height="36" width="136" /></a> <a href="http://www.arasimages.com/index.html" onmouseout="hiLite('j','j1','')" onmouseover="hiLite('j','j2','')"><img name="j" src="http://www.arasimages.com/button101.png" border="0" height="36" width="136" /></a></p> </center></td> </tr> </tbody> </table> <!--BOTTOM TEXT CONTENT--> <p style="color: #f1b8a9; font-size: 30px;" align="center"><b>Wedding Day</b></p> For an Italian and Danish translation, click on the flags.<p><a href="http://graficamia.com/"><img border="0" src="http://www.arasimages.com/Tutorials3/Tutorial34/italyc4e21.gif " /></a>&nbsp;<a href="http://skyttenpsp.weebly.com/wedding-day.html"><img border="0" src="http://www.arasimages.com/Tutorials3/Tutorial34/denmarkC1.gif"></a></p> For Materials, click on the Zip file. <p> <a href="http://arasimages.com/Tutorials3/Tutorial34/Wedding Day.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. Place the Selection in Selections Folder and the Pattern Gold Beads in your Pattern Folder. You will need the plugins AlienSkin Xenofex2 and Graphics Plus 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 FAndM for the bride image and LenyDesign for the shoes, both of which are lovely. Please visit tuber sites listed on my Links page.</p> <br> <!--******DRAG IMAGE CODE SNIPPET STARTS HERE - EDIT PICTURE URL TO CUSTOMIZE******--> <p>Use the arrow to mark your place along the way.</p> <br><img src="http://www.arasimages.com/Tutorials3/Tutorial34/Arrowfollowalong.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 #edf0f7, Background to #f1b8a9.</p> <p> 2. Set Materials Palette to Gradient Linear, Angle 45 and Repeats 1. Invert checked.</p> <p> <img src="http://www.arasimages.com/Tutorials3/Tutorial34/Gradient.jpg"/></p> <p> 3. New/New Image, 762px by 562px. Flood fill with Gradient.</p> <p> 4. Layers/New Raster Layer. Selections/Load Save Selection/Load Selection from disk. Choose Cathy_selectie-001. Load.</p> <p> <img src="http://www.arasimages.com/Tutorials3/Tutorial34/Selection.jpg"/></p> <p> 5. Using Background color #f1b8a9, flood fill the Selection.</p> <p> 6. Selections/Select None.</p> <p> 7. Effects/AlienSkin Xenofex2/Little Fluffy Clouds. See examples below for the settings. After you set each one, click OK.</p> <p> <img src="http://www.arasimages.com/Tutorials3/Tutorial34/Xenofexfirstsetting.jpg"/></p> <p> <img src="http://www.arasimages.com/Tutorials3/Tutorial34/Xenofexsecondsetting.jpg"/></p> <p> 8. Effects/3-D Effects/Drop Shadow. Vertical 9, Horizontal 9, Opacity 30, Blur 34, color #000000.</p> <p> 9. Open LD-Shoes.pspimage. Copy/Paste as New Layer.</p> <p> 10. Image/Resize/Resize by 80%, Resize all layers unchecked.</p> <p> 11. Image/Mirror. Pull shoes to center right side of page.</p> <p> 12. Using Selections Tool, select around the left and bottom shoes and click delete key. See example for erasing this way or use the Eraser tool carefully to eliminate the left side and bottom shoes.</p> <p> <img src="http://www.arasimages.com/Tutorials3/Tutorial34/ErasebySelectiontoolexample.jpg"/></p> <p> <img src="http://www.arasimages.com/Tutorials3/Tutorial34/EraseorSelectanddeleteshoes.jpg"/></p> <p> 13. Use Eraser Tool to clean up around shoes. You may also use the Soften Tool to blend if necessary.</p> <p> 14. Open christmist_rvhcc016.pspimage of pillow. Copy/Paste as New Layer.</p> <p> 15. Image/Resize/Resize by 80%, Resize all layers unchecked.</p> <p> 16. Pull pillow to bottom right corner. Adjust your shoes to fit nicely over the edge of pillow as I have in my finished image.</p> <p> 17. Make sure the pillow layer is highlighted. Layers/Duplicate. Image Mirror. Image/Flip.</p> <p> 18. Move pillow to bottom left corner.</p> <p> 19. Open FAndM436.pspimage of woman. Copy/Paste as New Layer.</p> <p> 20. Move a little to left of center.</p> <p> 21. Effects/3-D Effects/Drop Shadow, Vertical 9, Horizontal 14, Opacity 50, Blur 24, color #000000.</p> <p> 22. Layers/Duplicate. Close off Copy of Raster 5. Highlight Raster 5.</p> <p> 23. Set Opacity to 27.</p> <p> 24. Image/Resize/Resize by 80%, Resize all layers unchecked.</p> <p> 25. Move the lady to the upper left corner.</p> <p> 26. If you see a line where her dress and pillow meet, use the Soften Brush (below the Paint Brush) and go over the area to eliminate sharpness of the edge.</p> <p> <img src="http://www.arasimages.com/Tutorials3/Tutorial34/Softenbrush.jpg"/></p> <p> 27. Open and highlight Copy of Raster 5 to continue.</p> <p> 28. In Materials Palette, click the double arrows so the Gradient is now on the bottom, uncheck Invert.</p> <p> 29. Set the Foreground to Pattern, Gold Beads, Scale 96 and Angle to 15.</p> <p> <img src="http://www.arasimages.com/Tutorials3/Tutorial34/GoldBeadsPattern.jpg"/></p> <p> 30. Image/Add Borders 4px, Symmetric checked, color #000000.</p> <p> 31. Using Magic Wand, click within the black 4px border to activate.</p> <p> 32. Flood fill with Gold Beads Pattern. Selections/Select None.</p> <p> 33. Image/Add Borders of 33px, Symmetric checked, color #000000.</p> <p> 34. Using Magic Wand, click within the black 33px border to activate.</p> <p> 35. Flood fill 33px black border with Background Gradient.</p> <p> 36. Effects/Graphics Plus/Cross Shadow. Have settings all set to 50 except the bottom one at 128.</p> <p> 37. Selections/Select None.</p> <p> 38. Image/Add Borders 4px, Symmetric checked, color #000000.</p> <p> 39. Using Magic Wand, click within the black 4px border to activate.</p> <p> 40. Flood fill with Gold Beads Pattern. Selections/Select None.</p> <p> 41. Click the double arrows again to place the Pattern Gold Beads on the bottom (Background).</p> <p> 42. Select the Text tool (A), BickhamScriptFancy font, set Size to 60 and type Wedding Day.</p> <p> <img src="http://www.arasimages.com/Tutorials3/Tutorial34/BickhamScriptFancysettings.jpg"/></p> <p> 43. Convert to Raster Layer.</p> <p> 44. Layers/Duplicate. Merge/Merge Down.</p> <p> 45. Effects/3-D Effects/Drop Shadow. Vertical 5, Horizontal 5, Opacity 100, Blur 21, color #white.</p> <p> 46. Sign your name or leave watermark. Merge/Merge Visible.</p> <p>Big hugs and thanks to my testers, Evatexas and PamelaD who so faithfully test my tutorials for me.</p> <br /><br /></b></p> </div> </div> </center> </body> </html>