|
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.
|