网页制作实用教程 张淑清2 第五章

《网页制作实用教程 张淑清2 第五章》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、《网页设计实用教程》第五章第5章网页素材的定做——图像、动画与媒体本章通过对firework、flash的学习，要求掌握一些自己绘制、编辑、修改图像，以及制作简单动画的技术，并能够在后期的网页设计中，将各种媒体元素合理的安排到网页当中去。目标要求第5章网页素材的定做——图像、动画与媒体FireworksMX2004的学习（界面介绍——应用实例）FlashMX2004的学习（界面介绍——简单动画实例制作）媒体对象的插入和设置（插入面板的介绍——插入flash对象、声音对象）讲课提纲网页图像设计师——FireworksMX2004Fireworks既可以编辑网页图像，也

2、可以编辑Web动画。它的一个很大的优势就在于它将位图处理和矢量图处理合二为一，网页图像设计师们就无需在多种图像处理软件之间来回切换，大大简化了网络图形设计的工作难度。使用Fireworks不仅可以轻松制作出动感的GIF动画，还可以轻易完成大图切割、动态按钮、动态翻转图等。认识Fireworks的工作界面包含有选取工具、切片工具及各种编辑工具可在此绘制矢量图、处理位图可以控制路径、文字、图像、蒙板组、符号、文字沿路径排列、热点及切片等不同状态包含”历史记录”面板、“优化”面板”属性检查器”面板”动作”面板Fireworks应用实例静态网页图片制作1、设计导航图片2、制

3、作波浪型图片文字3、爆炸型图片效果的制作制作gif动画1、闪烁星星2、合成已有图片成为gif动画导出及优化图像设计导航图片新建并设置文档后，使用工具栏中的“文本”工具按钮，逐个输入图示中的文字，并用“指针”工具拖动文本框，调整各组文字的具体位置即可得到该效果。然后导出图片，调整切片后，保存即可。详细过程参照课本。制作波浪型图片文字爆炸型图片效果的制作合成已有图片成为gif动画导出及优化图像设计能够快速下载的优美的高质量的图像，在最大限度地保持图像品质的同时，选择压缩质量最高的文件格式。这种平衡行为称之为优化，即寻找颜色、压缩和品质的适当组合。利用“导出向导”，无需了

4、解优化和导出细节，可以轻松导出图形。FlashMX2004——网页动画制作专家——主界面FLASH的相关术语影片：影片是Flash中的最高一级结构，当打开Flash开始制作的时候，实际上开始了电影的制作过程。场景：组成影片的单位。每个场景可以是一个独立的影片。图层：场景中的空间层次，动画组件在不同图层上动作，但合起来在同一场景演出。帧：类似于电影底片上的每一格，每一格间的动作差异细微，播放时，利用视觉暂留，就产生了动画。按F5键可以插入一个帧。关键帧：是动画在进行变化的一个时间点。当想要让动画增加对象或是产生变化时，就要插入关键帧。按F6键可以插入一个关键帧。空白关

5、键帧：指没有任何内容的关键帧。一旦加入了内容而变得非空时，空白关键帧就转换成了关键帧。按F7键可以插入一个空白关键帧。元件：是指在Flash中创建的图形、按钮或影片剪辑，可以自始至终在影片或其他影片中重复使用。元件分为图形元件（可重复使用的图片）、按钮元件（在Flash中，所有的按钮都是元件）和影片剪辑（一段小动画，变成元件后，可随时播放）。按F8键可以将当前对象转换为一个元件。实例：将库中的元件拖入到场景中，场景中的这个元件就称为实例。时间轴面板时间轴面板是用来进行动画创作和编辑的主要工具。按照功能不同，可将时间轴分为两大部分：层操作区和时间控制区。制作简单的Fl

6、ash动画（1）变形动画也称补间形状动画，是指形状发生变化的动画，是Flash中比较特殊的插值动画。变形动画的原理是：在一个时间点绘制一个形状，然后在另一个时间点更改形状或绘制另一个形状。Flash会内插二者之间帧的值或形状来创建动画。一个变形文字（“壮族”变成“印象”）的制作过程渐变动画渐变动画也称动作补间动画，指在一个时间点定义一个实例、组或文本块的位置、大小和旋转等属性，然后在另一个时间点改变那些属性。渐变动画所处理的动画对象是场景中群组后的矢量图形、字符、引入的符号或者其他导入的素材对象。利用这种方法，可以对对象进行位置、大小、旋转、透明度等变换效果。路径动

7、画Flash有一个运动引导层，在这个图层里画一条移动路径，就可以让指定对象跟着路径自由移动。参照课本“星球运动效果”实例，练习制作路径动画。遮罩效果遮罩是通过设计任意形状的区域，让处于底层——被遮罩层的内容只能在该区域内显示。遮罩层的图形，在演示中是不显示的，它只是给定一个窗口，窗口的范围是遮罩图层图形的边沿所勾勒的范围。参照课本“探照灯动画”实例，练习制作具有遮罩效果的动画。星球运动的综合动画制作动画表现的主题是宇宙中发光的太阳、地球、月亮和星星以及它们运动的轨迹。用到的技术有逐帧动画、补间动作动画、引导层、遮罩效果等。整个动画分如下几个步骤（具体参照课本）：