搜索
第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模板文件，自定网站样式。