Realistic globe rotate

Date: 9.2.2007, 15:6    Total views: 67212

In this thoroughly explained, detailed flash lesson, I will show you how to create  a realistic globe rotates using the mask and some special flash tips and tricks. You don't have to use action script code to make this lesson. Using this lesson, you will also learn how to convert any image into a Graphic Symbol, how to create motion tween, mask layer and much much more! Let's start!

Example:



Step 1

Open Flash and start a new project with dimension whatever you want, set the frame rate at whatever you want, I used 20 fps for this example, set the background colour as whatever you like, I used white for this example.



Step 2


Find somewhere a picture of globe and Import it (Ctrl+R) in flash. You can also download my picture.



Step 3

While the "globe" (picture) is still selected, press Ctrl+B key (break apart) to break apart it. Create a new layer above layer 1, select it and draw a "circle" size almost like globe circle. See the picture below.



Step 4

While the "circle" is still selected, press Ctrl+x key (Cut), select layer 1 (globe layer) and press Ctrl+Shift+V key (Paste in Place). Then, press delete key to delete that "circle". Now you get this:



Step 5

Take the Paint Bucket Tool (K), for Fill color choose #9EBEDE and fill the globe circle. See the picture below.



Step 6

Take the Selection Tool (V) and double click on layer 1 to rename its name in globe.

Step 7

Then, double click on layer 2 and name it world map.

Step 8

Find somewhere the world map, go to flash, select the world map layer, press Ctrl+R (Import to Stage),or choose File > Import > Import to Stage and Import that map in Flash.



Step 9

Press Alt+Shift key and do like it is shown on the picture below, to duplicate this picture.



Step 10

Select the both picture and press F8 key (Convert to Symbol) to convert this pictures into a Movie Clip symbol.



Step 11

Place the "world maps", new made movie clip on the position like it is shown on the picture below.



Step 12

Double-click on the movie clip on stage with the Selection tool (V).You should now be inside the movie clip. See the picture below.



Step 13

While the "world maps"is still selected, press again F8 key and convert it into a Graphic Symbol.



Step 14

Click on frame 30 and press F6 key.Then, using the mouse or by arrow keys, place the "world maps" on the position like it is shown on the picture below.



Step 15

Right-click anywhere on the gray area between the two keyframes on the timeline and choose Create Motion Tween from the menu that appears.



Step 16

Create a new layer, click on frame 30, press F6 key, go to the Action Script Panel (F9), and enter the following Action Script code inside the Actions Panel:

gotoAndPlay(1);

Step 17

Go back on the main scene (Scene1)



Step 18

Create a new layer above world map layer and name it circle. Lock and hide world map layer, select layer 3 and take the Oval Tool (O). For Stroke color choose no color, for Fill color choose any color and draw a "circle" over the globe circle. See the picture below.



Step 19

Select circle layer and convert it to a mask by right-clicking on the circle layer and selecting Mask.





Unhide world map layer.

Step 20

Create a new layer above circle layer and name it shine.

Step 21

Take again the Oval Tool (O), draw a "circle" about 100x30 pixels and place it on the position like it is shown on the picture below.



Step 22

While the "circle" is still selected, open the Color Mixer Panel (Shift+F9) and choose the following options:



Test your Movie (Ctrl+Enter).

Enjoy!

Downlaod source file (.fla)

  Digg it! Add this tutorial to del.icio.us! Furl it! Add this tutorial to reddit! Spurl it! Add this tutorial to technorati!
Share
ShareSidebar