如何利用Flash制作出旋转的立体三棱锥的效果？

文章类别：Flash | 发表日期:2008-9-21 15:03:13

　　

如何利用Flash制作出旋转的立体三棱锥的效果？
解决思路
Flash?作为一个编辑二维动画的软件，在表现上还不可能达到三维立体效果。但是可以利用人眼的视觉欺骗，制作出简单的立体效果。例如本例中的立体旋转的三棱锥，就可以使用“添加变形提示点”来实现。但是要注重的是，Flash最大的优点并不在此，朋友们要扬长避短，最大的发挥出Flash的特点。
具体步骤
1、运行Flash?MX?2004，文档属性默认。
2、新建一个影片剪辑。利用直线绘制一个等腰三角形。绘制的一种方法为：绘制一个无填充颜色的矩形和一条垂直线，利用对齐面板使他们分别处于场景中心，这样，连接举行的两个底点和垂直线与矩形的上交点，就绘制出来一个等腰三角形。利用鼠标把三角形的高点与编辑区的中心点对齐。如图2.4.181所示。
图2.4.181?????绘制三角形

3、选择工具栏中的填充工具，在混色器中如图2设置，对这个三角形添色。如图2.4.182所示。

图2.4.182???混色器设置
4、在这个三角形的右侧，绘制一个如图3所示的小三角形。这个小三角形是三棱锥的另一面。如图2.4.183所示。

图2.4.183????绘制一个侧面
5、把侧面填充相同渐变色。删除所有的线条，可以利用鼠标把每一个线条一一选中，然后是用键盘上面的Delete键删除。也可以利用橡皮选项中的“擦除线条”功能把线条删除。如图2.4.184所示。

图2.4.184????橡皮功能
6、完成效果如图2.4.185所示。

图2.4.185?????完成效果
7、在第20帧插入要害帧，利用上述的绘制方法在相同的位置上绘出另一个三棱锥。不同的是，这次我们可以看到三棱锥的另一个侧面。如图2.4.186所示。

图2.4.186?????第20帧的三棱锥
8、我们在第1帧至第20帧之间创建外形简便变形。如图2.4.187所示。

图2.4.187??????时间线状态
1，??选中第1帧，【修改】|【变形】【添加外形提示】，或者使用快捷键“Ctrl+Shift+H”为这个图形添加外形提示点。我们可以反复做，以创建6个外形提示点。默认名字分别为：a,b,c,d,e,f。
2，??我们可以利用鼠标来移动这些提示点。外形提示点的分布原则是什么呢？首先我们要使这个三棱锥在外形简便的时候，保持为完整的三棱锥。所以我们在这个图形的最外侧4个点上布置4个外形提示点。如图2.4.188所示。

图2.4.188??添加外形外形提示点
3，??积极利用这四个外形外形提示点是不能实现三棱锥旋转的效果的，我们还要添加两个提示点来限制面的旋转。我们把提示点e和提示点f布置在两个活动的面的边楞上。如图2.4.189所示。

图2.4.189????面的旋转提示点
4，??到此我们已经把第1帧里面的图形的提示点添加完毕。
5，??选中第20帧，进入第20帧的时候，我们就会看到在第1帧添加的外形提示点。对应的移动提示点的位置。确定这个位置的原理是，相同代号的提示点是相互对应的，第1帧里面的提示点c在三角形的右侧，假如让它旋转的话，我们在第20帧就要把它移动到左侧。这样，这个图形就会从右到左右规律运动。如图2.4.190所示。

图2.4.190????第20帧的外形提示点分布
6，??flash会自动检测你的外形提示点的对应分布，假如有错误，也就是不止的外形提示点无法起到作用的时候，会是红色的，而不是绿色的。如图2.4.191所示。

图2.4.191????错误的提示点
15，保存，测试。我们看到三棱锥按照我们设计的思路旋转起来了。但是，在第20帧与第1帧连接有跳动现象。我们把第21帧插入要害帧，把步骤3种的三角形拷贝到里面，适当的延长帧。好了，这个效果完成了。请参看源文件模拟立体三棱锥旋转.fla
注??意?——三棱锥的同类渐变色的作用是区分两个面，这两个面不可以使用不同的颜色，或者相同颜色。
提??示?——外形提示点越多，动画效果就越细腻，越逼真。
技??巧?——我们利用“Ctrl+Shift+H”可以给一个flash文档添加26个外形提示点，默认名称是从英文字母a至z。
非凡提示
这个效果是一个非常闻名的效果，流传很长时间。我们学习这个效果有什么帮助吗？我们学习一个实例效果，不单单为了实现这个效果。而是要把制作的原理应用到自己的作品中。大家知道，在flash动画表现中，我们经常说到的镜头旋转，就是场景中的物体的旋转。通过这个三棱锥效果的实现，我们就可以制作出旋转镜头的动画效果了。有爱好的朋友不妨试一试。

非凡说明

我们为什么在第21帧插入要害帧，这是因为开始帧第1帧中的图形是有旋转角度的，结束帧第20帧的图形也是有旋转角度的，这样在移动一循环以后，就会出现缺少三棱锥正对着我们的那个场景，所以我们插入一个要害帧，把三角形拷贝到里面去。在视觉上给人已连续的效果。其实，利用flash制作这个效果是有很大的漏洞的。朋友们把帧频变得小一点就会看到的。第1帧和第20帧都是符合视觉规律的，但是中间又flash生成的补间动画却不符合透视原理，但是因为是高速运动，我们的眼睛发现不了罢了。

上一篇：{技巧}如何绘制平视效果的背景图？ 人气:2944
下一篇：{技巧}如何实现鼠标经过，水泡上升的效果？ 人气:3698

Flash视频教程