<!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: #c4a47e; 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: #c4a47e; scrollbar-3dlight-color: #c4a47e; scrollbar-darkshadow-color: #000000; scrollbar-shadow-color: #c4a47e; 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 #c4a47e; padding: 10px; width: 900px; position: relative; top: 20px; height: 5900px; 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="#c4a47e" width="100%" bordercolordark="#c4a47e" style="border:1px solid #c4a47e;"> <tbody> <tr> <!--ORIENTAL PICTURE TABLE--> <td width="618" style="border:1px solid #c4a47e;"><img border="0" width="768" src="http://www.arasimages.com/Tutorials3/Tutorial41/DoggyandMe.jpg" height="574" /></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: #c4a47e; font-size: 28px;"><b>Doggy and Me</b></p> For a Danish translation, click on the flag.<p><a href="http://skyttenpsp.weebly.com/doggy-and-me.html"><img border="0" src="http://www.arasimages.com/Tutorials3/Tutorial41/denmarkC1.gif"></a></p> For Materials, click on the Zip file. <p> <a href="http://arasimages.com/Tutorials3/Tutorial41/Doggy and Me.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 Font in your Fonts folder, and place Sg_Coppergold Gradient into your PSP Gradient folder. Resize the klien_postcards_7.png file by 81%. Export klien_postcards_7.png resized file into your PSP Brushes folder. You will need the plugins Graphics Plus, Brush Strokes and Filters Unlimited 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 Angie, Sabre and Nikita of Reveries for the beautiful tubes used. Sabre has requested her tubes not be included in the 4Shared download but rather you go to her site to download her Scrapkit. Look on right side of page under her bio, under freebies. To get the ribbon tube from Sabre's free scrapkit called Morning Glory, click <a href="http://sabresquillandparchment.blogspot.com/">Here</a></p> <p>For more lovely tubes, please visit the tuber sites listed on my Links page, and be sure to visit the Tubes section of Arasimages.com.</p> <br> <!--******DRAG IMAGE CODE SNIPPET STARTS HERE - EDIT PICTURE URL TO CUSTOMIZE******--> <p>Use the butterfly to mark your place along the way.</p> <br><img src="http://www.arasimages.com/Tutorials3/Tutorial41/Butterflyplaceholder.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 #485247.</p> <p> 2. Set Materials Palette to Gradient, Style Linear, Angle 0, Repeats 0, Invert checked.</p> <p> <img src="http://www.arasimages.com/Tutorials3/Tutorial41/Gradient.jpg"/></p> <p> 3. New/New Image 752px by 542px. Flood fill with Gradient.</p> <p> 4. Effects/Graphics Plus/Cross Shadow, all settings at 50 except for last at 128.</p> <p> <img src="http://www.arasimages.com/Tutorials3/Tutorial41/GraphicsPlusCrossShadow.jpg"/></p> <p> 5. Effects/Brush Strokes/Cross Hatch. Use settings as seen below.</p> <p> <img src="http://www.arasimages.com/Tutorials3/Tutorial41/BrushStrokesCrossHatch.jpg"/></p> <p> 6. Adjust/Sharpness/Sharpen.</p> <p> 7. Layer/New Raster Layer.</p> <p> 8. Set your Materials Palette foreground to Gradient Sg_Coppergold Gradient. Angle 0, Repeats 0, Invert checked.</p> <p> 9. From Tool bar, find the Brush klien_postcards_7 in your Paint Brush/Brushes. Left click approximately in the center of the image, using default settings.</p> <p> 10. Layers Palette/set Opacity to 70.</p> <p> 11. Open 201016.pspimage of little girl. Copy/Paste as New Layer.</p> <p> 12. Move her just left of center of image. Duplicate/Merge Down.</p> <p> 13. Open 12286689947_animaux.psp image of dog.</p> <p> 14. Copy/Paste as New Layer. Move to bottom right corner of image.</p> <p> 15. Merge/Merge Visible.</p> <p> 16. Effects/Filters Unlimited/Edges,Square, Square Edge 13. Apply.</p> <p> <img src="http://www.arasimages.com/Tutorials3/Tutorial41/EdgesSquare13.jpg"/></p> <p> 17. Copy image and minimize; we will be pasting it on the background in a moment.</p> <p> 18. Open JHanna_264 background.png file.</p> <p> 19. Adjust/Hue and Saturation/Colorize/Hue and Saturation. Set Hue to 23, Saturation to 105. Click OK.</p> <p> 20. Paste as New Layer the image you just made and copied.</p> <p> 21. Effects/3-D Effects/Drop Shadow Vertical -4, Horizontal 7, Opacity 60, Blur 21, color #000000.</p> <p> 22. Effects/3-D Effects/Drop Shadow Vertical 4, Horizontal -7, Opacity 60, Blur 21, color #000000.</p> <p> <img src="http://www.arasimages.com/Tutorials3/Tutorial41/DropShadowonbow.jpg"/></p> <p> 23. Open SL-MGBowSabre5.pspimage. Copy/Paste as New Layer.</p> <p> 24. Adjust/Hue and Saturation/Colorize. Set Hue to 80, Saturation to 18.</p> <p> 25. Image/Miror. Image/Free Rotate, 45 degrees, Right.</p> <p> 26. Image/Resize/Resize by 70%, Resize all layers unchecked.</p> <p> 27. Effects/3-D Effects/Drop Shadow Vertical 4, Horizontal 7, Opacity 60, Blur 21, color #000000. Repeat.</p> <p> 28. Move ribbon into upper right corner.</p> <p> 29. From Tool bar, select the Font Sloop-Script Three, Size 72, color #485247. (See settings below) Type Doggy and me. Using the nodes around the words, rotate it to vertical position. Grab top and bottom nodes and pull out the writing to make it longer. Place as I have mine.</p> <p> <img src="http://www.arasimages.com/Tutorials3/Tutorial41/Fontandsize.jpg"/></p> <p> 30. Layers/Convert to Raster Layer.</p> <p> 31. Sign your name or leave your watermark.</p> <p> 32. Image/Add Borders/1px Symmetric, color #485247</p> <p> 33. Effects/3-3 Effects/Buttonize with settings as shown below. Use color #626f5f.</p> <p> <img src="http://www.arasimages.com/Tutorials3/Tutorial41/Buttonizeforfinalborder.jpg"/></p> <p> 34. Image/Resize/Resize by 86%, Resize all layers checked. You are now finished.</p> <p>A loving 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>