Flash 动态边框的制作与思考

制作步骤

1.启动FLASH8 软件。

2.确立文档属性 设置动画尺寸为550*400，帧频为12，背景颜色任意，其它默认,点击确定，进入场景1。如图1所示：

图1

3.创建图形元件
 
（1）选择“插入－新建元件”，创建一个名为“圆”的图形元件，点击确定，进入元件编辑区。在编辑区用椭圆形工具托一个无笔触颜色的20*20的圆，颜色随意，全居中；
 
(2)选择“插入－新建元件”，创建一个名为“圆组”的图形元件，在编辑区添加一个图层，共两个图层。在下层用直线工具拉一条1100px的直线。在上层从库中将圆元件放置在直线的左端，然后用复制粘贴依次水平放在前一个圆的后边，如图2所示：

图2

如此一直放到直线的右端，全居中，删除下层直线实例或该图层。如图3所示：

图3

同理，再创建一个名为“圆组0”的元件。按上边的方法再制作一个长度为800px圆组，点击“修改－变形－顺时针旋转90度，使图组图形立起来，居中对齐。
 
（3）创建一个名为“边框”的图形元件，用矩形工具托一个笔触高度为10，笔触颜色随意（无填充色），规格为550*400的矩形边框，全居中。选中该矩形边框，将其转换为影片剪辑。之后“选中该边框－滤镜－斜角”，参数如图4所示：

图4

完成后的边框给人的感观是立体形边框，如图5所示：

图5

再粘贴一个该矩形边框，将其规格设置为490*340，然后放在大边框的中间，全居中。如图6所示：

图6

4.创建影片剪辑　创建一个名为旋转的影片剪辑，添加四个图层，共5个图层。自下而上分别为圆组4、圆组3、圆组2、圆组1和边框。点击边框图层第一帧，从库中拖出边框元件于编辑区，全居中，在第100帧处插入帧。上锁；选择圆组1图层第一帧，从库中拖出图组元件，将其左端放在边框上沿两矩形中间的左端，在第100帧处插入关键帧，将圆组图形右端平移到边框的右端，在此区域创建补间动画，上锁； 选择圆组2图层第一帧，从库中拖出图组0元件，将其上端放在边框右沿两矩形中间的上端，在第100帧处插入关键帧，将圆组0图形下端移到边框右沿的下端，在此区域创建补间动画，上锁；选择圆组3图层第一帧，从库中拖出图组元件，将其右端放在边框下沿两矩形中间的右端，在第100帧处插入关键帧，将圆组图形左端平移到边框的左端，在此区域创建补间动画，上锁；选择圆组4图层第一帧，从库中拖出图组0元件，将其下端放在边框左沿两矩形中间的下端，在第100帧处插入关键帧，将圆组0图形上端移到边框的左沿上端，在此区域创建补间动画，上锁。打开边框图层的锁，删除该图层中的实例（或删除该图层）。完成后第1帧，如图7所示：

图7

第100帧如图8所示：

图8

去掉边框后第1帧如图9所示：

图9

该过程完成后的时间轴显示如图10所示：

图10

5.组织场景 返回场景1，添加两个图层，共3个图层。自下而上分别命名为：背景、旋转、边框三个图层。选择背景图层第1帧，导入一张你喜欢的背景图片，规格550*400（可大不可小），全居中；选择旋转图层第1帧，从库中将旋转影片剪辑拖入工作区，全居中；选择边框图层第1帧，从库中将边框图形元件拖入工作区，全居中。上锁。如图11所示：

图11

设置旋转图层为蔗罩层。设置后，如图12所示：

图12

6.本作业完成后时间轴显示如图13所示：

图13

8.测试存盘

*说明：　

1.如果边框出现抖动、停顿等现象，可以在旋转影片剪辑进行调整，关键是起始帧和终止帧图形显示的位置形状相同。

2.作为蔗罩的圆可以改换为任何形状，也可调整其大小，同时相应修改内框和外框间的距离。作为被蔗罩的图片也可更换，如果四个角有交接痕迹，则需要作边框时将四个角遮住。

3.如果将边框作为图片组循环滚动，中间配上相应的大图，其效果又会如何？