Photoshop实用教程第10章.ppt

第10章 网页制作 10.1 用于网页的图片 10.2 快速制作图片网站 本章主要内容： ?　用于网页的图片 ?　图片网站 Photoshop应用的一个重要方面就是网页的制作，它包括制作网页所需的图片、动画图片及设计网页版面并进行切片。 10.1 用于网页的图片 用于网页的图片不同与普通图片的主要原因是，网页图片要求在保证图像质量的前提下，尽量减小图像文件的大小，从而减小网页显示的时间。因此，Photoshop为网页图片专门提供了切片、优化网页图片等功能。 10.1.1 图像切片 Photoshop提供的图像切片功能就是将图像按功能及需要划分为各个矩形区域，当保存为网页图片时，各个切片将作为独立文件保存。 10.1.1.1 切片类型 10.1.1.2 用户切片 10.1.1.3 基于图层切片 从图层制作切片时，切片区域包含图层中的所有像素内容，如果移动该图层或编辑其内容，切片区域将自动调整以包含新的像素内容。 10.1.1.4 编辑切片 10.1.1.5 查看、编辑切片选项 10.1.1.6 显示、隐藏切片效果 10.1.2 保存网页图片 10.1.2.1 一般保存网页图片 常用网页图片文件的格式有两种：GIF和JPG。一般情况下，GIF文件多用于单一颜色块而没有渐变色的图片，或者需要设置透明区域的图片，或者动画图片；JPG文件则用于要求质量较高的图片。如图10-6所示，左图应保存为GIF格式，右图应保存为JPG格式。 10.1.2.2 保存优化网页图片 10.1.3 制作翻转图片 翻转图片是网页中的一种效果，当鼠标在该图片上操作时图像呈现出不同的状态。如图10-13所示，左图为普通状态下的图片效果，右图为当鼠标移动到文字上时，文字呈现另一种效果。 10.1.4 制作动画图片 动画就是在一段时间内显示的一系列图像，每一动画画面叫做“帧”，每一帧较前一帧有轻微的变化，当连续、快速地显示这些帧时会产生运动的错觉。通过与Photoshop紧密相连的ImageReady软件，可以方便地制作动画图片。具体操作如下。 10.1.4.1 基于图层制作动画 10.1.4.2 使用过渡帧制作动画 使用“过渡帧”功能可以自动添加或修改两个现有帧之间的一系列帧，均匀地改变两个现有帧之间的属性，以得到运动的效果。 10.2 快速制作图片网站 Photoshop可以将指定文件夹中的图片快速制作成图片网站，它包含缩览图图像的主页和若干包含全大小图像的图片页，每页都包含链接，使访问者可以在该站点中浏览（如图10-38图10-39所示）。 10.2.1 制作图片网站 10.2.2 自定义网站样式 除了使用Photoshop预定义的网站样式，用户还可以通过编辑一个或多个HTML模板文件，自定网站样式。 *