用Flash制作折扇动画
目的:掌握常用工具的基本操作,明确细致耐心是制作成功的关键。重点:复制并应用变形、复制粘贴翻转帧、细致耐心
效果:
http://www.luoan.cn/bbs/attachment.php?aid=11133
步骤:
第一步:新建文件,宽600像素、高400像素;创建图形元件,名称为“扇梗”,画一个宽360像素、高20像素的矩形,填充颜色为#DCCFA2,笔触颜色为#CCB977且笔触高度为1;利用选择工具使一端高度变小(注意对称)。具体设置和效果如图1所示
http://space.flash8.net/bbs/attachments/month_0707/20070717_a42cba573ef3c764244ao2EXj5KlrEA4.gif
http://space.flash8.net/bbs/images/default/attachimg.gif
第二步:创建影片剪辑,名称为“展开的扇子”,把图层1改为扇梗,把扇梗元件拖入,其X坐标为-300、Y坐标为-10;选择任意变形工具,把中心点(小白圆)移到坐标原点(黑色的加号)处;选择“窗口”下的“变形”(快捷键Ctrl+T)打开变形面板,选中旋转单选按钮并输入8,选择下面的“复制并应用变形”按钮,连续按17次,共得到18个扇梗。具体设置和效果如图2所示
http://space.flash8.net/bbs/attachments/month_0707/20070717_23a13941fad1c0422e2bDqLqaMpQImmq.gif
http://space.flash8.net/bbs/images/default/attachimg.gif
第三步:点击帧,把鼠标移到扇梗元件上,右键选择分散到图层;然后将帧进行移动并延长。具体设置如图3所示
http://space.flash8.net/bbs/attachments/month_0707/20070717_ab20ed7bf1c89818ef44at2jwg1S24mE.gif
http://space.flash8.net/bbs/images/default/attachimg.gif
第四步:新建图层(在所有图层之上),名称为“铆钉”。在该图层的第一帧上先画一个正圆,宽6像素、高6像素,垂直水平中齐,白色到深灰色的放射状填充;画一条水平黑线,宽4像素,笔触高度为1,垂直水平中齐;延长帧至第67帧处(即最后一帧)。如图4所示(放大效果图)
http://space.flash8.net/bbs/attachments/month_0707/20070717_6cf5d9921f88f12a8f38CGRDloAA3Co7.gif
http://space.flash8.net/bbs/images/default/attachimg.gif
第五步:新建图层,名称为“扇面”。画一个正圆,无边框,宽高均为601像素(本应该是600像素的,这是为了防止扇梗超出扇面),填充色任选,垂直水平中齐;Ctrl+T打开变形面板,选中圆,将宽高均设置为50%,选择下面的复制并应用变形按钮进行点击一次,将复制出的小圆填充另外一种颜色,在图形外点击,然后选中小圆进行删除,得到一个环形的圆;在环形圆上拉出两条直线(见图中的红色直线),然后在图形外点击,再选中直线和下部分的环形进行删除。具体设置和效果如图5所示
http://space.flash8.net/bbs/attachments/month_0707/20070717_ad13514b4781cf4f3ad6Ee7OAoKwwOkI.gif
http://space.flash8.net/bbs/images/default/attachimg.gif
第六步:在“扇面”图层上,把第1帧拖动到第10帧处,然后在第11至26帧处插入关键帧,在除第26帧外的每一帧扇梗左侧相应位置拉一条直线,然后在图形外点击,分别选中直线和直线上面或右边的部分进行删除;选中第10帧至第25帧,在帧上右键选择复制帧,在该图层的第51帧处右键选择粘贴帧,然后选择刚才粘贴的帧,右键选择翻转帧;把“扇面”图层移到“铆钉”图层的下方。具体设置和效果如图6所示
http://space.flash8.net/bbs/attachments/month_0707/20070717_0011de1c1565c602fbccXSjDhB1Rr68D.gif
http://space.flash8.net/bbs/images/default/attachimg.gif
第七步:在“扇面”图层下新建层,名称为“扇面图”,在第10帧处插入关键帧,在该帧上导入一张中国画(你也可以自己画),移动到合适的地方,并延长帧至第66帧处;选中扇面图层设为遮罩。效果如图7所示
http://space.flash8.net/bbs/attachments/month_0707/20070717_96c3060ec75532b44718pxlIkT6BS6Tk.gif
http://space.flash8.net/bbs/images/default/attachimg.gif
第八步:在“扇面”图层上新建层,名称为“阴影”,选中“扇面”图层上的第10帧,复制帧,粘贴帧到“阴影”图层的第10帧处,在相应位置拉一条直线(见图中的红色直线),然后在图形外点击,再选中直线和下部分进行删除,把剩下的图形的填充颜色改为黑色,透明度设为16%;在第11帧处插入关键帧,选中图形,选择任意变形工具,把中心点(小白圆)移到坐标原点(黑色的加号)处;Ctrl+T打开变形面板,选中旋转单选按钮并输入8,选择下面的“复制并应用变形”按钮,点击1次,让其顺时针旋转8度并复制一个。具体设置和效果如图8所示
http://space.flash8.net/bbs/attachments/month_0707/20070717_adcc86b8a66c1686149ahgy9ELSngIei.gif
http://space.flash8.net/bbs/images/default/attachimg.gif
第九步:在“阴影”图层的第12帧处插入关键帧,选中最上面的图形,选择任意变形工具,把中心点(小白圆)移到坐标原点(黑色的加号)处,Ctrl+T打开变形面板,也让其顺时针旋转8度并复制一个;依此类推,直到第26帧;选中第10帧至第25帧,在帧上右键选择复制帧,在该图层的第51帧处右键选择粘贴帧,然后选择刚才粘贴的帧,右键选择翻转帧。最后把“展开的扇子”元件拖入到主场景中即可。具体设置和效果如图9所示
http://space.flash8.net/bbs/attachments/month_0707/20070717_50687a80ac9bda1a2c8crj1CPJcpHIlx.gif
fla源文件:
[ 本帖最后由 xicaixiao 于 2007-12-2 22:24 编辑 ] 好教程。收下来好好学习 好东西,谢谢楼主了! 真漂亮,高手!欣赏学习了。 谢谢,学习了!
谢谢斑竹的源文件
http://flash.ouou.com/flashup/111/1197625879Esf6YSvJk0.swf这个是原来做的,和教程有点小区别,不过原理一样 好东东,多谢分享 谢谢指教!! 太利害ㄌ!給你拍拍手 有点麻烦,不过效果不错,支持你!
页:
[1]
2