{"id":894,"date":"2011-09-12T05:48:46","date_gmt":"2011-09-12T09:48:46","guid":{"rendered":"http:\/\/www.searchenginegenie.com\/web-design-blog\/?p=894"},"modified":"2020-10-19T08:58:25","modified_gmt":"2020-10-19T12:58:25","slug":"create-spot-light-effect-using-flash","status":"publish","type":"post","link":"https:\/\/www.searchenginegenie.com\/web-design-blog\/create-spot-light-effect-using-flash\/","title":{"rendered":"Create Spot Light Effect Using Flash"},"content":{"rendered":"<p>1.Open a new document in flash.<\/p>\n<p>2.Import a picture (Ctrl+R) in layer one.<\/p>\n<p><a name=\"imageclose-895\"><div class=\"lb-album\"><a href=\"#image-895\"><img src=\"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2020\/10\/water-falling-image.png\" alt=\"water-falling-image\" class=\"aligncenter size-full wp-image-902\"><span><\/span><\/a><\/div>              \r\n<a href=\"#imageclose-895\" class=\"css3lightbox-close\">\r\n\t\t\t\t   <div class=\"lb-overlay\" id=\"image-895\">\r\n                   <img src=\"http:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2011\/09\/water-falling-and-torch-light-effect-using-flash-1.png\" alt=\"image-895\">\r\n                   <\/div><\/a><\/p>\n<p>3.Change it to movieclip. Go to <em>Properties Panel (Ctrl + F3) <\/em>and adjust the color as given below. <\/p>\n<p><a name=\"imageclose-896\"><div class=\"lb-album\"><a href=\"#image-896\"><img src=\"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2020\/10\/water-falling-movieclip.png\" alt=\"water-falling-movieclip\" class=\"aligncenter size-full wp-image-905\"><span><\/span><\/a><\/div>              \r\n<a href=\"#imageclose-896\" class=\"css3lightbox-close\">\r\n\t\t\t\t   <div class=\"lb-overlay\" id=\"image-896\">\r\n                   <img src=\"http:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2011\/09\/water-falling-and-torch-light-effect-using-flash-2.png\" alt=\"image-896\">\r\n                   <\/div><\/a><\/p>\n<p>4.Paste the same picture in layer two then convert it to movieclip and give the instance name as <em>top_picture. <\/em><\/p>\n<p><a name=\"imageclose-897\"><div class=\"lb-album\"><a href=\"#image-897\"><img src=\"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2020\/10\/water-falling-and-torch-light-effect-convert.png\" alt=\"water-falling-and-torch-light-effect-convert\" class=\"aligncenter size-full wp-image-906\"><span><\/span><\/a><\/div>              \r\n<a href=\"#imageclose-897\" class=\"css3lightbox-close\">\r\n\t\t\t\t   <div class=\"lb-overlay\" id=\"image-897\">\r\n                   <img src=\"http:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2011\/09\/water-falling-and-torch-light-effect-using-flash-3.png\" alt=\"image-897\">\r\n                   <\/div><\/a><\/p>\n<p>5.Using Photoshop cut the water fall portion and save it in the png format. Import that water fall portion in layer three, change it to movieclip and name it as <em>waterfall. <\/em><\/p>\n<p><a name=\"imageclose-898\"><div class=\"lb-album\"><a href=\"#image-898\"><img src=\"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2020\/10\/water-falling-and-torch-light-effect-water-fall-portion.png\" alt=\"water-falling-and-torch-light-effect-water-fall-portion\" class=\"aligncenter size-full wp-image-907\"><span><\/span><\/a><\/div>              \r\n<a href=\"#imageclose-898\" class=\"css3lightbox-close\">\r\n\t\t\t\t   <div class=\"lb-overlay\" id=\"image-898\">\r\n                   <img src=\"http:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2011\/09\/water-falling-and-torch-light-effect-using-flash-4.png\" alt=\"image-898\">\r\n                   <\/div><\/a><\/p>\n<p>6.In layer four draw a circle gradient as shown below and convert to movieclip then name it as <em>GradientCircle.<\/em> <\/p>\n<p><a name=\"imageclose-899\"><div class=\"lb-album\"><a href=\"#image-899\"><img src=\"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2020\/10\/water-falling-circle-gradient.png\" alt=\"water-falling-circle-gradient\" class=\"aligncenter size-full wp-image-908\"><span><\/span><\/a><\/div>              \r\n<a href=\"#imageclose-899\" class=\"css3lightbox-close\">\r\n\t\t\t\t   <div class=\"lb-overlay\" id=\"image-899\">\r\n                   <img src=\"http:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2011\/09\/water-falling-and-torch-light-effect-using-flash-5.png\" alt=\"image-899\">\r\n                   <\/div><\/a><\/p>\n<p>7.Create a layer five to write the following actionscript:<\/p>\n<p>\/**\u00a0 code for water fall effect\u00a0\u00a0 **\/<br \/>\nvar pt1:Point = new Point(0,0);<br \/>\nvar pt2:Point = new Point(0,0);<br \/>\nvar perlinOffset:Array = [pt1, pt2];<br \/>\nvar bm2:BitmapData=new BitmapData(waterfall.width, waterfall.height);<br \/>\nvar disp2:DisplacementMapFilter = new DisplacementMapFilter(bm2,new Point(0,0),1,2,10,0);<br \/>\nvar pt3:Point = new Point(0,0);<br \/>\nvar pt4:Point = new Point(0,0);<br \/>\nvar perlinOffsetFall:Array = [pt3, pt3];<br \/>\naddEventListener(Event.ENTER_FRAME,onFrame);<br \/>\nfunction onFrame(evt:Event):void {<br \/>\nperlinOffsetFall[0].y -=1;<br \/>\nperlinOffsetFall[1].x -=0.1;<br \/>\nbm2.perlinNoise(20,20,1,99,true,false, 7,false,perlinOffsetFall);<br \/>\nwaterfall.filters=[disp2]<br \/>\n}<br \/>\n\/**\u00a0 code for spot light effect\u00a0\u00a0 **\/<br \/>\ntop_picture.cacheAsBitmap = true;<br \/>\nGradientCircle.cacheAsBitmap = true;<br \/>\ntop_picture.mask=GradientCircle;<br \/>\nMouse.hide();<br \/>\nstage.addEventListener(MouseEvent.MOUSE_MOVE, mds);<br \/>\nfunction mds(evt:MouseEvent)<br \/>\n{<br \/>\nGradientCircle.x = mouseX;<br \/>\nGradientCircle.y = mouseY;<br \/>\n}<br \/>\nstage.addEventListener(MouseEvent.MOUSE_DOWN, mss);<br \/>\nfunction mss(evt:MouseEvent){<br \/>\ntop_picture.cacheAsBitmap = false;<br \/>\n}<br \/>\nstage.addEventListener(MouseEvent.MOUSE_UP, mas);<br \/>\nfunction mas(evt:MouseEvent){<br \/>\ntop_picture.cacheAsBitmap = true;<br \/>\n}<\/p>\n","protected":false},"excerpt":{"rendered":"<p>1.Open a new document in flash. 2.Import a picture (Ctrl+R) in layer one. 3.Change it to movieclip. Go to Properties Panel (Ctrl + F3) and adjust the color as given below. 4.Paste the same picture in layer two then convert it to movieclip and give the instance name as top_picture. 5.Using Photoshop cut the water [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3,6],"tags":[53,57,56,55,54],"class_list":["post-894","post","type-post","status-publish","format-standard","hentry","category-flash","category-web-design","tag-light-effect-using-flash","tag-spot-light-effect-using-flash","tag-torch-light-effect-using-flash","tag-water-fall-and-light-effect-using-flash-as3","tag-waterfall-effect-using-flash"],"_links":{"self":[{"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/posts\/894","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/comments?post=894"}],"version-history":[{"count":13,"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/posts\/894\/revisions"}],"predecessor-version":[{"id":3953,"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/posts\/894\/revisions\/3953"}],"wp:attachment":[{"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/media?parent=894"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/categories?post=894"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/tags?post=894"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}