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

Flash实例教程:用Flash制作折扇动画

http://www.webjx.com  更新日期:2007-07-18 16:14  出处:闪吧论坛  作者:qinz 收藏本文

Flash实例教程:用Flash制作折扇动画

目的:掌握常用工具的基本操作,明确细致耐心是制作成功的关键。
重点:复制并应用变形、复制粘贴翻转帧、细致耐心。
效果:(可以直接右键点击播放)

点击这里下载源文件

步骤:
第一步:新建文件,宽600像素、高400像素;创建图形元件,名称为“扇梗”,画一个宽360像素、高20像素的矩形,填充颜色为#DCCFA2,笔触颜色为#CCB977且笔触高度为1;利用选择工具使一端高度变小(注意对称)。具体设置和效果如图1所示:

Flash实例教程:用Flash制作折扇动画

第二步:创建影片剪辑,名称为“展开的扇子”,把图层1改为扇梗,把扇梗元件拖入,其X坐标为-300、Y坐标为-10;选择任意变形工具,把中心点(小白圆)移到坐标原点(黑色的加号)处;选择“窗口”下的“变形”(快捷键Ctrl+T)打开变形面板,选中旋转单选按钮并输入8,选择下面的“复制并应用变形”按钮,连续按17次,共得到18个扇梗。具体设置和效果如图2所示:

Flash实例教程:用Flash制作折扇动画

第三步:点击帧,把鼠标移到扇梗元件上,右键选择分散到图层;然后将帧进行移动并延长。具体设置如图3所示:

Flash实例教程:用Flash制作折扇动画

第四步:新建图层(在所有图层之上),名称为“铆钉”。在该图层的第一帧上先画一个正圆,宽6像素、高6像素,垂直水平中齐,白色到深灰色的放射状填充;画一条水平黑线,宽4像素,笔触高度为1,垂直水平中齐;延长帧至第67帧处(即最后一帧)。如图4所示:(放大效果图)

Flash实例教程:用Flash制作折扇动画

第五步:新建图层,名称为“扇面”。画一个正圆,无边框,宽高均为601像素(本应该是600像素的,这是为了防止扇梗超出扇面),填充色任选,垂直水平中齐;Ctrl+T打开变形面板,选中圆,将宽高均设置为50%,选择下面的复制并应用变形按钮进行点击一次,将复制出的小圆填充另外一种颜色,在图形外点击,然后选中小圆进行删除,得到一个环形的圆;在环形圆上拉出两条直线(见图中的红色直线),然后在图形外点击,再选中直线和下部分的环形进行删除。具体设置和效果如图5所示:

Flash实例教程:用Flash制作折扇动画

第六步:在“扇面”图层上,把第1帧拖动到第10帧处,然后在第11至26帧处插入关键帧,在除第26帧外的每一帧扇梗左侧相应位置拉一条直线,然后在图形外点击,分别选中直线和直线上面或右边的部分进行删除;选中第10帧至第25帧,在帧上右键选择复制帧,在该图层的第51帧处右键选择粘贴帧,然后选择刚才粘贴的帧,右键选择翻转帧;把“扇面”图层移到“铆钉”图层的下方。具体设置和效果如图6所示:

Flash实例教程:用Flash制作折扇动画

第七步:在“扇面”图层下新建层,名称为“扇面图”,在第10帧处插入关键帧,在该帧上导入一张中国画(你也可以自己画),移动到合适的地方,并延长帧至第66帧处;选中扇面图层设为遮罩。效果如图7所示:

Flash实例教程:用Flash制作折扇动画

第八步:在“扇面”图层上新建层,名称为“阴影”,选中“扇面”图层上的第10帧,复制帧,粘贴帧到“阴影”图层的第10帧处,在相应位置拉一条直线(见图中的红色直线),然后在图形外点击,再选中直线和下部分进行删除,把剩下的图形的填充颜色改为黑色,透明度设为16%;在第11帧处插入关键帧,选中图形,选择任意变形工具,把中心点(小白圆)移到坐标原点(黑色的加号)处;Ctrl+T打开变形面板,选中旋转单选按钮并输入8,选择下面的“复制并应用变形”按钮,点击1次,让其顺时针旋转8度并复制一个。具体设置和效果如图8所示:

Flash实例教程:用Flash制作折扇动画

第九步:在“阴影”图层的第12帧处插入关键帧,选中最上面的图形,选择任意变形工具,把中心点(小白圆)移到坐标原点(黑色的加号)处,Ctrl+T打开变形面板,也让其顺时针旋转8度并复制一个;依此类推,直到第26帧;选中第10帧至第25帧,在帧上右键选择复制帧,在该图层的第51帧处右键选择粘贴帧,然后选择刚才粘贴的帧,右键选择翻转帧。最后把“展开的扇子”元件拖入到主场景中即可。具体设置和效果如图9所示:

Flash实例教程:用Flash制作折扇动画

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