您好!欢迎您光临动态边框的制作与思考_迎客松B站!

体育

I

交友

I

论坛

I

会员注册

I

本站搜索

I

收藏本站

当前位置:首页 >>>实例教程>>>动态边框的制作与思考
动态边框的制作与思考
发表日期:2012/9/19 0:26:00 出处:迎客松 作者:翠柏 发布人:hsb345 已被访问 7888

 动态边框的制作与思考

   

    教学目的:通过本节教学了解和掌握多项图组的联合使用及蔗罩、滤镜的功能与应用,进而制作出生动的动画效果。

  教学对象:本教材是针对有一定动画制作基础和对工具箱有所了解的朋友们编制的,因此省略了一些步骤,还望谅解。

    教学要点:蔗罩、滤镜、补间

   

   制作步骤

  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.如果将边框作为图片组循环滚动,中间配上相应的大图,其效果又会如何?

 最终效果显示:


http://hsb345.16789.net/domName/hsb345/200832312414022806.swf

 

全屏下载

 

祝你成功!

 

进入更多教程

双击自动滚屏 【打印本页】 【关闭窗口
 相关评论:



梅花
(2010/1/14 23:23:00) [119.135.94.]

我在这里学到我在学校学不到东西,我太高兴了,也希望可以欣赏更多的作品学到更多的东西。


雪儿
(2009/9/7 9:17:00) [114.217.152.]

老师,谢谢


hsb345
(2009/9/7 8:04:00)

雪儿你好,欢迎你的光临!不用成等比,只要能做到各边(各圆组)匀速滚动即可。当然如果成等比更好,这样便于把握各圆组的均匀运动。


雪儿
(2009/9/6 22:19:00) [221.225.132.]

老师。做圆组及圆组0明,如果图片的宽度和高度比550*400大或者小。其大小要不要和实际做的图片的大小成正比的?做150*100图的动态框时,要不要把圆组的宽变为300和200的?


914973925
(2009/9/6 14:53:00) [113.9.80.]

老师您好,按您的做法,效果很好,谢谢!

 发表评论:共有 13 条评论

身份选择:会员 游客(游客不需要输入密码)
用 户 名: 密 码:
评论内容:
(最多评论字数:500)

迎客松B站 | 设为首页 | 加入收藏 | 联系我们 | 进入管理 | 关于站长 | 本站搜索

联系电话: 联系人:翠柏

琼icp备09005167