用Flash制作折扇动画

xicaixiao

目的：掌握常用工具的基本操作，明确细致耐心是制作成功的关键。
重点：复制并应用变形、复制粘贴翻转帧、细致耐心
效果：
Flash: http://www.luoan.cn/bbs/attachment.php?aid=11133
步骤：
第一步：新建文件，宽600像素、高400像素；创建图形元件，名称为“扇梗”，画一个宽360像素、高20像素的矩形，填充颜色为#DCCFA2，笔触颜色为#CCB977且笔触高度为1；利用选择工具使一端高度变小（注意对称）。具体设置和效果如图1所示


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


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


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


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


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


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


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


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

fla源文件: 用Flash制作折扇动画.rar (87.57 KB, 下载次数: 511)

2007-12-2 22:22 上传

点击文件名下载附件

[ 本帖最后由 xicaixiao 于 2007-12-2 22:24 编辑 ]

jimoyantou

好教程。收下来好好学习

bianyonghui

好东西，谢谢楼主了！

hanya

真漂亮，高手！欣赏学习了。

圆的轨迹

谢谢，学习了！

jimoyantou

Flash: http://flash.ouou.com/flashup/111/1197625879Esf6YSvJk0.swf
这个是原来做的，和教程有点小区别，不过原理一样

lobhou

好东东，多谢分享

jindayun11

谢谢指教!!

yenfu7171

太利害ㄌ!給你拍拍手

xiangyuan

有点麻烦，不过效果不错，支持你！