{"id":2265,"date":"2012-11-19T13:00:59","date_gmt":"2012-11-19T17:00:59","guid":{"rendered":"http:\/\/www.searchenginegenie.com\/web-design-blog\/?p=2265"},"modified":"2012-11-09T05:42:46","modified_gmt":"2012-11-09T09:42:46","slug":"shake-effect-on-action-script-using-flash-3-0","status":"publish","type":"post","link":"https:\/\/www.searchenginegenie.com\/web-design-blog\/shake-effect-on-action-script-using-flash-3-0\/","title":{"rendered":"Shake Effect on Action Script Using Flash 3.0"},"content":{"rendered":"<p><object width=\"550\" height=\"300\" classid=\"clsid:d27cdb6e-ae6d-11cf-96b8-444553540000\" codebase=\"http:\/\/download.macromedia.com\/pub\/shockwave\/cabs\/flash\/swflash.cab#version=6,0,40,0\"><param name=\"quality\" value=\"high\" \/><param name=\"src\" value=\"http:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2012\/11\/shake-effect-script.swf\" \/><param name=\"pluginspage\" value=\"http:\/\/www.macromedia.com\/go\/getflashplayer\" \/><embed width=\"550\" height=\"300\" type=\"application\/x-shockwave-flash\" src=\"http:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2012\/11\/shake-effect-script.swf\" quality=\"high\" pluginspage=\"http:\/\/www.macromedia.com\/go\/getflashplayer\" \/><\/object><\/p>\n<p>Step 1: Open a new flash file. Choose <strong>Window &gt; Properties<\/strong> from the main menu bar to open the PROPERTIES panel.<br \/>\nStep 2: Expand the Properties section in the panel and choose the <strong>Edit<\/strong> button to enlarge the Document Settings window. Next, set the width to 550 pixels and height to 300 pixels in the<br \/>\n<strong>PROPERTIES<\/strong> panel, as shown in Figure below. Choose the Ok button.<br \/>\n<a name=\"imageclose-2266\"><div class=\"lb-album\"><a href=\"#image-2266\"><img src=\"http:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2012\/11\/210.jpg\"  class=\"alignleft size-full wp-image-2269\"><span><\/span><\/a><\/div>              \r\n<a href=\"#imageclose-2266\" class=\"css3lightbox-close\">\r\n\t\t\t\t   <div class=\"lb-overlay\" id=\"image-2266\">\r\n                   <img src=\"http:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2012\/11\/210.jpg\" alt=\"image-2266\">\r\n                   <\/div><\/a><\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>Step 3: Now we need to draw an oval for masking. Select the Oval tool from tools. Draw an circle in the document.<br \/>\n<a name=\"imageclose-2267\"><div class=\"lb-album\"><a href=\"#image-2267\"><img src=\"http:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2012\/11\/112.jpg\"  class=\"alignleft size-full wp-image-2266\"><span><\/span><\/a><\/div>              \r\n<a href=\"#imageclose-2267\" class=\"css3lightbox-close\">\r\n\t\t\t\t   <div class=\"lb-overlay\" id=\"image-2267\">\r\n                   <img src=\"http:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2012\/11\/112.jpg\" alt=\"image-2267\">\r\n                   <\/div><\/a><\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>Step 4: Fill the color (#99FFFF) inside the oval. And name the document on left-top as shake effect on Action Script.<br \/>\n<a name=\"imageclose-2268\"><div class=\"lb-album\"><a href=\"#image-2268\"><img src=\"http:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2012\/11\/36.jpg\"  class=\"alignleft size-full wp-image-2267\"><span><\/span><\/a><\/div>              \r\n<a href=\"#imageclose-2268\" class=\"css3lightbox-close\">\r\n\t\t\t\t   <div class=\"lb-overlay\" id=\"image-2268\">\r\n                   <img src=\"http:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2012\/11\/36.jpg\" alt=\"image-2268\">\r\n                   <\/div><\/a><\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>Step 5: Place the button on the document and give instance name it <strong>Reset<\/strong> as figure shown below.<br \/>\n<a name=\"imageclose-2269\"><div class=\"lb-album\"><a href=\"#image-2269\"><img src=\"http:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2012\/11\/42.jpg\"  class=\"alignleft size-full wp-image-2268\"><span><\/span><\/a><\/div>              \r\n<a href=\"#imageclose-2269\" class=\"css3lightbox-close\">\r\n\t\t\t\t   <div class=\"lb-overlay\" id=\"image-2269\">\r\n                   <img src=\"http:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2012\/11\/42.jpg\" alt=\"image-2269\">\r\n                   <\/div><\/a><br \/>\n&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>Step 6: Create a timeline for layer 1 and name it as player.<\/p>\n<p><a name=\"imageclose-2270\"><div class=\"lb-album\"><a href=\"#image-2270\"><img src=\"http:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2012\/11\/52.jpg\"  class=\"alignleft size-full wp-image-2270\"><span><\/span><\/a><\/div>              \r\n<a href=\"#imageclose-2270\" class=\"css3lightbox-close\">\r\n\t\t\t\t   <div class=\"lb-overlay\" id=\"image-2270\">\r\n                   <img src=\"http:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2012\/11\/52.jpg\" alt=\"image-2270\">\r\n                   <\/div><\/a><\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>Step 7: Create another layer for controlling effects and named it as controls. And for frame select the rectangle tool from toolbar.<\/p>\n<p><a name=\"imageclose-2271\"><div class=\"lb-album\"><a href=\"#image-2271\"><img src=\"http:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2012\/11\/62.jpg\"  class=\"alignleft size-full wp-image-2272\"><span><\/span><\/a><\/div>              \r\n<a href=\"#imageclose-2271\" class=\"css3lightbox-close\">\r\n\t\t\t\t   <div class=\"lb-overlay\" id=\"image-2271\">\r\n                   <img src=\"http:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2012\/11\/62.jpg\" alt=\"image-2271\">\r\n                   <\/div><\/a><\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>Step 8: Create a fourth layer for Performing Action Script.<\/p>\n<p><a name=\"imageclose-2272\"><div class=\"lb-album\"><a href=\"#image-2272\"><img src=\"http:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2012\/11\/72.jpg\"  class=\"alignleft size-full wp-image-2273\"><span><\/span><\/a><\/div>              \r\n<a href=\"#imageclose-2272\" class=\"css3lightbox-close\">\r\n\t\t\t\t   <div class=\"lb-overlay\" id=\"image-2272\">\r\n                   <img src=\"http:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2012\/11\/72.jpg\" alt=\"image-2272\">\r\n                   <\/div><\/a><\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>Step 9: Type the following Action Script in Layer-4(Action Script).<\/p>\n<p><a name=\"imageclose-2273\"><div class=\"lb-album\"><a href=\"#image-2273\"><img src=\"http:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2012\/11\/82.jpg\"  class=\"alignleft size-full wp-image-2274\"><span><\/span><\/a><\/div>              \r\n<a href=\"#imageclose-2273\" class=\"css3lightbox-close\">\r\n\t\t\t\t   <div class=\"lb-overlay\" id=\"image-2273\">\r\n                   <img src=\"http:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2012\/11\/82.jpg\" alt=\"image-2273\">\r\n                   <\/div><\/a><\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>Step 10: Import shake effect images to library. Images name should be same as in library and script. Go to library panel and right click on each image. Choose Properties \u00e0 Linkage. Check the \u201cExport for Action script\u201d option. And run the program.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Step 1: Open a new flash file. Choose Window &gt; Properties from the main menu bar to open the PROPERTIES panel. Step 2: Expand the Properties section in the panel and choose the Edit button to enlarge the Document Settings window. Next, set the width to 550 pixels and height to 300 pixels in the [&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,4,6],"tags":[22,18,29,116,20,9],"class_list":["post-2265","post","type-post","status-publish","format-standard","hentry","category-flash","category-photoshop","category-web-design","tag-animation-in-flash","tag-clock-using-actionscript","tag-flash-2","tag-flash-actionscript","tag-photo-gallery-in-flash","tag-web-designing"],"_links":{"self":[{"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/posts\/2265","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=2265"}],"version-history":[{"count":9,"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/posts\/2265\/revisions"}],"predecessor-version":[{"id":2703,"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/posts\/2265\/revisions\/2703"}],"wp:attachment":[{"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/media?parent=2265"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/categories?post=2265"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/tags?post=2265"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}