第15章 网页中动画高级应用.pptVIP

第15章 网页中动画的高级应用 在网页中动画必不可少，而且被大量的使用着，这就要求我们在学习网页制作过程中重点掌握的其中一块内容就是动画。关于动画的制作及相关内容，在前面的章节中已经有所涉及，这里针对动画的一些较复杂的内容的制作方法和应用进行介绍。 15.1 复杂元件 保持一个开放的思想，同时为了实现你的思想不断地探索新的方式，这是对于动画制作的善于创新的要求。对于可视化你要做的东西，试验不同的角度和方式，尝试不同方式的组合，这就要求你事先作好计划。然后，就是查看下载大小和渲染速度，并了解你的观众。这些是动画制作的要点，在上述内容的基础上，我们可以更深层次的进行动画制作了。 15.1.1 复杂元件的制作 制作应用于网页中的动画，往往需要有构成动画的元件。元件制作的成功与否，直接关系到动画效果的好坏，因此对于它的制作非常重要。其实，元件有时是很简单就能实现的，比如由圆、线和色彩等一些元素组成。但是，如果想将它创建的成功，就需要费思量了。尤其，元素可以构成简单的元件，也可以构成复杂的。同样是元件，复杂程度同样决定着动画的动态应用后的效果。如图所示，分别是关于元件的截图。 对于简单的元件制作前面的章节中已经有所涉及，这里针对一些较复杂的元件，通过具体实例来向大家介绍它的实现与操作方法。 1．Deco工具简单应用 Flash制作有关的动画，需要先制作元件，元件的制作方法不止一种，你可以借助它的工具，结合属性来实现的。首先，这里介绍的是Deco工具，以及它的相关应用。如图所示，是一实现的模仿星空的效果截图。 （1）藤蔓式填充效果 Deco工具被经常用来制作一些复杂形状的元件。它主要有如下效果：藤蔓式填充、网格填充、对称刷子、3D刷子、建筑物刷子、装饰性刷子、火焰动画、火焰刷子、花刷子、闪电刷子、粒子系统、烟动画、树刷子。关于藤蔓式填充效果它的操作方法，具体如下： （A）工具 （B）绘制效果 （C）高级选项 （2）网格填充效果 在工具面板中，同样使用Deco工具。接着，对该工具的属性面板中的相应的内容进行设置。选择“绘制效果”为网格填充，分别对其中的平铺选项进行颜色调整，并对“高级选项”进行变更，如图是应用网格填充实现的绘制效果。 （3）对称刷子效果 对称刷子效果，它的实现方法是，使用Deco工具，在属性面板中，选择“绘制效果”为对称刷子，同时调整合适的颜色，并对“高级选项”进行设置，即可应用。如图是应用对称刷子实现的绘制效果。 2．时钟元件制作 在了解了Flash中相关工具的应用与效果实现理论后，下面，通过一个简单的元件制作的操作方法的介绍，来帮助进一步掌握。关于时钟元件，就是应用了“对称刷子”效果，再辅以简单的操作实现的。其详细内容如下： 首先，在工具面板中选择“Deco工具”，同时选择属性面板中的绘制效果为“对称刷子”。在舞台绘制图案，可得如图所示的效果。 接着，在上述完成图案的基础上，在工具面板中选择“文本”，分别在十二个点的下方添加数字1~12，标注时钟刻度，如图所示。 最后，在工具面板中选择直线，分别在时间刻度的相应位置，进行钟表中分针和时针的绘制。这里在绘制过程中因为分钟要长于时针，可以通过橡皮擦进行的长短调整。最终绘制完成后，可得如图所示的效果。 15.1.2 复杂元件的添加 复杂元件的添加，只是元件的复杂程度加深了，也就是制作难度增加了，它的添加方法还是一样的。具体参照前面章的动画中的元件添加方法。 15.2 创建复杂动画 Flash用于创建动画，大家都已经认可它了。但是，因为动画效果实现的需要，有时动画创意在设计时比较复杂，连带的它的创建方法也就相较于要复杂的多。这一节，将详细介绍有关复杂的动画的相关内容以及制作。 15.2.1 关于动画制作 计算机动画有不同的形式，但大致可以分为二维动画和三维动画两种。 如图所示，是一动画截图，在接下来的内容中，将通过几个实例，讲述有关于具体的动的实现效果的相关操作。 15.2.2 引导层效果的实例应用 一个基本“引导层路径动画”由两个图层组成，上面一层是“引导层”，引导线是一种运动轨迹，下面一层是“被引导层”中的对象可以是影片剪辑、图形元件、按钮、文字等，但不能是形状，图标与普通图层一样。这里通过一实例，详细介绍引导层在动画效果中的具体应用与操作方法。 如图所示，是应用引导层制作完成的Flash动画效果。这里通过小球围绕大球转动的效果，常被用于带有运动轨迹的这一类动画的操作与控制方法。它的实现，正好体现了引导层的相关作用以及所涉及的内容。 1．大球的制作 2．小球的制作 3．引导层 15.2.3 遮罩层效果的实例应用 遮罩动画是Flash中的一个很重要的动画类型，很多效果丰富的动画都是通过遮罩动画来完成的。在Flash的