《第三章车门flash的表现方法和制作》由会员分享，可在线阅读，更多相关《第三章车门flash的表现方法和制作（22页珍藏版）》请在金锄头文库上搜索。
1、第三章第三章 车门车门flash的表现方法和的表现方法和制作制作 做车门主要用到动画补间功能移动对象，flash中最常用的就是动画补间。使用这种功能可以非常容易地制作出流畅的动画。 还有用到一些简单的actionscript，actionscript是flash的脚本（简化的程序）语言，是一种面向对象的编程语言。使用actionscript可以通过设置动作来创建交互动画。这里主要用到“play”；“stop”；“gotoandplay”；“gotoandstop”。一、内藏钳入式对开侧移门的制作方一、内藏钳入式对开侧移门的制作方法和要点法和要点（1）先分析内藏钳入式对开侧移门有那些是动的，那些
2、是不会动的，有多少个动的元件。（2）先把完整的车门画出来，如下图。 再将动和不动的分开，不动的都画在一个图层里，如下图。 可动的元件可以分为标示；车门的左门和右门；俯视车门的左门和右门；活塞。如下图。标示左门右门俯视车门的右门俯视车门的左门活塞 最好把每一个动的元件独自放在一个图层，这样可以方便表示每一个元件的动作。 现在就说说怎样可以把车门可以做到会动的，其实原理就是之前所说的动画补间功能。（1）先把画好的车门（左、右）添加到库里，现在库中已经有“车门左”和“车门右”这两个元件，这时先把车门放到适当地方（处于关闭状态）。（2）创作补间动画 单击选取时间轴上的第1帧，然后选择创建补间动画。有两
3、种选择方式，一是在时间轴上单击右键，然后在帧的快捷菜单中选择；也可以执行“插入时间轴创建补间动画”命令。接下来选择结束的那一帧，我这里就选择了25帧。帧数越少，动画就越短（也可以在“文档属性”对话框中更改设置）。简单的说，就是如果把物体移动相同的距离，帧数越少，动作的就越快。另外，帧数越少，动作就会比较僵硬。相反，帧数越多，动作会比较流畅。因为这个flash是20帧车门开门的时间是2到3秒，所以我取了中间值2.5秒。（3）插入关键帧 在时间轴面板上选择第25帧以后，可以用两种方法插入关键帧。一种是执行“插入时间轴关键帧”命令。另一种方法是在时间轴上单击右键，在弹出的快捷菜单中选择“插入关键帧”
4、。时间轴上1帧到25帧上会出现箭头。确定第25帧已经被选中后，就可以用选择工具或部分选取工具选中车门，将它移动到两边的适当位置。这时如果同时按住键盘上Shift键，再进行拖动的话，就会沿着笔直的路线移动。 按照上述操作就可以完成开门的动作了，操作时的图片如下。第25帧的动作第1帧的动作创建补间动画完成后的效果 开门的动作都是第1帧到第25帧，除了门叶开的动作还有俯视门叶的动作和活塞在气缸伸缩的动作。关门是从第25帧到第60帧，也就是3.5秒。其实原理都是利用了动画补间功能，操作基本一样。但是有一个要注意的是气缸的图层要在活塞上面，因为气缸的图层在活塞图层上才可以遮盖到活塞伸缩的部分。如下图。关
5、门是从第25帧到第60帧，也就是3.5秒。 这样内藏钳入式对开侧移门就基本完成了。现在先看看我用的图层吧。 要解释一下第一和第二图层，第一层可以看到“open”和“close”这个时间段内运行的脚本。先说怎样给帧编写“open”脚本，会编写“open”脚本就会“close”的。 首先，要在act图层的第1帧插入关键帧，下面编写使动作播放结束的帧动作“stop()”。在第25帧处插入关键帧也在下面编写使动作播放结束的帧动作“stop()”。在act图层中点一下第1帧到第25帧之间随便一个帧，然后下面属性选项中“帧标签”处写上“open”。至于“close”就是从第25帧到第80帧之间，然后也同样
6、在然后下面属性选项中“帧标签”处写上“close”。这样就可以完成了。 为什么要在第1帧和第25帧处选择动作脚本“stop()”呢？主要的原因就是因为“开门”和“关门”的两个按键，开门按钮的动作脚本是意思就是说“按下按钮，就会转到open帧并播放” 这样按下开门的按钮就会播放开门的所有动作，在第1帧和第25帧处选择动作脚本“stop()”就不会重复的播放。 左边是关门按钮的动作脚本，意思就是“按下按钮，就会转到closen帧并播放”“开门”和“关门”这两个按钮的所有内容都在btn这个图层里。二、外侧移门、塞拉门和外摆式二、外侧移门、塞拉门和外摆式车门的制作要点车门的制作要点 外侧移门、塞拉门和
7、外摆式车门基本制作和内藏钳入式对开侧移门基本一样，所以说说难解决的问题就可以了。 1.因为外侧移门与内藏嵌入式对开门的区别仅在于开关车门时，门翼均处于侧墙的外侧，而车门驱动机构工作原理与内藏嵌入式对开侧移门相同。所以基本制作是一样的。 2.塞拉门的俯视图就比较复杂一点，因为要用到引导线。 之前介绍的动作补间只能沿着直线运动，如果使用运动引导图层就能够使对象沿着自己希望的轨迹进行运动。使用这项功能可以使对象更加平滑和自由地运动。 深黑色的线就是引导线，播放时不会显示出来的。（1）添加引导图层并绘制轨迹 为了使实例在指定路径上移动需要添加引导图层。执行“插入时间轴运动引导层”命令，或者单击“添加运
8、动引导层”按钮。这样就在当前图层的上层添加了引导图层。把引导图层设为当前图层。在这种状态下，用线条工具、钢笔工具或铅笔工具画出实例要移动的轨迹（绘图工具没有特殊限制，只要能画出对象就可以）。（2）制作动画补间 画完轨迹之后，选择动画结束的那一帧（本图是第60帧），并在引导图层中插入关键帧。然后把“Ce_r”（也就是俯视的右门叶）这一层设置为当前图层，并选取第一帧。执行“插入时间轴创建补间动画”命令，然后在第60帧处插入关键帧，创建补间动画。 后退一帧，把“Ce_r”移至运动向导的起点附近， “Ce_r”就会自动紧贴在运动引导线上了。然后在回到第60帧，把“Ce_r”移至运动引导线终点，这样就可
9、以做成使对象沿着指定路径圆滑移动的动画。其他得引导线也是同样的做法。3.外摆式车门的制作都会用到之前所说的引导线和补间动画，只要熟练这两个操作就没有什么难度的，但主要了解外摆式车门各个零件的动作。之前我就是因为不明白各零件的动作所以要作出多次修改才能做出来。三、做三、做4个车门的困难个车门的困难在做flash之前我因为对车门动作原理很不了解，所以觉得只要做到两扇动就可以了，但是当我第一次交给曾老师看的时候就发现许许多多的问题，例如：1.每个门的气缸都没有动作；2.内藏钳入式对开侧移门有画少了导轨、气缸的活塞又没有表现出来；塞拉门就画少了个气缸，俯视图中的固件 的动作没有表现出来;3.外摆式车门
10、中的俯视图支架中的转点又弄错了，四、车门的气功控制原理图的制四、车门的气功控制原理图的制作作 车门的气动控制原理图我觉得是最难最复杂的，因为图层比较多，所做的工序也比较多。而且要想办法把开门和关门的原理说明白，让观看这个flash的人明白。所以我做原理图所用的时间最多。 在制作空气流程时候我用了蓝色直线来表示。蓝色直线不断地拉长，这是我用了flash的动画补间功能的缩放对象。 使用动画补间动能不仅可以移动对象，还可以很容易地对其进行缩放操作。由于flash使用矢量图形和流式播放技术，所以可以任意缩放尺寸而不影响图形的质量，始终保持比较柔和的曲线。现在就以其中的一段空气流程为例子说明一下。现在就
11、以其中的一段空气流程为例子说明一下。 制作“蓝色线条”的动画补间动画。先单击工具选项中的“线条工具”按钮，在第1帧画出“蓝色线条”，把它的长度画到所需要的最长长度。然后选择第18帧，执行“插入时间轴关键帧”命令。这样第1帧的那条“蓝色直线”就会复制到第18帧。执行“插入时间轴创建补间动画”命令。现在选择第1帧，单击工具选项中的“缩放”按钮，在线条周围就会出现控制手柄。按住下方的手柄，向中间拖动，这时候“蓝色线条”变成最短了，在把它移动到开始拉长的地方，这样就可以完成一条直线的拉长了。其它的都一样。 还要介绍一下的就是遮罩层和被遮层用这两个图层就可以轻松做出下面的效果了。 遮罩层：这一层上所画的
12、对象的形状被用做遮罩。 被遮罩：如果这一层上有遮罩图层，那么这一层上的对象将被按照遮罩层图层中的对象形状来剪切。可以添加多个被遮罩图层。首先新建一个图层，然后右键把它设置为遮罩层，这时候我们可以在第一帧画上图1，这图是没有边框的，我们可以把边框剪切出来。再新建一个图层，这时下遮罩层一下的都是被遮罩图层，现在可以把之前剪切的边框用上了，把边框与之前的填充色对好，然后用“颜料桶工具”把边框里染成红色。这时边框就没有用了。图2。最后在遮罩层下再建一个被遮罩层，这一层就是蓝色慢慢遮盖下面那层红色的，可以用到之前说到的动画补间功能缩放对象。做法也是一样的。我们把上面的3个图层都放到活塞图层下就完成了。图 1图 2
