{"id":1322,"date":"2012-01-04T05:08:15","date_gmt":"2012-01-04T09:08:15","guid":{"rendered":"http:\/\/www.searchenginegenie.com\/web-design-blog\/?p=1322"},"modified":"2012-01-04T05:13:22","modified_gmt":"2012-01-04T09:13:22","slug":"rotating-text-in-360-degree-using-flash","status":"publish","type":"post","link":"https:\/\/www.searchenginegenie.com\/web-design-blog\/rotating-text-in-360-degree-using-flash\/","title":{"rendered":"Rotating Text in 360 degree Using Flash"},"content":{"rendered":"<p><strong>Step-1<\/strong> Open a new document in flash.<\/p>\n<p><strong>Step-2<\/strong> Set background color as black<\/p>\n<p><strong><a name=\"imageclose-1323\"><div class=\"lb-album\"><a href=\"#image-1323\"><img src=\"http:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2012\/01\/flash-rotated-360-degrees-11.jpg\"  class=\"aligncenter size-full wp-image-1329\"><span><\/span><\/a><\/div>              \r\n<a href=\"#imageclose-1323\" class=\"css3lightbox-close\">\r\n\t\t\t\t   <div class=\"lb-overlay\" id=\"image-1323\">\r\n                   <img src=\"http:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2012\/01\/flash-rotated-360-degrees-11.jpg\" alt=\"image-1323\">\r\n                   <\/div><\/a><\/strong><\/p>\n<p><strong>Step-3<\/strong> Type the first letter of your text in layer-1 and convert it into graphic.<\/p>\n<p><strong><a name=\"imageclose-1324\"><div class=\"lb-album\"><a href=\"#image-1324\"><img src=\"http:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2012\/01\/flash-rotated-360-degrees-21.jpg\"  class=\"aligncenter size-full wp-image-1330\"><span><\/span><\/a><\/div>              \r\n<a href=\"#imageclose-1324\" class=\"css3lightbox-close\">\r\n\t\t\t\t   <div class=\"lb-overlay\" id=\"image-1324\">\r\n                   <img src=\"http:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2012\/01\/flash-rotated-360-degrees-21.jpg\" alt=\"image-1324\">\r\n                   <\/div><\/a><\/strong><\/p>\n<p><strong>Step-4<\/strong> Again converts it into movieclip. Right click on movie clip and select \u201cEdit in place\u201d option.<\/p>\n<p><strong><a name=\"imageclose-1325\"><div class=\"lb-album\"><a href=\"#image-1325\"><img src=\"http:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2012\/01\/flash-rotated-360-degrees-31.jpg\"  class=\"aligncenter size-full wp-image-1331\"><span><\/span><\/a><\/div>              \r\n<a href=\"#imageclose-1325\" class=\"css3lightbox-close\">\r\n\t\t\t\t   <div class=\"lb-overlay\" id=\"image-1325\">\r\n                   <img src=\"http:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2012\/01\/flash-rotated-360-degrees-31.jpg\" alt=\"image-1325\">\r\n                   <\/div><\/a><\/strong><\/p>\n<p><strong>Step-5<\/strong> Select key frame from 1 \u2013 30 and press F6.<\/p>\n<p><strong>Step-6<\/strong> In key frame-1, do right click and select &#8220;create Classic Tween&#8221;. Make slight rotation using &#8220;free transform tool&#8221;. Repeat this step till the text get full rotate about 360 degree. In the main scene select first letter (here R) and press F9 to open the &#8220;action panel&#8221;, then write the following script to stop and play while rollover and rollout respectively.<\/p>\n<div style=\"background: #F4F4F4; font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding: 15px; color: #585858; border: 1px solid #DDD;\">\n<p>on (rollOver)<\/p>\n<p>{<\/p>\n<p>stop();<\/p>\n<p>}on (rollOut)<\/p>\n<p>{<\/p>\n<p>play();<\/p>\n<p>}<\/p>\n<\/div>\n<p><a name=\"imageclose-1326\"><div class=\"lb-album\"><a href=\"#image-1326\"><img src=\"http:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2012\/01\/flash-rotated-360-degrees-41.jpg\"  class=\"aligncenter size-full wp-image-1332\"><span><\/span><\/a><\/div>              \r\n<a href=\"#imageclose-1326\" class=\"css3lightbox-close\">\r\n\t\t\t\t   <div class=\"lb-overlay\" id=\"image-1326\">\r\n                   <img src=\"http:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2012\/01\/flash-rotated-360-degrees-41.jpg\" alt=\"image-1326\">\r\n                   <\/div><\/a><\/p>\n<p>&nbsp;<\/p>\n<p><a name=\"imageclose-1327\"><div class=\"lb-album\"><a href=\"#image-1327\"><img src=\"http:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2012\/01\/flash-rotated-360-degrees-51.jpg\"  class=\"aligncenter size-full wp-image-1333\"><span><\/span><\/a><\/div>              \r\n<a href=\"#imageclose-1327\" class=\"css3lightbox-close\">\r\n\t\t\t\t   <div class=\"lb-overlay\" id=\"image-1327\">\r\n                   <img src=\"http:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2012\/01\/flash-rotated-360-degrees-51.jpg\" alt=\"image-1327\">\r\n                   <\/div><\/a><\/p>\n<p>&nbsp;<\/p>\n<p><strong>Step-7<\/strong> Do the above steps for remaining letters.<\/p>\n<p><strong><a name=\"imageclose-1328\"><div class=\"lb-album\"><a href=\"#image-1328\"><img src=\"http:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2012\/01\/flash-rotated-360-degrees-61.jpg\"  class=\"aligncenter size-full wp-image-1334\"><span><\/span><\/a><\/div>              \r\n<a href=\"#imageclose-1328\" class=\"css3lightbox-close\">\r\n\t\t\t\t   <div class=\"lb-overlay\" id=\"image-1328\">\r\n                   <img src=\"http:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2012\/01\/flash-rotated-360-degrees-61.jpg\" alt=\"image-1328\">\r\n                   <\/div><\/a><\/strong><\/p>\n<p><strong>Final Preview:<\/strong><br \/>\n<object id=\"test\" width=\"700\" height=\"250\" 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=\"src\" value=\"http:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2012\/01\/Rotating-text-360-degrees-flash1.swf\" \/><embed id=\"test\" width=\"700\" height=\"250\" type=\"application\/x-shockwave-flash\" src=\"http:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2012\/01\/Rotating-text-360-degrees-flash1.swf\" \/><\/object><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Step-1 Open a new document in flash. Step-2 Set background color as black Step-3 Type the first letter of your text in layer-1 and convert it into graphic. Step-4 Again converts it into movieclip. Right click on movie clip and select \u201cEdit in place\u201d option. Step-5 Select key frame from 1 \u2013 30 and press [&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,5],"tags":[95,94,96],"class_list":["post-1322","post","type-post","status-publish","format-standard","hentry","category-flash","category-web-design","category-web-design-tips","tag-flash-text-rotating","tag-rotating-text-in-flash","tag-text-rollover-in-360-degree"],"_links":{"self":[{"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/posts\/1322","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=1322"}],"version-history":[{"count":2,"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/posts\/1322\/revisions"}],"predecessor-version":[{"id":1338,"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/posts\/1322\/revisions\/1338"}],"wp:attachment":[{"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/media?parent=1322"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/categories?post=1322"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/tags?post=1322"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}