因特网应用技术基础-交互式动画技术.pptVIP

苏州大学计算机工程系 黄斐 第7章 交互式动画技术 Internet应用技术基础 7.1 动画制作原理 动画的设计与图像设计处理类似，首先要确定主题创意， 其次是应用或播放环境，并由此确定动画设计用的软件编辑工具， 然后才是素材处理和编辑过程。 变形动画 变形指景物的形体变化，它是使一幅图像在1~2秒内逐步变化到另一幅完全不同图像的处理方法。 这是一种较复杂的二维图像处理，需要对各像素点的颜色、位置作变换。 变形的起始图像和结束图像分别为两幅关键帧，从起始形状变化到结束形状的关键在于自动地生成中间形状，也即自动生成中间帧。 变形动画 1．关键帧选取：选择两幅结构相似、大小相同的画面作为起始和结束关键帧，这样才能比较容易地实现自然、连续的中间变形过程。 2．设定关键帧特征结构：在起始和结束画面上确定和勾画出各部分（主要轮廓）的结构对应关系，也即从起始画面上的一个点变到结束画面上的另一个对应点的位置，这是变形运算所需要的参数。 变形动画 一种特例是起始帧就是结束帧的背景图，起始帧上所有的对应点都位于画面中心，结束图帧上的点对应于图的前景轮廓。 生成的动画效果是结束帧的图像前景逐步地放大，效果很象摄影中的推镜头。 7.2 渐变动画处理 Flash 5渐变动画就是首先插入的关键帧，然后由计算机通过计算得到中间各帧的动画类型。 在 Flash 5中有两种渐变类型， 第一种是移动渐变，这是通过初始帧和终止帧中对象的位置计算得到中间各帧中对象位置的渐变类型； 第二种是形状渐变，这一渐变类型就是通过初始帧和最后一帧的形状计算中间各帧的形状，从而产生连续的变形动画。 7.2.1 图片对象编辑 Flash 5提供了直接导入位图图片功能，而且提供将位图变为矢量图的转换工具； 同时对于输人的位图图形还可作为填充物来填充别的图形。 利用该功能就可以导入许多美丽的风景画，还拓宽了网页素材的来源。 用位图影像绘画 导入的位图可以将其作为填充用的元素， 位图是作为一个整体导入的，Flash 5将导入的图片看作是内嵌对象，不能对其实施编辑，当然也不能将其用作绘图的素材，即填充。 如果想使用位图作为填充，首先要将其分解组件，分解组件后的位图就可以作为填充物填充在一个封闭的区域里，分解组件是用位图影像绘画的第一步。 7.2.2 动画制作初步 帧是指动画中的一幅画面。实际上动画是根据人眼的视觉暂留原理产生的。每秒24帧以上的画面，将使人眼产生连续的感觉。 在Flash中普通的帧是由软件本身绘制的，不需人工干预，只要控制Flash按照什么准则绘制即可，但是必须有一些帧是由用户自己绘制的，这些帧我们称之为关键帧。 关键帧 关键帧控制了动画变化前和变化后的结果（比如移动、旋转、变形、变色等） 一个动画至少有两个关键帧，对应初始状态和最终状态，关键帧越多，动画将越精致， 一般每10~15帧设置一个关键帧是比较适宜的。 空白关键帧 如果要删除、插入帧和关键帧，只需在时间轴的帧数刻度上单击鼠标右键，调出快捷菜单，选择相应的选项即可。 通常，关键帧在时间轴上以实心小圆点来表示。当关键帧里的对象被删除后，关键帧也就成为空白关键帧了。 层 层是各种图形对象、组件或是动画等可视对象的载体。 我们可以在层上添加这些对象，并通过对上、下层的属性来达到预期效果。 Flash动画实例 1．移动渐变动画 (1) 移动的小球:jex7_1.fla (2) 转动的圆盘:jex7_2.fla Flash动画实例 2．形状渐变动画 （1）文字放大:jex7_3.fla （2）矩形变椭圆:jex7_4.fla Flash动画实例 2 ．形状渐变动画 （3）添加形状提示 选择“修改→转换→添加形状提示”命令，每执行一次该命令添加一个暗示点，暗示点用带圈的小写字母表示。:jex7_4_1.fla Flash动画实例 3．影片中添加声音 如果没有独特的声音效果、动感的节奏、优美的旋律， Flash 5动画的感染力将大大减小，视觉与听觉的完美结合才能创造出优秀的多媒体效果，从而可以更具有感染力。 Flash 5要求先将声音文件输入到电影文件的库中，然后才可以将声音文件加入到不同的帧中。 Flash动画实例 3.影片中添加声音 选择“文件→导入”命令可以输入WAV、MP3等几乎所有格式的声音文件到Flash 5中，在库中保存的声音文件与普通的组件在管理方式上没有什么大的区别， 可以通过与组件相同的操作方法来进行删除、改变名称和更新等操作。将声音输入到文件的库中以后，就可以使用这些声音了。 4.使用realplay播放声音 Email.html 7.2.3 影片中的图层 1．使用运动轨迹层 Flash提供了运动轨迹层，这种图层在输出电影时并不输出，它只为其他图层中的物体提供运动方向的向导。 下面通过一个具