24 网页动画.pptVIP

网页的前期制作 在互联网迅速发展的今天，网页制作的学习是必不可少的。作为具有吸引力的的传播媒介之一，图形图像资源在各个网站的内容中占据了重要的地位。本节课程主要讲解网页前期制作中的应用技术。 任务一、网页图像的输出格式 设置不同的图像格式，这样做的好处是可以加快网页的下载速度，减小文件的体积，制作其他网页效果等。并且可以大大提高网页制作的速度。 网页上常见的存储格式即web所有格式主要有以下几种： 任务二、网页图像的裁切 我们平时看到的一整张网页图像，实际上是由多个切片图像组成的，在网页制作过程中，切片图像的操作是关系网页成败的一项关键技术。所谓切片就是将原来的单一文件分成几个小文件，接着分别置入到网页排版软件里，然后再重新像拼图一样地拼在一起，使图像文件恢复原来的样子。这样做可以加速网页的开启和下载，更便于制作其他的动画效果。 任务三、网页图像的优化存储 图像裁切完后，要把裁切好的图像进行存储，分别保存为GIF、PNG、JPG等格式。然后再将最佳化设置的文件保存为网页，以供网页排版软件如Dreanweaver排版时使用。 任务四、利用切片实现网页链接 网页的连续浏览是通过页面中的链接实现的。比如说进入了搜狐网站的主页后，我们可以通过不同的链接进入到各个版块，也可以通过三、四级的链接进入到相应级的页面。 1、动画的制作原理： 先拍摄一些静止的、表现连续动作的画面（称为帧），然后通过放映设备把它们依次以较快的速度播放出来。 1）动画面版： 2）动画播放设置 3）动画的编辑 总 结 本节主要讲解了 Photoshop中动画的简介、启动与优化、切片及动画操作。 上 机 作 业 1、分切片优化图像 2、对图像的切片设置不同的链接 3、制作实例本节实例 * GIF ：一种无损压缩格式。图像原来是什么样子，压缩后还是什么样子。但是色彩只支持256色，比较适合于显示对颜色数目要求不高的卡通画及程序界面等。在处理透明图和对比鲜明的图像上具有独特的优势。 JPG：一种有损压缩的图像格式。 SWF：是目前最流行的一种矢量图格式。也是flash默认的文件格式。 利用“切片工具”选择内容，再用“切片选择工具”选择中属性栏“切片选项” 切片选项设置：指定切片数据出现在 Web 浏览器中的方式。 类型：图像或无图像 ①图像：切片区显示图像内容 ②无图像：切片区为非图像区，在浏览器中该区域将显示纯色或文字，由于不含图像数据，因此下载速度会更快。 URL：在网页中代表一个鼠标热点，单击该区域会链接到另一个网页，需输入超链接地址。 设置完毕， “文件/将优化结果存储为” ，保存类型为“HTML和图像”。 系统自动生成一个名为image的目录，存放了一个一个切片图像。 动 画 回到第一帧 回到前一帧 停止播放动画 播放动画 跳到下一帧 动画过渡帧 复制当前帧及创建新帧 删除选中的帧 A、播放延时：在动画播放中可以指定每一帧或者全部帧的播放时间。 B、播放次数：点动画面板下方“选择循环选项”按纽。 A、动画预览：在动画面板中设置好 播放次数，点 播放动画，然后点 停止播放动作。 B、动画优化和保存：可使用动画面板对动画进行优化，将动画优化完毕后，选择保存优化图像（保存 GIF格式）。 本节实例一、下雨动画 本节实例二、滚屏动画 本节实例三、制作动画字效果 本节实例三、图片滚动效果 蠕动线框动画的制作 *