Photoshop实用教程第10章.ppt

第10章网页制作
用于网页的图片
快速制作图片网站
本章主要内容:
用于网页的图片
图片网站
Photoshop应用的一个重要方面就是网页的制作,它包括制作网页所需的图片、动画图片及设计网页版面并进行切片。
用于网页的图片
用于网页的图片不同与普通图片的主要原因是,网页图片要求在保证图像质量的前提下,尽量减小图像文件的大小,从而减小网页显示的时间。因此,Photoshop为网页图片专门提供了切片、优化网页图片等功能。
图像切片
Photoshop提供的图像切片功能就是将图像按功能及需要划分为各个矩形区域,当保存为网页图片时,各个切片将作为独立文件保存。
切片类型
用户切片
基于图层切片
从图层制作切片时,切片区域包含图层中的所有像素内容,如果移动该图层或编辑其内容,切片区域将自动调整以包含新的像素内容。
编辑切片
查看、编辑切片选项
显示、隐藏切片效果
保存网页图片
一般保存网页图片
常用网页图片文件的格式有两种:GIF和JPG。一般情况下,GIF文件多用于单一颜色块而没有渐变色的图片,或者需要设置透明区域的图片,或者动画图片;JPG文件则用于要求质量较高的图片。如图10-6所示,左图应保存为GIF格式,右图应保存为JPG格式。
保存优化网页图片
制作翻转图片
翻转图片是网页中的一种效果,当鼠标在该图片上操作时图像呈现出不同的状态。如图10-13所示,左图为普通状态下的图片效果,右图为当鼠标移动到文字上时,文字呈现另一种效果。
制作动画图片
动画就是在一段时间内显示的一系列图像,每一动画画面叫做“帧”,每一帧较前一帧有轻微的变化,当连续、快速地显示这些帧时会产生运动的错觉。通过与Photoshop紧密相连的ImageReady软件,可以方便地制作动画图片。具体操作如下。