<!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: #7e89a5; 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: #7e89a5; scrollbar-3dlight-color: #7e89a5; scrollbar-darkshadow-color: #000000; scrollbar-shadow-color: #7e89a5; 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 #7e89a5; padding: 10px; width: 900px; position: relative; top: 20px; height: 8000px; 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="#7e89a5" width="100%" bordercolordark="#7e89a5" style="border:1px solid #7e89a5;"> <tbody> <tr> <!--ORIENTAL PICTURE TABLE--> <td width="618" style="border:1px solid #7e89a5;"><img border="0" width="762" src="http://www.arasimages.com/Tutorials3/Tutorial44/LetitSnow3frames.gif" 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: #7e89a5; font-size: 28px;"><b>Let it Snow</b></p> For Italian and Danish translations, click on the flags.<p><a href="http://graficamia.com/"><img border="0" src="http://www.arasimages.com/Tutorials3/Tutorial44/italyc4e21.gif " /></a>&nbsp;<a href="http://skyttenpsp.weebly.com/let-it-snow-animated.html"><img border="0" src="http://www.arasimages.com/Tutorials3/Tutorial44/denmarkC1.gif"></a></p> For Materials, click on the Zip file. <p><a href="http://arasimages.com/Tutorials3/Tutorial44/Let it snow.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 Pattern silverpunk into PSP Patterns. Place the Font Harrington .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. Open the Brush Snow and Export it to your PSP Brushes folder. You will need the plugins VDL Adrenaline/Snowflakes and Simple/Top Left Mirror. You will need Animation Shop for this tutorial.</p> <p>You can find a free Animation Shop program <a href="http://creationfanouch.free.fr/mesfiltresA.html">HERE</a></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, Angie and Sorensen. 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 Snowflake to mark your place along the way.</p> <br><img src="http://www.arasimages.com/Tutorials3/Tutorial44/Snowflake.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 #7e89a5.</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/Tutorial44/Gradient.jpg"/></p> <p> 3. New/New Image 762px by 562px. Flood fill with Gradient.</p> <p> 4. Adjust/Blur/Gaussian Blur, Radius of 30.</p> <p> 5. Selections/Select All.</p> <p> 6. Open the Mysticwinter.pspimage of trees. Copy/Paste into Selection. Selections/Select None.</p> <p> 7. Set the Foreground color in the Materials Palette to color #ffffff.</p> <p> 8. Layers/New Raster Layer.</p> <p> 9. From Tool bar, select the Paint Brush tool. From the drop down selection, choose the Snow brush. See example for settings.</p> <p> <img src="http://www.arasimages.com/Tutorials3/Tutorial44/Snowsettingforclump.jpg"/></p> <p> 10. Stamp the clump of snow at the bottom center of image. Some of the snow will disappear below the bottom edge.</p> <p> 11. Effects/3-D Effects/Drop Shadow, Vertical -6, Horizontal 4, Opacity 65, Blur 24, color #32373f.</p> <p> 12. Effects/VDL Adrenaline/Snowflakes. Apply snowflakes on clump of snow layer (background) using the settings below.</p> <p> <img src="http://www.arasimages.com/Tutorials3/Tutorial44/Snowinbg.jpg"/></p> <p> 13. Image/Add Borders/3px border, Symmetric checked, Color #ffffff.</p> <p> 14. Select 3px border with Magic Wand.</p> <p> 15. Change Foreground color in Materials Palette to Pattern silverpunk. Use settings below, fill 3px border with silverpunk.</p> <p> <img src="http://www.arasimages.com/Tutorials3/Tutorial44/SilverPunkpattern.jpg"/></p> <p> 16. Adjust/Sharpness/Sharpen. Selections/Select None.</p> <p> 17. Image/Add Borders/33px border, Symmetric checked, Color #000000.</p> <p> 18. Using Magic Wand, select 33px border.</p> <p> 19. Change Foreground of Materials Palette back to Gradient, uncheck Invert.</p> <p> 20. Flood fill with Gradient. Selections/Select None.</p> <p> 21. Image/Add Borders/3px border, Symmetric checked, Color #000000.</p> <p> 22. Change Foreground color in Materials Palette to silverpunk Pattern.</p> <p> 23. Select 3px border with Magic Wand. Flood fill 3px border with silverpunk.</p> <p> 24. Adjust/Sharpness/Sharpen. Selections/Select None.</p> <p> 25. Save background image in your working folder. Leave background image on workspace.</p> <p> 26. Selections/Select All. Modify/Contract by 40. Invert. Copy/Paste as New Image. This is your frame beginning.</p> <p> 27. Using the frame image, we will now work our snowflake corners.</p> <p> 28. Change Foreground color in Material Palette to #ffffff. Layers/New Raster Layer.</p> <p> 29. From Tool bar, select the Paint Brush tool. Find Snowflake 31. Settings Size 88 as in example below.</p> <p> <img src="http://www.arasimages.com/Tutorials3/Tutorial44/Snowsettingsize88.jpg"/></p> <p> 30. Stamp once in top left corner using Background color #7e89a5.</p> <p> 31. Change setting to Size 44 and stamp with Foreground color #ffffff on each side as I have mine.</p> <p> 32. Change setting to Size 34 and stamp top and side with Foreground and Background colors as I have done in example below.</p> <p> <img src="http://www.arasimages.com/Tutorials3/Tutorial44/Smallsnowflakesettings.jpg"/></p> <p> <img src="http://www.arasimages.com/Tutorials3/Tutorial44/Wheretoputsnowflakesonframe.jpg"/></p> <p> 33. Effects/3-D Effects/Drop Shadow, Vertical 3, Horizontal 3, Opacity 75, Blur 1, Color #000040.</p> <p> 34. Adjust/Sharpness/Sharpen.</p> <p> 35. Effects/Simple/Top Left Mirror. Merge/Merge Down.</p> <p> 36. Copy/Paste as New layer on your Background image.</p> <p> 37. From your Tool bar, Selections/Selection/Square. See example for settings.</p> <p> <img src="http://www.arasimages.com/Tutorials3/Tutorial44/Selectionsettingsforsquares.jpg"/></p> <p> 38. Layers/New Raster Layer. Draw a square about the size that I have used for center square.</p> <p> 39. Flood fill with Background color #7e89a5</p> <p> 40. Selections/Modify/Contract by 3px, Press Delete key.</p> <p> 41. Effects/3-D Effects/Drop Shadow, Vertical -6, Horizontal -6, Opacity 65, Blur 23, color #32373f. Repeat shadow, changing Vertical and Horizontal to 6.</p> <p> 42. Layers/New Raster Layer.</p> <p> 43. Open Misted by Sorenson_Designs Mom and Baby Polar Bears.pspimage. Copy/Paste into Selection.</p> <p> 44. Using Freehand Selections Tool/Freehand Selection, click on the bear. The marching ants will now be around them.</p> <p> 45. Effects/3-D Effects/Drop Shadow, Vertical -6, Horizontal -6, Opacity 65, Blur 23, color #32373f.</p> <p> 46. Selections/Select None.</p> <p> 47. Highlight Raster 2. Copy/Paste as New Layer.</p> <p> 48. Image/Resize/Resize by 80%, Resize all layers unchecked.</p> <p> 49. Move into position on left side of center square.</p> <p> 50. Layers/Duplicate. Image/Mirror. You may have to reposition the squares and center bear to make it all symmetric.</p> <p> 51. Highlight Raster 4 (smaller right side square). Layers/New Raster Layer.</p> <p> 52. Using Selection/Selection/Square tool, draw a square inside the border.</p> <p> 53. Open ANI-M2008-04.pspimage of small bear. Image/Mirror. Copy/Paste into Selection.</p> <p> 54. Using a color changer of your choice, change the color of the little bear to #ffffff.</p> <p> 55. Image/Mirror. You will now have TWO little bear! with marching ants around them.</p> <p> 56. Selections/Select None. Pull little bear down a bit.</p> <p> 57. Highlight Raster Layer 4 (the left side smaller square).</p> <p> 58. Using Selection/Selection/Square tool, draw a square inside the left small border. Raster/New Raster Layer.</p> <p> 59. Paste into Selection. Recolor little bear with color #ffffff. <p> 60. Selections/Select None. Pull little bear down toward bottom of square.</p <p> 61. Highlight top layer. Layers/New Raster Layer. Open the Chain.pspimage. Copy/Paste as New Layer.</p> <p> 62. Paste twice more and move the chains into position to hold the frames. Merge/Merge Down, twice. (All chains together).</p> <p> 63. From Tool bar, select the Paint Brush tool and from drop down, select Snowflake Brush 33.</p> <p> 64. Using the example of settings below, stamp the Snowflake at the top of the center chain. Use color #ffffff.</p> <p> <img src="http://www.arasimages.com/Tutorials3/Tutorial44/Largecentersnowflakesettings.jpg"/></p> <p> 65. Find Snowflake 31 in dropdown like you did the one above and using settings below, stamp at the top of each remaining chain.</p> <p> <img src="http://www.arasimages.com/Tutorials3/Tutorial44/Smallsnowflakesettings.jpg"/></p> <p> 66. Effects/3-D Effects/Drop Shadow, Vertical -3, Horizontal 3, Opacity 75, Blur 17, color #000040.</p> <p> 67. Erase excess chains from inside the two small frames, using Eraser tool or Select/Delete method.</p> <p> 68. From Tool Bar, select the Text tool. Find Harrington.TTF font, using Size 48, color #ffffff, type Let it Snow. Convert to Raster Layer.</p> <p> <img src="http://www.arasimages.com/Tutorials3/Tutorial44/FontHarringtonsize48.jpg"/></p> <p> 69. Effects/3-D Effects/Drop Shadow, Vertical -3, Horizontal 3, Opacity 75, Blur 17, color 000040.</p> <p> 70. Duplicate text and place each set of words in place on either side of center snowflake.</p> <p> 71. Sign your name or leave your watermark.</p> <p> 72. Close off bottom layer. (Background). Merge/Merge Visible. Save frame/bear/snowflake layer as PSP Animation Shop (*psp) file called Let it Snow Foreground in your working folder.</p> <p> 73. Close top Layer. Open and highlight bottom (Background) layer. Save as PSP Animation Shop (*psp) file called Let it Snow Background in your working folder.</p> <p> 74. Open Animation Shop. File/Open/BigSnowAra1fallingsnow.gif file. With first frame highlighted, Edit/Select All. Left click on top blue bar/Copy.</p> <p> 75. File/Open/Let it Snow Background PSP Animation Shop (*psp) file. Highlight first frame. Edit/Duplicate so you end up with 20 frames.</p> <p> 76. Having first frame highlighted on Background, Edit/Select All. Right click INSIDE first frame and Paste/Paste into Selected Frame by left clicking in place as directed in Step 77.</p> <p> 77. To do this, place the snow on the left upper quadrant of Background, left click mouse and your snowfall will be positioned. Right click inside first frame again and Paste/Paste into Selected Frame again, only this time hover and left click on right upper quadrant. Repeat on lower left and lower right quadrant. This will fill your whole page with falling snow.</p> <p> 78. Go up to the Animation button and test it to see if it is what you like.</p> <p> 79. File/Open/Let it Snow Foreground Animation Shop (*psp) file. Left click the top border/Copy. Edit/Propagate Paste.</p> <p> 80. Make sure all the frames of your Background with falling snow are highlighted (activated). If they are not, then click on first frame, Edit/Select All.</p> <p> 81. Right click to Paste/Paste into Selected Frame. Left click to place. All the frames will now have the Foreground on them. The border of the Foreground file will go right over the border of the Background file, thus eliminating snowfall on borders.</p> <p> 82. Test your work by clicking the Animation button at the top of AS. If all is as you want it, then save your work. File/Save As/. A box will come up where you will name your work Let it Snow, and where you will save it, click Save. Then click Next 3 times and finally Finish. You are done.</p> <p> This was a long and detailed tutorial and I hope you have enjoyed the journey! Thanks for sharing my work with me.</p> <p>Heartfelt 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>