app推广邀请奖励:动态边框的制作

来源:百度文库 编辑:中财网 时间:2024/05/05 17:50:35
',1)">
制作步骤
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.如果将边框作为图片组循环滚动,中间配上相应的大图,其效果又会如何?