<!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: #ab945d; 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: #ab945d; scrollbar-3dlight-color: #ab945d; scrollbar-darkshadow-color: #000000; scrollbar-shadow-color: #ab945d; 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 #ab945d; padding: 10px; width: 900px; position: relative; top: 20px; height: 5500px; 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="#ab945d" width="100%" bordercolordark="#ab945d" style="border:1px solid #ab945d;"> <tbody> <tr> <!--ORIENTAL PICTURE TABLE--> <td width="618" style="border:1px solid #ab945d;"><img border="0" width="762" src="http://www.arasimages.com/Tutorials3/Tutorial45/SomewhereinTime-1.jpg" height="562" /></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: #ab945d; font-size: 28px;"><b>Somewhere in Time</b></p> For Danish and French translations, click on the flags.<p><a href="http://skyttenpsp.weebly.com/somewhere-in-time.html"><img border="0" src="http://www.arasimages.com/Tutorials3/Tutorial45/denmarkC1.gif"></a>&nbsp;<a href="http://lemondedelisat.free.fr/tutorial_barbara_somewhere_in_time/tutorial_barbara_somewhere_in_time.html"><img border="0" src="http://www.arasimages.com/Tutorials3/Tutorial45/animated-french-flag.gif"/></a></p> For Materials, click on the Zip file. <p> <a href="http://arasimages.com/Tutorials3/Tutorial45/Somewhere in Time.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 GRADL .TTF in your Fonts folder or open it from your working folder and keep it minimized while using it. It will show up in your PSP Font selection. You will need the plugins Fun House and Xero for this tutorial.</p> <p>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>The tubes are from Arasimages, Irene and <a href="http://karinedreamsgraphic.centerblog.net/">K@rine_Dre@ms</a> . Please visit Arasimages Tubes and other tuber sites on the Links page for other beautiful tubes.</p> <br> <!--******DRAG IMAGE CODE SNIPPET STARTS HERE - EDIT PICTURE URL TO CUSTOMIZE******--> <p>Use the key to mark your place along the way.</p> <br><img src="http://www.arasimages.com/Tutorials3/Tutorial45/Keyplaceholder.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 #ab945d, Background to #1e2719.</p> <p> 2. Set Materials Palette to Gradient, Style Linear, Angle 45, Repeats 5, Invert checked.</p> <p> <img src="http://www.arasimages.com/Tutorials3/Tutorial45/Gradient.jpg"/></p> <p> 3. New/New Image 732px by 532px. Flood fill with Gradient.</p> <p> 4. Adjust/Blur/Gaussian Blur, Radius of 15.</p> <p> 5. Open the DI_tube1916.pspimage of old car. Copy/Paste as New Layer.</p> <p> 6. Pull car down into bottom right corner.</p> <p> 7. Set Blend Mode to Luminance (Legacy). Drop opacity to 45.</p> <p> 8. Effects/Xero/Porcelain. Use setting below.</p> <p> <img src="http://www.arasimages.com/Tutorials3/Tutorial45/Porcelain.jpg"/></p> <p> 9. Open K@rine_dreams_Beautiful_Face1243_septembre_2010.pspimage of woman. Copy/Paste as New Layer.</p> <p> 10. Adjust/Blur/Gaussian Blur, set to Radius of 28.</p> <p> 11. Image/Resize/Resize by 80%, Resize all layers unchecked. Pull her a little to the left and up.</p> <p> 12 Paste woman again and resize the same as Step 11.</p> <p> 13. Pull to fit on left side of image and a little downward, allowing the blurred layer beneath to show a little on the right.</p> <p> 14. Effects/Xero/Porcelain on the woman. Use settings as in Step #8.</p> <p> 15. Effects/3-D Drop Shadow, Vertical -4, Horizontal 12, Opacity 60, Blur 42, color #000000.</p> <p> 16. Open Midnight_fantacy_clock_shadow.pspimage. Copy/Paste as New Layer.</p> <p> 17. Image/Resize/Resize by 80%, Resize all layers unchecked. Pull down a little.</p> <p> 18. Effects/3-D Effects/Drop Shadow, Symmetric checked, Vertical -1, Horizontal 9, Opacity 60, Blur 18, color #000000.</p> <p> <img src="http://www.arasimages.com/Tutorials3/Tutorial45/dropshadowonclock.jpg"/></p> <p> 19. Open RedBouquet.pspimage of flowers. Copy/Paste as New Layer.</p> <p> 20. Image/Resize/Resize by 45%, Resize all layers unchecked.</p> <p> 21. Image/Mirror. Pull bouquet up into top right corner.</p> <p> 22. Effects/3-D Effects/Drop Shadow, Vertical 4, Horizontal -9, Opacity 60, Blur 22, color #000000.</p> <p> 23. Open Pearls_with_heart.pspimage. Copy/Paste as New Layer.</p> <p> 24. Adjust/Sharpness/Sharpen.</p> <p> 25. Effects/3-D Effects/Drop Shadow, Vertical 4, Horizontal 9, Opacity 60, Blur 22, color #000000.</p> <p> 26. Open encaje.pspimage of lace. Copy/Paste as New Layer.</p> <p> 27. Pull in place at top of image.</p> <p> 28. Effects/3-D Effects/Drop Shadow, Vertical 4, Horizontal 9, Opacity 60, Blur 22, color #000000.</p> <p> 29. Layers/Duplicate. Image/Flip.</p> <p> 30. Layers/Duplicate. Image/Free Rotate/90 degrees/Right.</p> <p> <img src="http://www.arasimages.com/Tutorials3/Tutorial45/FreeRotate.jpg"/></p> <p> 31. Pull into place on left. Layers/Duplicate.</p> <p> 32. Image/Mirror, making sure it is in proper place on right side.</p> <p> 33. Highlight top lace layer and pull beneath the rose layer. Go to the current top layer and highlight to continue.</p> <p> 34. Image/Add Borders. Add 3px border, Symmetric checked, color #1e2719.</p> <p> 35. Image/Add Borders. Add 35px border, Symmetric checked, color #ab945d.</p> <p> 36. Using Magic Wand, click inside the 35px border to activate it.</p> <p> 37. Effects/Fun House/Quantum Tile, using example below.</p> <p> <img src="http://www.arasimages.com/Tutorials3/Tutorial45/Forborderwithgradientorplaincolor.jpg"/></p> <p> 38. Adjust/Blur/Gaussian Blur, Radius 10.</p> <p> 39. Selections/Select None.</p> <p> 40. Copy/Paste encaje_lace.psp image again. Using your Pick Tool (by your move tool), grab the node and rotate it, then move it till you have the lace positioned as I have mine in finished image. See top left corner.</p> <p> 41. Effects/3-D Effects/Drop Shadow, Vertical 4, Horizontal 9, Opacity 60, Blur 22, color #000000.</p> <p> 42. Duplicate lace. Image/Mirror. Image flip.</p> <p> 43. Open RedBouquet.pspimage of flowers again. Copy/Paste as New Layer.</p> <p> 44. Image/Resize/Resize by 75%, Resize all layers unchecked.</p> <p> 45. Place bouquet of roses into bottom left corner.</p> <p> 46. Effects/3-D Effects/Drop Shadow, Vertical 4, Horizontal 9, Opacity 60, Blur 22, color #000000. Repeat.</p> <p> 47. OPTIONAL: Using Font Gradl, size 60, color #1e2719, write Somewhere in Time if you wish. Convert to Raster Layer.</p> <p> 48. Sign your name or leave your watermark.</p> <p> 49. Image/Add Borders 3px, Symmetric checked, color #1e2719.</p> <p>Big hugs to my testers, PamelaD and Evatexas.</p> <br /><br /></b></p> </div> </div> </center> </body> </html>