23. Add a new
layer below the layer named as box.
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
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
For Shape Tweening, select any frame between 1 and 100 at
both the patch layers.
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.
the first keyframe in shape tweening.
Modify > Transform > Add Shape Hint.
first shape hint appears as a red circle with the letter
'a' somewhere on the shape.
that shape hint to a point that you want to mark.
the last keyframe in the tweening
last shape hint appears somewhere on the shape as a green
circle with the letter 'a'.
the shape hint to the point in the ending shape that is
correspond to the first point you have marked.
add more shape hints for other points of the shape tweening.
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 >
39. Give instance name as 'loader'.
> Convert to Symbol.
a movie clip name as 'main box'.
42. Choose Window > Panels >
instance name as 'mainloader'.
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
51. Select the frame 1.
52. Choose Window > Panels >
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.
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
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
64. In the variable
field type the variable name as 'loadedkbytes'.
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
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
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.