<!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/Tutorials9/Tutorial232/OuterBGAnimated.gif); background-position: center; background-color: #272f57; color: #f8f8f8; font-family: Book Antiqua Bold; font-size: 22px; background-repeat: repeat; padding-top:80px; padding-bottom: 80px; } #divborder1{ background-color; #272f57; border: 6px double #f8f8f8; 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-color: #272f57; background-position: center; border: 6px double #f8f8f8; 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-image: url(http://www.arasimages.com/Tutorials9/Tutorial232/Ribbon.png); border: 6px double #272f57; 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: #272f57; background-image: url(); border: 6px double #f8f8f8; 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: #272f57; scrollbar-highlight-color: #272f57; scrollbar-3dlight-color: #f8f8f8; scrollbar-darkshadow-color: #f8f8f8; scrollbar-shadow-color: #272f57; scrollbar-arrow-color: #f8f8f8; scrollbar-track-color: #272f57; } </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/Tutorials9/Tutorial232/Winter Wonderland.gif" class="ImageBorder"></div> <p> <a href="http://arasimages.com/Tutorials9/Tutorial232/Winter Wonderland.zip"> <img border="0"src="http://www.arasimages.com/Tutorials9/Tutorial232/zip.gif" /></a></p> <p> For an Italian, German, Danish, Dutch, French and Spanish translation, click on the flags.<p><a href="http://www.graficamia.com/arasimages/Feste/WinterWonderland.html"><img border="0" src="http://www.arasimages.com/Tutorials9/Tutorial232/italyc4e21.gif " /></a>&nbsp;<a href="http://angelstar.bplaced.net/Tut232_Winter_Wonderland.htm"><img border="0" src="http://www.arasimages.com/Tutorials9/Tutorial232/animated-german-flag.gif"/></a>&nbsp;<a href="http://skyttenpsp.weebly.com/winter-wonderland.html"><img border="0" src="http://www.arasimages.com/Tutorials9/Tutorial232/denmarkC1.gif"></a>&nbsp;<a href="http://www.moonlightangel.nl/arasimagesWinterWonderland.htm"><img border="0" src="http://www.arasimages.com/Tutorials9/Tutorial232/animated-netherland-flag.gif" /></a>&nbsp;<a href="http://evanescencetraductions.eklablog.com/winter-wonderland-a119688140 "><img border="0" src="http://www.arasimages.com/Tutorials9/Tutorial232/animated-french-flag.gif"/></a> &nbsp;<a href=" http://www.stardesignpsp.com/tutoriales/tut.traducidos/arasimages/winterwonderland/tuto_winterwonderland.html"><img border="0" src=" http://www.arasimages.com/Tutorials9/Tutorial232/spainC1.gif"></a></p> <p> Unzip the materials into a working folder you have created on your desktop named Winter Wonderland. Please duplicate and close original tubes. Use the copies for your work so you will not lose the originals. Export Brushes #31 and #33 into your PSP/Brushes folder. Place the Font in your PSP/Fonts folder. Install it if it doesn't show up in your font dropdown. I have used the plugins Unplugged Effects/Snow, Creativity/Splatter and the program Animation Shop in this tutorial. (If you don't have Animation Shop, it can be found on the internet for free). It is assumed you have a working knowledge of PSP to follow these directions. I have used PSPX7 for this tutorial but other versions may be used.</p> <br> <!--******DRAG IMAGE CODE SNIPPET STARTS HERE - EDIT PICTURE URL TO CUSTOMIZE******--> <p>Use the snowflake to mark your place along the way.</p> <p><img src="http://www.arasimages.com/Tutorials9/Tutorial232/FollowMeSnowflake.png" class="drag"></p> <!--******DRAG IMAGE CODE SNIPPET STOPS HERE - EDIT PICTURE URL TO CUSTOMIZE******--> <p> 1. In Materials Palette, set Foreground to #94a0ba, Background to #272f57.</p> <p> 2. Create a Gradient using Sunburst, Angle null, Repeats 0, Center and Focal Points all set to 50, Invert unchecked.</p> <p><img src="http://www.arasimages.com/Tutorials9/Tutorial232/GradientWW.jpg"></p> <p> 3. New/New Image 860px W by 750px H. Flood fill with Gradient.</p> <p> 4. Open Narah_mask_0546.jpg. Copy/Paste as New Layer.</p> <p> 5. Set Blend Mode to Luminance (L), lower Opacity down to 66.</p> <p> 6. Effects/Edge Effects/Enhance.</p> <p> 7. Layers/New Raster Layer.</p> <p> 8. Effects/Creativity/Splatter.</p> <p><img src="http://www.arasimages.com/Tutorials9/Tutorial232/Splatter 1.jpg"></p> <p><img src="http://www.arasimages.com/Tutorials9/Tutorial232/Splatter 2.jpg"></p> <p> 9. Effects/Edge Effects/Enhance.</p> <p> 10. Open Mysticwinter.pspimage. Copy/Paste as New Layer.</p> <p> 11. Move downward and toward the right border.</p> <p> 12. Effects/Edge Effects/Enhance.</p> <p> 13. Using Selections tool set to Rectangle, Add (Shift), Feather 0, Anti-alias checked, draw a rectangle around Raster 2 layer.</p> <p><img src="http://www.arasimages.com/Tutorials9/Tutorial232/DrawRectangleBorder.jpg"></p> <p> 14. Layers/New Raster Layer. Flood fill with color #272f57.</p> <p> 15. Selections/Modify/Contrast by 10px. Press Delete Key once. Selections/Select None.</p> <p> 16. Using Magic Wand, select 10px border to activate it.</p> <p> 17. Effects/Unplugged Effects/Snow. Selections/Select None.</p> <p><img src="http://www.arasimages.com/Tutorials9/Tutorial232/UnpluggedEffects_Snow 81.jpg"></p> <p> 18. Select the Text tool, find the font Flakes, set to Size 68, Stroke width: 0.0, Kerning 0.</p> <p><img src="http://www.arasimages.com/Tutorials9/Tutorial232/FontFlakes Size68.jpg"></p> <p> 19. Change the background color to #f8f8f8. Type out the words "Winter Wonderland". Convert to Raster Layer.</p> <p> 20. Place at the top part of the image.</p> <p> 21. Objects/Align/Horizontal Center.</p> <p> 22. Image/Add Borders/Add 10px border, Symmetric checked, color #272f57.</p> <p> 23. Using Magic Wand, Tolerance 8, Feather 0, click on the 10px border to activate it. (The corners will be selected-this is not an error).</p> <p><img src="http://www.arasimages.com/Tutorials9/Tutorial232/MagicWandInsideBorderCorners.jpg"></p> <p> 24. Effects/Unplugged Effects/Snow. Set to 81. (See Step #17)</p> <p> 25. Selections/Select None.</p> <p> 26. Layers/New Raster Layer.</p> <p> 27. Select the Paint Brush tool. Find Snowflake31. Set Size to 85, all other settings at default.</p> <p><img src="http://www.arasimages.com/Tutorials9/Tutorial232/Snowflake31Settings.jpg"></p> <p> 28. Right click in upper left corner, upper right corner and bottom right corner one time, color #f8f8f8.</p> <p> 29. Change Snowflake31 to Snowflake33, Size 46, all other settings at default.</p> <p><img src="http://www.arasimages.com/Tutorials9/Tutorial232/Snowflake33Settings.jpg"></p> <p> 30. Right click by the larger snowflakes in upper left and right corners and bottom right corner, color #f8f8f8. You may follow where I have placed mine or choose your own design.</p> <p> 31. Effects/Edge Effects/Enhance.</p> <p> 32. Image/Add Borders/Add 2px border, Symmetric checked, color #f8f8f8.</p> <p> 33. Save the image with the name Winter Wonderland.jpg in your working folder.</p> <p> 34. Open Gerry-Lady 203 - 4 januari 2009.pspimage. Copy/Paste as New Image.</p> <p> 35. Image/Mirror the new image.</p> <p> 36. Effects/3D Effects/Drop Shadow. Vertical 16, Horizontal 16, Opacity 50, Blur 27, color #000000.</p> <p> 37. Save this image named Top Layer as a .png file in your working folder.</p> <p> 38. Open Animation Shop. File/Open Winter Wonderland.jpg. Duplicate it until you have 35 frames in all.</p> <p> 39. Highlight the first frame. Edit/Select All.</p> <p> 40. File/Open Snow 2.gif. Highlight the first frame. Edit/Select All. Right click/Copy.</p> <p> 41. Go back to the Winter Wonderland image. Right click within the first frame. Paste/Into Selected Frame. Left click to set in place.</p> <p> 42. Paste within the center borders only, repeating three (3) times. Move slightly in each pasting so snow will be in different places.</p> <p> 43. Open Arassnowimage.gif. Highlight first frame. Edit/Select All. Right click/Copy.</p> <p> 44. Go back to the main Winter Wonderland image.</p> <p> 45. Right click within the first frame. Paste/Into Selected Frame. Left click to set in place. Place this snow at the right side of image so snow will appear thicker there. Repeat two times more on right, once in center. (The lady will be placed on the left side in next steps). </p> <p> 46. File/Open Top Layer.png of lady. Edit/Propagate Paste.</p> <p> 47. Right click/Copy. Go back to the main image. Right click within the first frame. Paste/Into Selected Frame. Place woman into the bottom left corner within the 2px border on the bottom. Make sure you leave the 2px outer border showing. Left click to set her in place.</p> <p> 48. File/Save As. When the Save As box comes up, select your working folder to save the image in, type out the File name as Winter Wonderland and leave Save as type (*gif). Click Save.</p> <p> 49. As the boxes come up, click Next three (3) times, then Finish. You are all done.</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 Evatexas. Thanks ladies!</p> <br> <!--**********THIS IS YOUR BOTTOM THUMB IMAGE**********--> <p><img src="http://www.arasimages.com/Tutorials9/Tutorial232/Winter Wonderland Thumbnail.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>