然后向下拉动最上面中间位置的手柄,使其高度逐渐缩小,如图5所示;

图5 向下拉动方块列

　　直到方块列被压缩成如图6所示的样子即可;

图6 被压缩后的方块列

　　4.建立第1帧到第20帧的运动渐变动画,在上面新建一个图层,分别复制图6中压缩后的元件和图4中压缩前的元件到图层Layer2的第1帧和第20帧,不过这里元件的位置需要放好,将压缩后的元件放在压缩前元件的最上部,同样建立运动渐变动画,最后在第20帧添加Action: stop();,这时候把时间轴移动到第10帧,会看到图7所示的翻转效果:

图7 垂直翻转效果

　　5.下面就利用前面做好的垂直翻转,通过简单的旋转操作,将其旋转成水平位置,就实现了水平翻转的效果.新建一个元件命名为controller movie,进入元件的编辑区后,插入两个关键帧,分别设置其帧标签为horizontal和vertical,然后给两个帧都添加Action:stop();.其中第1帧设置为水平翻转效果,第2帧设置为垂直翻转效果.

　　回到第1帧,将元件row flip拖到编辑区中,使用旋转工具将其旋转成水平,然后复制7个副本,排列其为一个方阵,如图8所示;

图8 排列元件成方阵