<!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, tubes" /> <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"; //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> <!--**************CHANGE REPEATING BODY BACKGROUND IMAGE, RIBBON BORDERS, AND MAIN BACKGROUND HERE**************--> <style type="text/css"> body { height:100%; overflow: auto; position: relative; background-image: url(http://www.arasimages.com/Tutorials10/Tutorial264/OuterBG.png); background-position: center; background-color: #b2bca4; color: #2c321e; font-family: Book Antiqua Bold; font-size: 22px; background-repeat: repeat; padding-top:80px; padding-bottom: 80px; } #divborder1{ background-color: #b2bca4; border: 3px double #2c321e; height: 100%; width: 100%; overflow: auto; position: relative; margin: 0 auto; padding-bottom: 12px; padding-top: 12px; padding-left: 12px; padding-right: 12px; } #divborder2{ background-image: url(http://www.arasimages.com/Tutorials10/Tutorial264/OuterBG.png); background-position: center; background-color: #b2bca4; border: 3px double #2c321e; height: 95%; width: 95%; overflow: auto; position: relative; margin: 0 auto; padding-bottom: 15px; padding-top: 15px; padding-left: 10px; padding-right: 10px; } #divborder3{ background-color: #b2bca4; border: 3px double #2c321e; height: 95%; width: 95%; overflow: auto; position: relative; margin: 0 auto; padding-bottom: 12px; padding-top: 12px; padding-left: 3px; padding-right: 3px; } #div1{ background-color: #b2bca4; border: 3px double #2c321e; height: 95%; width: 95%; overflow: auto; position: relative; margin: 0 auto; padding-bottom: 20px; padding-top: 50px; padding-left: 0px; padding-right: 0px; } .HeaderName{ border: none; margin-top: 10px; margin-bottom: 5px; } .ImageBorder{ border: none; margin-top: 40px; margin-bottom: 50px; } p{ text-align: center; width:85%; } <!--**************END OF BACKGROUND CUSTOMIZATIONS**************--> a:active{ outline: none; } a:focus { -moz-outline-style: none; } html{ scrollbar-face-color: #2c321e; scrollbar-highlight-color: #2c321e; scrollbar-3dlight-color: #b2bca4; scrollbar-darkshadow-color: #b2bca4; scrollbar-shadow-color: #2c321e; scrollbar-arrow-color: #b2bca4; scrollbar-track-color: #2c321e; } </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> <body> <script type="text/javascript"> var colour="#ffffff"; var sparkles=50; var x=ox=400; var y=oy=300; var swide=800; var shigh=600; var sleft=sdown=0; var tiny=new Array(); var star=new Array(); var starv=new Array(); var starx=new Array(); var stary=new Array(); var tinyx=new Array(); var tinyy=new Array(); var tinyv=new Array(); window.onload=function() { if (document.getElementById) { var i, rats, rlef, rdow; for (var i=0; i<sparkles; i++) { var rats=createDiv(3, 3); rats.style.visibility="hidden"; document.body.appendChild(tiny[i]=rats); starv[i]=0; tinyv[i]=0; var rats=createDiv(5, 5); rats.style.backgroundColor="transparent"; rats.style.visibility="hidden"; var rlef=createDiv(1, 5); var rdow=createDiv(5, 1); rats.appendChild(rlef); rats.appendChild(rdow); rlef.style.top="2px"; rlef.style.left="0px"; rdow.style.top="0px"; rdow.style.left="2px"; document.body.appendChild(star[i]=rats); } set_width(); sparkle(); }} function sparkle() { var c; if (x!=ox || y!=oy) { ox=x; oy=y; for (c=0; c<sparkles; c++) if (!starv[c]) { star[c].style.left=(starx[c]=x)+"px"; star[c].style.top=(stary[c]=y)+"px"; star[c].style.clip="rect(0px, 5px, 5px, 0px)"; star[c].style.visibility="visible"; starv[c]=50; break; } } for (c=0; c<sparkles; c++) { if (starv[c]) update_star(c); if (tinyv[c]) update_tiny(c); } setTimeout("sparkle()", 40); } function update_star(i) { if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)"; if (starv[i]) { stary[i]+=1+Math.random()*3; if (stary[i]<shigh+sdown) { star[i].style.top=stary[i]+"px"; starx[i]+=(i%5-2)/5; star[i].style.left=starx[i]+"px"; } else { star[i].style.visibility="hidden"; starv[i]=0; return; } } else { tinyv[i]=50; tiny[i].style.top=(tinyy[i]=stary[i])+"px"; tiny[i].style.left=(tinyx[i]=starx[i])+"px"; tiny[i].style.width="2px"; tiny[i].style.height="2px"; star[i].style.visibility="hidden"; tiny[i].style.visibility="visible" } } function update_tiny(i) { if (--tinyv[i]==25) { tiny[i].style.width="1px"; tiny[i].style.height="1px"; } if (tinyv[i]) { tinyy[i]+=1+Math.random()*3; if (tinyy[i]<shigh+sdown) { tiny[i].style.top=tinyy[i]+"px"; tinyx[i]+=(i%5-2)/5; tiny[i].style.left=tinyx[i]+"px"; } else { tiny[i].style.visibility="hidden"; tinyv[i]=0; return; } } else tiny[i].style.visibility="hidden"; } document.onmousemove=mouse; function mouse(e) { set_scroll(); y=(e)?e.pageY:event.y+sdown; x=(e)?e.pageX:event.x+sleft; } function set_scroll() { if (typeof(self.pageYOffset)=="number") { sdown=self.pageYOffset; sleft=self.pageXOffset; } else if (document.body.scrollTop || document.body.scrollLeft) { sdown=document.body.scrollTop; sleft=document.body.scrollLeft; } else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) { sleft=document.documentElement.scrollLeft; sdown=document.documentElement.scrollTop; } else { sdown=0; sleft=0; } } window.onresize=set_width; function set_width() { if (typeof(self.innerWidth)=="number") { swide=self.innerWidth; shigh=self.innerHeight; } else if (document.documentElement && document.documentElement.clientWidth) { swide=document.documentElement.clientWidth; shigh=document.documentElement.clientHeight; } else if (document.body.clientWidth) { swide=document.body.clientWidth; shigh=document.body.clientHeight; } } function createDiv(height, width) { var div=document.createElement("div"); div.style.position="absolute"; div.style.height=height+"px"; div.style.width=width+"px"; div.style.overflow="hidden"; div.style.backgroundColor=colour; return (div); } // ]]> </script> <div id="divborder1" align="center" style=" width: 1118px;"> <div id="divborder2" align="center" style=" width: 1094px;"> <div id="divborder3" align="center" style=" width: 1071px;"> <div id="div1" align="center" style=" width: 1050px;"> <!--********** TITLE IMAGE AND MAIN TUTORIAL IMAGE-CHANGE THE BORDER AT THE TOP CSS "class-ImageBorder" AND " class="HeaderName"**********--> <div><img src="http://www.arasimages.com/Tutorials10/Tutorial264/WoodlandMagicTopText.png"></div> <div><img src="http://www.arasimages.com/Tutorials10/Tutorial264/WoodlandMagicMain.gif" class="ImageBorder"></div> <p> <a href="http://arasimages.com/Tutorials10/Tutorial264/Woodland Magic.zip"> <img border="0"src="http://www.arasimages.com/Tutorials10/Tutorial264/zip.gif" /></a></p> For a French, Spanish, Italian, German, Dutch, Danish and Portuguese translation, click on the flags.<p><a href="http://evanescencetraductions.eklablog.com/-a130534956"><img border="0" src="http://www.arasimages.com/Tutorials10/Tutorial264/animated-french-flag.gif"/></a>&nbsp;<a href=" http://www.stardesignpsp.com/tutoriales/tut.traducidos/arasimages/WoodlandMagic/tuto_WoodlandMagic.html"><img border="0" src=" http://www.arasimages.com/Tutorials10/Tutorial264/spainC1.gif"></a>&nbsp;<a href="http://www.graficamia.com/arasimages/WoodlandMagic.html"><img border="0" src="http://www.arasimages.com/Tutorials10/Tutorial264/italyc4e21.gif " /></a>&nbsp;<a href="http://angelstar.bplaced.net/Tut264_Woodland_Magic.htm"><img border="0" src="http://www.arasimages.com/Tutorials10/Tutorial264/animated-german-flag.gif"/></a>&nbsp;<a href="http://www.moonlightangel.nl/arasimagesWoodlandMagic.htm"><img border="0" src="http://www.arasimages.com/Tutorials10/Tutorial264/animated-netherland-flag.gif" /></a><a href="http://skyttenpsp.weebly.com/woodland-magic.html"><img border="0" src="http://www.arasimages.com/Tutorials10/Tutorial264/denmarkC1.gif"></a>&nbsp;<a href="http://arteempspveramendes.meumundonopsp.com/minhas_traducoes/traducoes_arasimages/tag_woodland_magic/tag_woodland_magic.htm"><img border="0" src="http://www.arasimages.com/Tutorials10/Tutorial264/VeraMendes_Brazil.gif"/></a></p> <p> Unzip the materials into a working folder you have created on your desktop named Woodland Magic. Please duplicate and close original tubes. Use the copies for your work so you will not lose the originals. Place the Woodland Magic Backlight.f1s preset in your PSP/AlienSkin/Eye Candy 5/Impact/Settings folder/Backlight. (It will then automatically show up in the Impact effects list). Place the White Beads Pattern in your PSP/Patterns folder. I have used the plugins AAA Frames/Frameworks, Andromeda/Perspective, Flaming Pear/Flexify2 and the program Animation Shop in this tutorial. It is assumed you have a working knowledge of PSP to follow these directions. I have used PSPX9 for this tutorial but other versions may be used.</p> <p> Thanks go to PamelaD and EvaTexas of Arasimages for their lovely tubes used in this tutorial. You can find them and more new tubes on my Tubes link on this site. Thanks also to Simone for her beautiful animations.</p> <br> <!--******DRAG IMAGE CODE SNIPPET STARTS HERE - EDIT PICTURE URL TO CUSTOMIZE******--> <p>Use the rabbit to mark your place along the way.</p> <p><img src="http://www.arasimages.com/Tutorials10/Tutorial264/FollowMeRabbit.png" class="drag"></p> <!--******DRAG IMAGE CODE SNIPPET STOPS HERE - EDIT PICTURE URL TO CUSTOMIZE******--> <p> 1. In Materials Palette, set Foreground to #b2bca4, Background to #2c321e. Create a Gradient using these colors, Gradient Corel_06_029 (foreground/background), Style Sunburst, Angle 0, Repeats 0, Invert checked, Center Points/ Focal Points all set at 50.</p> <p><img src="http://www.arasimages.com/Tutorials10/Tutorial264/Gradient_1.jpg"></p> <p> 2. New/New Image 850px by 700px. Flood fill with Gradient.</p> <p> 3. Open Woodpath_CourtesyofPDPhoto.org.pspimage. Copy/Paste as New Layer. Lower Opacity down to 75. Pull to right side of image.</p> <p> 4. Duplicate. Image/Mirror/Mirror Horizontal. Pull to the left as seen here. Merge/Merge Down and close off the layer.</p> <p><img src="http://www.arasimages.com/Tutorials10/Tutorial264/Placebackgroundtreeshereat75Opacity_Mergedown.jpg"></p> <p> 5. Open GirlFairy.pspimage. Copy Blur of Background.</p> <p> 6. Layers/New Raster Layer. Selections/Select All. Paste into Selection. Deselect. <p> 7. Effects/Andromeda/Perspective. Click on Presets in top right corner. When the next box and below images show, click on the center down arrow (1), then on reflect B, (2)/Full Canvas (3)/Side Walls (4), then click on the check mark (5) at bottom right. When a second box appears, click on the check mark again to apply.</p> <p><img src="http://www.arasimages.com/Tutorials10/Tutorial264/AndromedaPerspective.jpg"></p> <p> 8. Duplicate. Image/Mirror/Mirror Horizontal.</p> <p> 9. Move each perspective rectangle inward by 40px. Using Selection tool set to rectangle, on Copy of Raster 3, select the center from 400px to 450px. Press Delete key once. Move down to Raster 3 and press Delete key once. Deselect.</p> <p><img src="http://www.arasimages.com/Tutorials10/Tutorial264/SelectanddeleterectanglesofRaster2andcopyof.jpg"></p> <p> 10. Effects/3D Effects/Inner Bevel.</p> <p><img src="http://www.arasimages.com/Tutorials10/Tutorial264/InnerBevelonrectanglesofRasters2.jpg"></p> <p> 11. Move up to Copy of Raster 3 (top layer) and repeat the Inner Bevel.</p> <p> 12. Open the layer of the background trees at this step.</p> <p> 13. Open TrollPathway.pspimage. Copy/Paste as New Layer.</p> <p> 14. Drop Opacity down to 61. Move to right side of image within the perspective rectangle.</p> <p> 15. Duplicate. Image/Mirror/Mirror Horizontal.</p> <p> 16. Move to left side of image within the perspective rectangle. Drop Opacity to 48.</p> <p><img src="http://www.arasimages.com/Tutorials10/Tutorial264/Placethefenceandgreenshere.jpg"></p> <p> 17. Layers/New Raster Layer. In Materials Palette, unchecked the Invert. Flood fill the new raster layer with the gradient.</p> <p> 18. Effects/Flaming Pear/Flexify 2. Set Latitude to -90.</p> <p><img src="http://www.arasimages.com/Tutorials10/Tutorial264/FlamingPear-Flexify2.jpg"></p> <p> 19. Effects/Geometric Effects/Circle.</p> <p><img src="http://www.arasimages.com/Tutorials10/Tutorial264/GeoCircletheFlamingPearFlexify2.jpg"></p> <p> 20. Image/Free Rotate. Rotate Right by 90 degrees.</p> <p><img src="http://www.arasimages.com/Tutorials10/Tutorial264/ImageFreeRotate90r.jpg"></p> <p> 21. Effects/3D Effects/Drop Shadow. Vertical 0, Horizontal 31, Opacity 40, Blur 40, color #000000.</p> <p> 22. Effects/3D Effects/Drop Shadow. Vertical -31, Horizontal 0, Opacity 40, Blur 40, color #000000.</p> <p> 23. Duplicate. Working on first layer of Geometric circle: Effects/AlienSkin/Eye Candy 5/Impact/Backlight. Click Settings and choose Woodland Magic Backlight. Click OK.</p> <p><img src="http://www.arasimages.com/Tutorials10/Tutorial264/EyeCandyBacklight2.jpg"></p> <p> 24. Drop the Opacity of the backlight down to 65.</p> <p> 25. The backlight is only behind the first layer of the geometric circle. The duplicated layer does not have the backlight. Go up to the duplicated top layer to continue.</p> <p> 26. Adjust/Color/Fade Correction on duplicated layer.</p> <p><img src="http://www.arasimages.com/Tutorials10/Tutorial264/AdjustColorFadeCorrectiononTopOval.jpg"></p> <p> 27. Open GirlFairy.pspimage. Copy/Paste as New layer.</p> <p> 28. Image/Resize/Resize by 110%/Resize all layers unchecked.</p> <p> 29. Adjust/Sharpness/Sharpen. Duplicate.</p> <p> 30. Using the Push tool, push some color over the hard lines at the top and bottom of this oval.</p> <p><img src="http://www.arasimages.com/Tutorials10/Tutorial264/Usingthepushtoolsmudgehardlines.jpg"></p> <p> 31. Open Doll_215.psp image. Copy/Paste as New Layer.</p> <p> 32. Image/Resize/Resize by 37%/Resize all layers unchecked.</p> <p> 33. Adjust/Sharpness/Sharpen. Lower Opacity down to 87. Place rabbit in lower left corner near the fairy's feet. <p> 34. Effects/3D Effects/Drop Shadow. Vertical 0, Horizontal -31, Opacity 46, Blur 21, color #000000.</p> <p> 35. Image/Add Borders/Add 3px border, Symmetric checked, color #2c321e.</p> <p> 36. Effects/AAA Frames/Texture Frame.</p> <p><img src="http://www.arasimages.com/Tutorials10/Tutorial264/AAAFrames_TextureFramesby5.jpg"></p> <p> 37. Image/Add Borders/Add 5px border, Symmetric checked, color #b2bca4.</p> <p> 38. Image/Add Borders/Add 3px border, Symmetric checked, color #2c321e.</p> <p> 39. Image/Add Borders/Add 10px border, Symmetric checked, color #ffffff.</p> <p> 40. Activate the 10px frame using the Magic Wand by clicking on it.</p> <p> 41. In Materials Palette, select Pattern/White Beads. Angle 0, Scale 100. Flood 10px border with Pattern.</p> <p><img src="http://www.arasimages.com/Tutorials10/Tutorial264/WhiteBeadsPatternfor10pxframe.jpg"></p> <p> 42. Effects/Edge Effects/Enhance. Deselect.</p> <p> 43. Image/Add Borders/Add 3px border, Symmetric checked, color #2c321e.</p> <p> 44. Image/Add Borders/Add 5px border, Symmetric checked, color #b2bca4.</p> <p> 45. Image/Add Borders/Add 3px border, Symmetric checked, color #2c321e.</p> <p> 46. Open Deco_35.pspimage. Copy/Paste as New Layer.</p> <p> 47. Effects/3D Effects/Drop Shadow. Vertical 0, Horizontal -16, Opacity 46, Blur 16, color #000000.</p> <p> 48. Place Deco in upper left corner.</p> <p> 49. Layers/New Raster Layer. Apply your name or watermark if you wish and Merge/Merge Visible.</p> <p> 50. Save your work as a .jpg file, giving it the name of Woodland Magic.</p> <p> OPTIONAL ANIMATION DIRECTIONS BELOW.</p> <p> 51. Open Animation Shop. File/Open. Go to where you saved your Woodland Magic.jpg file and open it.</p> <p> 52. From the top tool bar, click on the Duplicate button until you have 18 frames in all. Highlight the first frame. Edit/Select All.</p> <p><img src="http://www.arasimages.com/Tutorials10/Tutorial264/Duplicatejpg17Xhaving18framesinall.jpg"></p> <p> 53. Open SimoneAni514_MNG file. Highlight first frame. Edit/Select All.</p> <p> 54. Right click on the top of the MNG frame/Copy. Go to the Woodland Magic first frame and right click/Paste/Into Selected Frame. Place the sparkles to the right of the rabbit. Left click to set them in place.</p> <p> 55. Open SimoneAni515_MNG file. Highlight first frame. Edit/Select All.</p> <p> 56. Right click on the top of the MNG frame/Copy. Go to the Woodland Magic first frame and right click/Paste/Into Selected Frame. Place the sparkles to the right of the fairy. Left click into place.</p> <p> 57. Highlight the first frame of SimoneAni515_MNG file. Edit/Select All. From the top tool bar click on Animation/Resize Animation. Click on the Percentage of Original and make it 50%. OK.</p> <p><img src="http://www.arasimages.com/Tutorials10/Tutorial264/Resizeanimationofsparkles.jpg"></p> <p> 58. Make sure all frames are highlighted and right click the top bar/Copy. Go to the Woodland Magic first frame, right click/Paste/Into Selected Frame. Place approximately where indicated.</p> <p><img src="http://www.arasimages.com/Tutorials10/Tutorial264/placesparklesin3places_resizedones.jpg"></p> <p> 59. Click on the View Animation button in the top tool bar to check your work. If you are satisfied, then we will now save it.</p> <p> 60. File/Save As. When the box appears asking you to name where to save it, give it a name and keep the .gif type, fill in as seen below. Click Save.</p> <p><img src="http://www.arasimages.com/Tutorials10/Tutorial264/SaveasWoodlandMagic.gif"></p> <p> 61. As the boxes appear, continue clicking Next, Next, Next then Finish. Your image is now saved as a .gif file in the folder you indicated (as in my case, Woodland Magic folder).</p> <p> Please, if you are going to use this tutorial for stationery, cards or place the tutorial/tag on another site, I would appreciate you contacting me for permission, giving Arasimages credit for the original tutorial and if possible, a link back to my site. Thank you.</p> <p> This tutorial was tested by PamelaD and Bikerchick (Sonjia) June 2017. Thanks ladies!</p> <br> <!--**********THIS IS YOUR BOTTOM THUMB IMAGE**********--> <p><img src="http://www.arasimages.com/Tutorials10/Tutorial264/WoodlandMagicThumbnail.gif"/></p> <!--*****THIS IS YOUR GO BACK BUTTON CODE-DO NOT EDIT*****--> <p><FORM><INPUT TYPE="button" VALUE="Go Back" onClick="history.go(-1);return true;"></FORM></p> <!--*****END OF BACK BUTTON CODE*****--> </div> </div> </div> </div> </body> </html>