Page : 1 2 3

23. Add a new layer below the layer named as box.

24. Choose Insert > Layer.

25. Make one more shape like the box and fill it with 2 different colors. We have used light and dark orange color shades.

26. Place dark orange patch on a new layer and keep the other orange patch at the same layer. So that it will be easier to animate.


27. Select frame number 100 of both the layers.

28. Choose Insert > Keyframe.

29. Similarly select frame number 100 of other layers too.

30. Choose Insert > Frame.

31. At frame one of both the orange patch layers, we have to manually scale both the patches with the help of corner nodes to achieve a prespective look as shown in the below image.

32. For Shape Tweening, select any frame between 1 and 100 at both the patch layers.

33. Choose Window > Pannels > Frame.

34. In the Frame window select Tweening = Shape.


35. In the light orange part 'Shape Hint' is used for proper shape tweening effect.


Select the first keyframe in shape tweening.
Choose Modify > Transform > Add Shape Hint.
The first shape hint appears as a red circle with the letter 'a' somewhere on the shape.
Move that shape hint to a point that you want to mark.
Select the last keyframe in the tweening
The last shape hint appears somewhere on the shape as a green circle with the letter 'a'.
Move the shape hint to the point in the ending shape that is correspond to the first point you have marked.
Similarly add more shape hints for other points of the shape tweening.
Check frame by frame animation to see how the tweening is working.

36. Come back into the main scene (i.e.Scene1).

37. Select the 'box' movie clip in the scene.

38. Choose Window > Panels > Instance.

39. Give instance name as 'loader'.

40. Choose Insert > Convert to Symbol.

41.
Give a movie clip name as 'main box'.

42. Choose Window > Panels > Instance.

43.
Give instance name as 'mainloader'.

44. Choose Window > Library.

45. Select the main box movie clip.

46. Double click to go inside the movie clip.

47. Select frame 8.

48. Choose Insert > Keyframe.

49. Select any frame between 1 and 8.

50. Choose Insert > Create Motion Tween.

51. Select the frame 1.

52. Choose Window > Panels > Effect.

53. In the Effect window keep Alpha=0.

54. Insert a new layer above the layer named as loader.

55. Select frame 8.

56. Choose Window > Actions.

57. In the Actions Window type the following action.

stop ();

58. Insert a new layer below the layer named as box.

59. Create a floor effect under the box so that it can give a good get up to the box.

60. Draw one big rectangle outline to cover the floor and box.

61. Insert a new layer above all the layers.

62. Rename the layer with 'kbytes'.

63. Select the Text Tool option and create a dynamic text field.

64. In the variable field type the variable name as 'loadedkbytes'.

65. On the same layer create one more dynamic text field with variable name 'totalkbytes'.

66. Insert a new layer above the layer named as kbytes.

67. Rename the layer with bytes.

68. Select the Text Tool option and create a dynamic text field.

69. In the variable field type the variable name as 'loadedbytes'.

70. On the same layer create one more dynamic text field with variable name 'totalbytes'.

71. Insert a new layer above the layer named as bytes.

72. Rename the layer with percent.

73. Create one more dynamic text field with variable name 'frame'.

74. Insert a new layer named as extra for the text headings like bytes, kbytes and the dividing lines.

75. The loader scene should look something like the image given below.

76. Insert a new layer above all the layers.

77. Rename the layer as actions.






© Image Online  2001-2003