第讲 Photoshop的切片课件.ppt

《第讲 Photoshop的切片课件.ppt》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、教学目的：通过本课学习,掌握在Photoshop和ImageReady中创建图像切片的方法;掌握在ImageReady中如何创建图像映射,如何制作滚动按钮，并快速创建图片展示网站；掌握Web图像的优化及输出。本节主要内容：1、Web图像切片（重点）2、Web图像映射（重点）3、滚动按钮（重点）4、Web图像的优化输出（重点）任务一、Web图像切片切片是图像中指定的矩形区域，一个图像在未分割前，默认整个图像区域为一个自动切片，保存图像时该文件使用一种设置。优化的目的是在牺牲图像质量的前提下降低图像的容量以获得较快的浏览速度。在网上打开一个大尺寸

2、的图像时，为了更快更好地显示图像，可将其分割成多个切片，这些切片将大图分割成几个不同的功能区，当将原始图像保存成Web页时，每一个切片区将被独立保存。切片将保存各自不同的优化设置、色彩、超链接及动态按钮效果和动画效果。１、如何创建切片创建切片的方法有以下几种：①用切片工具在图像中创建切片②用图层创建切片③从选区创建切片（仅在ImageReady中）④从参考线创建切片（仅在ImageReady中）２、如何编辑切片切片的编辑包括：位置、大小的调整、切片重新划分或合并等。用切片选择工具对切片进行选择和移动：框选或按住Shift键点选切片可同时选择多

3、个切片（ImageReady中）用户切片与自动切片；３、切片选项设置类型：图像或无图像①图像：切片区显示图像内容，或动态按钮，默认②无图像：切片区为非图像区，在浏览器中该区域将显示纯色或文字，由于不含图像数据，因此下载速度会更快。背景：下拉颜色选框中为图像切片透明区（含非图像切片选区）选择一种填充背景色。只在浏览器预览才能观察到效果。名称：修改当前图像切片生成单独图像的文件名称。URL：在网页中代表一个鼠标热点，单击该区域会链接到另一个网页，就需在URL文本框中输入超链接地址。完毕后，执行“文件/将优化结果存储为”命令，保存类型选择“HTML

4、和图像”。系统自动生成一个名为image的目录，存放了一个一个切片图像。任务二、Web图像映射图像映射与切片相似，也能将图像某个区域映射到URL地址。即在一个图像中，可以设置称为热点的多个链接区域。1、如何创建图像映射有两种方法：工具来创建和从图层来创建2、编辑图像映射3、设置图像映射选项4、保存：方法同切片任务三、图像的优化输出在网页设计中的处理图像，目的是：“协调文件大小而降低图像的质量”。网页设计中最常用的图像格式是GIF和JPG。1、优化图像流行格式（1）GIF特点：文件容量小；能制作透明部分；支持动画；缺点：表现的颜色数只有256（

5、8）位，不适合用于表现像照片一样有着连续而丰富色调的图像，只适用于如插图或标识（LOGO）图片等色彩简单或线条分明的图像。（2）JPG特点：可以表示24位真彩色，常用来表现色彩丰富的图像，且用户可以把图像保存为任意的压缩比例。缺点：压缩率越高，文件越小，但图像的质量损耗也越多。2、图像的优化图像窗口的4个选项卡：原稿：显示原始图像；优化：根据设置及时显示优化了的图像；双联：出现原稿和优化的两个窗口，分别显示原图像和经过优化的图像，用户可以方便对比两个图像；四联：出现原稿和3个设置不同的优化图像的窗口，用户可以同时对4个图像进行比较，选择最满意

6、的一幅。（1）优化成GIF格式针对图像中的色彩数目较少的图像。选择双联模式，将图像格式设置为GIF，色彩数目设置为4色，文件大小将被优化压缩。设置完成，执行“文件/存储优化结果”或“文件/将优化结果存储为”，即可。（2）优化成JPG格式针对图像色彩较丰富的图像。即使图像已经是JPG格式，还可将其进行压缩。将图像显示四联模式，将图像格式设置为JPEG，品质设置为2，虽然牺牲了一些图像品质，但图像大小被减少许多，在网上的传输时间也缩短。注：具有透明背景的图像一定要用GIF格式保存。PNG格式也是目前网页上常用的图像格式。由于它是一种新开发的文件格

7、式，需要浏览器软件的支持才可以正常浏览。总结：介绍了在Photoshop和ImageReady中创建图像切片的方法如何创建图像映射，如何制作滚动按钮，如何快速创建图片展示网站，Web图像的优化输出。上机作业：练习本课中所讲述的内容。制作变色的小汽车制作转动的地球效果