网页教学网
 当前位置: 网页教学网 >> 动画制作 >> Flash实例教学 >> 阅读:Flash基础精彩实例教程:飘动的彩旗
[ HTML ] [ FW ] [ DW ] [ FP ] [ JS ] [ XML ] [ CSS ] [ 图象 ] [ FLASH ] [ .NET ] [ ASP ] [ JSP ] [ PHP ] [ 数据 ] [ 系统 ] [ 安全 ] [ 素材 ] [ 建站 ] [ 主机 ] [ 入门 ] [ 技巧 ]

Flash基础精彩实例教程:飘动的彩旗

http://www.webjx.com  更新日期:2007-08-10 17:22  出处:闪吧论坛  作者:qinz

[前言]

1、初学者写的教程面向初学者,让我们一起成为高手吧!(我写的比较啰嗦,但制作起来却是很简单的)
2、我在论坛发过此贴——请初学者用遮罩做出此效果,很多如我一样的初学者都很踊跃地跟贴交作业,但效果还是差一点点。现将我的制作思路写出来。

[效果]:

[要求]

1、防止靠近旗杆的旗上下抖动
2、使旗在滚动时畅而不滞

[目的]

熟练掌握引导层和遮罩的使用方法

[步骤]

第一步:新建图形元件,名称为“静止的旗”;在里面画一个无边框的矩形,宽30像素、高40像素、填充红色、相对于舞台左对齐和上对齐;按下工具栏中的“选择工具”,不选中矩形,把鼠标移到矩形的上边位置,当鼠标下方出现一条黑色的弧线时,按住鼠标往上拖;同样,把矩形的下边也往上拖。选中变形后的矩形,按住Ctrl键的同时往右拖出一个(即复制一个),选中复制出来的图形,然后选择“修改”菜单下的“变形”中的“垂直翻转”,并把X坐标设置为30、Y坐标设置为0;用鼠标在图形点击选中,按住Ctrl键的同时往右拖出一个,其X坐标设置为60、Y坐标与左边的图形相同(变形后的图形X坐标发生了变化,已经不为0了)。具体设置和效果如图1:

Flash基础精彩实例教程:飘动的彩旗

第二步:在库中选中元件“静止的旗”,右键选择“直接复制”,在弹出的对话框中将名称改为“遮罩原图”,点击“确定”按钮;在库中双击元件“遮罩原图”,进入“遮罩原图”的编辑场景;选中图形(记住其高度),用“选择工具”删除下部分的波浪形,再把其高度设置为原来的高度(不一定与图中的高度一样)。具体设置和效果如图2:

Flash基础精彩实例教程:飘动的彩旗

第三步:新建影片剪辑元件,名称为“滚动的旗”,在里面创建两个图层,图层名称从上到下依次为“引导层”、“静止的旗”;把“静止的旗”元件拖入到“静止的旗”图层上,相对于舞台左对齐和上对齐;双击该元件,进入“静止的旗”元件编辑场景中,在工具栏中选择“墨水瓶”工具,给图形描边黑色的边线,选中边线,双击边线按住Ctrl+X键剪切;回到“飘动的旗”的编辑场景中,再按住Ctrl+X键粘贴到“引导层”图层上,删除两边和下边的线,只留下上边线,相对于舞台水平中齐和上对齐,并延长帧至第30帧处,锁定该图层;选中元件“静止的旗”,按下工具栏中的“任意变形工具”,把图中出现的小白圆拖到上边的黑线上,在第30帧处插入关键帧,并创建补间动画,把第30帧的元件X坐标设置为-58,并把元件往上移,直到小白圆在黑线上为止;选中“引导层”图层,右键选择引导层;选中“静止的旗”图层稍稍往上拖(注意引导层图层图标的变化)。具体设置和效果如图3:

Flash基础精彩实例教程:飘动的彩旗

第四步:新建影片剪辑元件,名称为“遮罩层动画”,把库中的元件“遮罩原图”拖入,相对于舞台左对齐和上对齐;在第30帧处插入关键帧,把第30帧处的元件X坐标设置为-58,并创建补间动画。具体设置和效果如图4:

Flash基础精彩实例教程:飘动的彩旗

第五步:新建影片元件,名称为“飘动的旗”,创建两个图层,图层名称从上到下依次为“遮罩层动画”、“滚动的旗”;把“遮罩层动画”和“滚动的旗”分别拖入到相应的图层中;把“遮罩层动画”元件顺时针旋转90°,并把各个图层上的元件均设置成为相对于舞台左对齐和上对齐;选中“遮罩层动画”图层,右键选择遮罩层。具体设置和效果如图5:

Flash基础精彩实例教程:飘动的彩旗

第六步:创建“旗杆”新图形元件,用渐变工具画一细长矩形;把“旗杆”拖入到主场景中,在下层把“飘动的旗”也拖入,分别放到合适的位置上。

[思考与交流]

1、你是否能用形状补间做出飘动的效果?
2、为了防止靠近旗杆的旗上下抖动,你还有其他方法吗?
3、在第三步和第四步中将第30帧处的元件X坐标为何不设置为60?

[源文件]

点击这里下载Fla源文件

关键词:flash教程,基础
推荐给好友】【关闭】【收藏本文
最新五条评论
查看全部评论
评论总数 0
您的评论
用户名: 新注册) 密 码: 匿名:
·用户发表意见仅代表其个人意见,并且承担一切因发表内容引起的纠纷和责任
·本站管理人员有权在不通知用户的情况下删除不符合规定的评论信息或留做证据
·请客观的评价您所看到的资讯,提倡就事论事,杜绝漫骂和人身攻击等不文明行为