<!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: #d58128; 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: #d58128; scrollbar-3dlight-color: #d58128; scrollbar-darkshadow-color: #000000; scrollbar-shadow-color: #d58128; 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 #d58128; 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="#d58128" width="100%" bordercolordark="#d58128" style="border:1px solid #d58128;"> <tbody> <tr> <!--ORIENTAL PICTURE TABLE--> <td width="618" style="border:1px solid #d58128;"><img border="0" width="762" src="http://www.arasimages.com/Tutorials3/Tutorial38/MotherNatureBG.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: #d58128; font-size: 28px;"><b>Mother Nature</b></p> For a Danish translation, click on the flags.<p><a href="http://skyttenpsp.weebly.com/mother-nature-animated.html"><img border="0" src="http://www.arasimages.com/Tutorials3/Tutorial38/denmarkC1.gif"></a></p> For Materials, click on the Zip file. <p> <a href="http://arasimages.com/Tutorials3/Tutorial38/Mother Nature.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. You will need the plugins Artistic, Filters Unlimited and Alf's Border FX (Optional) 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 anna.br, <a href="http://karinedreamsgraphic.centerblog.net/">K@rine_Dreams</a> , HJR Designs, Margit and Arasimages for the beautiful tubes used. 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 leaf to mark your place along the way if you wish.</p> <br><img src="http://www.arasimages.com/Tutorials3/Tutorial38/FollowLeaf.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 #d58128, Background to #89310b.</p> <p> 2. Set Materials Palette to Gradient Linear, Angle 45, Repeats 3 and Invert unchecked.</p> <p> <img src="http://www.arasimages.com/Tutorials3/Tutorial38/Gradient.jpg"/></p> <p> 3. New/New Image 762px by 562px. Flood fill with Gradient.</p> <p> 4. Adjust/Blur/Gaussian Blur, Radius 23.</p> <p> 5. Layers/New Raster Layer.</p> <p> 6. Selections/Select All.</p> <p> 7. Open landscapefallbridge.pspimage of fall scene. Highlight misted layer.</p> <p> 8. Copy/Paste into Selection. Selections/Select None.</p> <p> 9. In Layers Palette, set Blend Mode to Luminance (Legacy), Opacity to 39.</p> <p> 10. Layers/New Raster Layer.</p> <p> 11. Flood fill New Raster layer with #ffffff (white).</p> <p> 12. In Layers Palette, set to Overlay, Opacity to 40.</p> <p> 13. Image/Resize/Resize by 83%, Resize all layers unchecked.</p> <p> 14. Effects/Filters Unlimited/Edges,Square/Square edge 04.</p> <p> <img src="http://www.arasimages.com/Tutorials3/Tutorial38/FUsquareedges.jpg"/></p> <p> 15. Layers/Duplicate.</p> <p> 16. Image/Resize/Resize by 70%, Resize all layers unchecked.</p> <p> 17. Open k@rine_dreams_Autumn_Face1260_september_2010.pspimage.</p> <p> 18. Copy/Paste as New Layer.</p> <p> 19. Image/Resize/Resize by 70%, Resize all layers unchecked.</p> <p> 20. Move to left side of image.</p> <p> 21. In Layers Palette, set to Luminance (Legacy), Opacity 58.</p> <p> 22. Effects/Artistic/watercolor. See example below.</p> <p> <img src="http://www.arasimages.com/Tutorials3/Tutorial38/ArtisticWatercolor.jpg"/></p> <p> 23. Open HJR_Autumn leaf001_03Nov2007.pspimage.</p> <p> 24. Copy/Paste as New Layer.</p> <p> 25. Image/Resize/Resize by 50%/Resize all layers unchecked.</p> <p> 26. Layers Palette/Blend Mode to Luminance (Legacy). Move to center/bottom.</p> <p> 27. Effects/3-D Effects/Drop Shadow Vertical -8, Horizontal 17, Opacity 70, Blur 44, color #000000 (black).</p> <p> <img src="http://www.arasimages.com/Tutorials3/Tutorial38/DropShadowforitems.jpg"/></p> <p> 28. Open Margit_Autumn leaves2_AO_1.pspimage.</p> <p> 29. Copy/Paste as New Layer.</p> <p> 30. Image/Resize/Resize by 30%, Resize all Layers checked.</p> <p> 31. Effects/3-D Effects/Drop Shadow Vertical -8, Horizontal 17, Opacity 70, Blur 44, color #000000 (black).</p> <p> 32. Place on top of the large gold leaf.</p> <p> 33. Open anna.br_autumn-girl_29_09_10.pspimage.</p> <p> 34. Copy/Paste as New Layer. Move to right side of image.</p> <p> 35. Effects/3-D Effects/Drop Shadow Vertical -8, Horizontal 17, Opacity 70, Blur 44, color #000000 (black).</p> <p> 36. Open Poem.png image which I have made for you. Copy/Paste as New Layer. Place in upper left corner as I have mine.</p> <p> 37. Sign your name or leave your watermark. Merge/Merge Visible.</p> <p> 38. Effects/Alf's Border FX/Border Fade III, Noise 14, Width 10 (or you may use any bevel effect you want for the border area).</p> <p> 39. Save as a .jpg image. Copy. It will remain in memory.</p> <p> 40. Open up Animation Shop. In the Animation Shop workspace, Paste as New Animation.</p> <p> 41. Edit/Duplicate till you have 13 frames in all.</p> <p> 42. File/Open Leaf Animation and Leaf Animation 2 .gif files.</p> <p> 43. Activate Leaf Animation .gif file. Highlight first frame.</p> <p> 44. Edit/Select All. Right click on blue top, Copy.</p> <p> 45. Activate the .jpg image. Highlight first frame.</p> <p> 46. Edit/Select All. Right click INSIDE first frame, Paste into Selected Frame. Hover your mouse guiding the leaf till you have it where you desire. In this case, choose to put it above the word "show". Left click to set in place.</p> <p> 47. Activate Leaf Animation 2.gif file. Highlight first frame.</p> <p> 48. Edit/Select All. Right click on blue top, Copy.</p> <p> 49. Go back to the main image and once again right click INSIDE first frame/Paste into Selected Frame, left click to place Animation 2.gif leaf left of her head piece.</p> <p> 50. Right click INSIDE first frame again/Paste Into Selected Frame and left click to place Animation 1.gif file, this time place it between nose of woman on the left and bouquet.</p> <p> 51. See my finished image for placement or choose your own places for the leaves. You may play around in the leaf placement for fun!</p> <p> 52. Click the Animation button on the top tool bar to see if your animation pleases you. If the leaves are falling too fast, click Animation/Frame Properties and change from default setting of 10 to 20. You may choose another setting if you desire. Play with it until you are satisfied. The larger the number, the slower the leaves will fall.</p> <p> 53. When you are finished creating your image, go to File/Save As. A box will appear. Give your creation a name, choose where to save it and click Save. Then click Next 3 times, then Finish.</p> ALL DONE! Congratulations...you have completed an animated tutorial. <p> <img src="http://www.arasimages.com/Tutorials3/Tutorial38/FollowLeaf.png"/></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>