{"id":441,"date":"2010-12-28T03:11:30","date_gmt":"2010-12-28T07:11:30","guid":{"rendered":"http:\/\/www.searchenginegenie.com\/web-design-blog\/?p=441"},"modified":"2011-02-22T05:46:46","modified_gmt":"2011-02-22T09:46:46","slug":"globe-rotation-using-flash","status":"publish","type":"post","link":"https:\/\/www.searchenginegenie.com\/web-design-blog\/globe-rotation-using-flash\/","title":{"rendered":"Globe rotation using flash"},"content":{"rendered":"

1. Open a new document about 400X350 pixels.<\/p>\n

\"globe-rotation-using-flash\"<\/span><\/a><\/div> \r\n\r\n\t\t\t\t
\r\n \"image-442\"\r\n <\/div><\/a><\/p>\n

2. Import (ctrl+r) a globe image or draw by your own in flash using gradient effects as like below in Layer-1(name it as globe). Select 30th Keyframe and give F5<\/p>\n

\"globe-rotation-using-flash\"<\/span><\/a><\/div> \r\n\r\n\t\t\t\t
\r\n \"image-443\"\r\n <\/div><\/a><\/p>\n

3. Create Layer-2 , name it as map and import world map. The below world map I have created here by the following steps:<\/p>\n

A) Go to Start –> All Programs –> Accessories –> System Tools –> Character Map –> Select font from font drop down box –> webdings –> Select map and respective code is 0xFB –> Click on select button and click copy button.<\/p>\n

B) Open Photoshop pick text tool then select webdings font and paste it.
\nC) Adjust the color and size of map by increasing the font color and font size. Here I set 200 point.<\/p>\n

\"globe-rotation-using-flash\"<\/span><\/a><\/div> \r\n\r\n\t\t\t\t
\r\n \"image-444\"\r\n <\/div><\/a><\/p>\n

4. Change the map into movieclip and select 15th Keyframe, then press F6. Now copy the map layer frames by selecting the Keyframe from 1 to 15 then paste it on 16th frame. So the frame end at 30th frame.<\/p>\n

5. Now create third layer name it as shadow, and repeat 3rd and 4th step. Note that your shadow layer map should be in black or gray color.<\/p>\n

\"globe-rotation-using-flash\"<\/span><\/a><\/div> \r\n\r\n\t\t\t\t
\r\n \"image-445\"\r\n <\/div><\/a><\/p>\n

6. Create another layer (name it as mask) for masking and draw the circle to the respective size of globe image.<\/p>\n

\"globe-rotation-using-flash\"<\/span><\/a><\/div> \r\n\r\n\t\t\t\t
\r\n \"image-446\"\r\n <\/div><\/a><\/p>\n

7. Just check that you have 4 layers in the order of globe, map, shadow, mask (bottom to top).<\/p>\n

\"globe-rotation-using-flash\"<\/span><\/a><\/div> \r\n\r\n\t\t\t\t
\r\n \"image-447\"\r\n <\/div><\/a><\/p>\n

8. Right click on mask layer and select mask option. We should mask both map and shadow layers. See the below masked layers.<\/p>\n

\"globe-rotation-using-flash\"<\/span><\/a><\/div> \r\n\r\n\t\t\t\t
\r\n \"image-448\"\r\n <\/div><\/a><\/p>\n

9. Set the frame rate according to the speed you want.<\/p>\n

10. Give Ctrl+Enter to run the program.<\/p>\n

<\/embed><\/object><\/p>\n

Click here to download the source Globe rotation<\/a><\/span><\/strong><\/p>\n","protected":false},"excerpt":{"rendered":"

1. Open a new document about 400X350 pixels. 2. Import (ctrl+r) a globe image or draw by your own in flash using gradient effects as like below in Layer-1(name it as globe). Select 30th Keyframe and give F5 3. Create Layer-2 , name it as map and import world map. The below world map I […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[25,24],"class_list":["post-441","post","type-post","status-publish","format-standard","hentry","category-flash","tag-globe-rotation-using-flash","tag-spining-of-earth-in-flash"],"_links":{"self":[{"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/posts\/441","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=441"}],"version-history":[{"count":10,"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/posts\/441\/revisions"}],"predecessor-version":[{"id":558,"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/posts\/441\/revisions\/558"}],"wp:attachment":[{"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/media?parent=441"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/categories?post=441"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/tags?post=441"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}