1、http:/ 新手入门教程：形状补间制作摇曳的烛光 浏览：5 | 发布于：2009.02.09 | 分类： flash 入门教程 Flash 新手入门教程：形状补间制作摇曳的烛光形状补间动画关键帧上元素的要求,一是必须是矢量图, 二是必须是形状状态, 选中关键帧上的物体时显麻点状态,在属面板里显示“形状“如果使用图形元件、按钮、文字,对象绘制等，则必先“打散“再变形。形状补间动画可以实现两个图形之间颜色、形状、大小、位置的相互变化下面通过制作摇曳的烛光进行形状补间动画的练习新建文档,背景色黑色,其他默认一、制作光圈元件1.点插入新建元件,影片剪辑, 名“光圈“2.笔触色禁止,填充*射状,三个色
2、标: 左 FFFF00 Alpha100%,中 FFFF6E Alpha77% ,右 FFFFCC Alpha0%,用椭圆工具画个圆,全居中3.第 15,第 30 帧加上关键帧,点中第 15 帧,再点修改变形缩放和旋转 ,缩放 1504.在图层一上点一下,这样整个图层都被选中了( 时间轴为黑色了),再在属性面板里“补间“,选择“形状“释放下鼠标, 时间帧面板的背景色变为淡绿色，在起始帧和结束帧之间有一个长长的实线箭头，表示形状补间动画创建好了二、蜡烛元件制作新建元件,影片剪辑,名“蜡烛“ 1.第 1 层 ,画烛身: 禁止填充色, 笔触色 CF8453,点椭圆工具 ,在属性面板里设置实线,大小
3、2画一个椭圆,选中圆按住 ALT 或者 CTRL 拖出两个摆放好, 再用直线画上两条线删掉多余的线条放射状填充: F5B778, F29437, D74D1F, 923107,色标的摆放如图 ,用颜色桶填充后,再用填充变形工具调整颜色的位置放射状填充: F29C48, F4C402, F2912F, F29437, D74D1F, 923107, 填充后,再用填充变形工具如果调整颜色的位置线性填充: D74D1F, F29437, D14B26删除多余的线条,用笔刷工具,颜色 8C4F26,刷烛芯延长到 30 帧,图层上锁2.新建图层2,画火苗笔触色禁止,填充色线性:左 FFFF99 Alph
4、a100%,右 FFFF1B Alpha30%,画椭圆,整调形状第 30 帧插入关键帧 ,创建形状补间动画第 5 帧插入关键帧,用选择工具(黑箭头工具 )调整形状,注意不能调整太过,以免变形不规则,第 9 帧插入关键帧,继续调整, 以此类推, 第 13,17,22,26 帧都插入关键帧做调整, 可以根据自己的感觉去调整, 觉得怎么自然就怎么去调,可以只做火苗伸长和压缩, 做成上下窜动,也可以再加上左右摆动我做的仅供参考,相信大家做的更好3.新建图层3,点第 1 帧, 从库中把光圈拖入摆放好,用变形工具适当压扁, 在属性面板里”颜色”里 Alpha 设置为 50%现在回到场景中,从库里把蜡烛元件
5、拖到场景中, 摆放好, Ctrl+Enter 测试, 另存为*.fla。导出影片*.swf有兴趣的进一步做扩展练习简单提示下,新建一个影片剪辑元件, 用上面做好的蜡烛元件做心形运动再新建一个影片剪辑元件,把上面心形运动的元件拖入场景中, 增加图层 2 写代码: 第 1 帧上 :var i = 0; 第 2 帧上 :if (i =60) duplicateMovieClip(mc, “mc“ + i, i); this“mc“ + i._alpha = 100 - 2 * i; +i; else gotoAndStop(4); / end else if 第 3 帧上 :gotoAndPlay(2);
