photoshop第二十四讲Image Ready基础

单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,*,第二十五讲 Image Ready基础,教学目的：学习Image Ready基础知识，使学生掌握Photoshop中动画的 制作。,教学重点： ImageReady的基本使用方法。,教学难点：如何自己创意一个平面动画。,1,一、web图像,1、文件格式（压缩）,文件格式是 图像存储的方法，同一图像不同的存储方法将会有不同的文件大小，所有图像浏览器都支持两种文件格式是：GIF和JPEG。这两种格式插入到用户的WEB页面中。这2种都是压缩文件格式，GIF属于无损压缩，JPEG属于有损压缩，他要比其他格式文件要小的多，但对图像的质量有影响,2,2、两种压缩文件的优化,（1） GIF文件,A、此格式能支持少于或等于256色的图像压缩格式，可方便地将图像从一台计算机传输到另一台计算机。,B、此格式可用于色彩、灰度或黑白图像文件,（2） JPEG,有损压缩，压缩后会改变原图，最好在压缩之前先复制一份。,3,二、Adobe ImageReady 简介,ImageReady 3.0是photoshop6.0中的一个应用软件，他具有网页图像制作处理和GIF,动画制作能力。,1、启动ImageReady 3.0,（1）单击菜单里的ImageReady 3.0或程序或按钮,（2）photoshop和ImageReady可同时都打开，同时编辑一个程序对文件做了修改，另一个程序也会相应改变。,（3）如只需要编辑网页图像，只要打开ImageReady即可，如打开photoshop会占用很大的内存,4,2、 ImageReady的基本使用方法,Photoshop有很多相似的地方,（1）工具箱：除了比Photoshop多“圆角矩形选取工具”和4个Image map工具以外其他都相同,A、圆角矩形选取工具的用法与Photoshop中的规则型选取工具用法相同,B、4个Image map和切片Slices的相同与不同,相同：他们都可将图形的一个区域或链接到一个URL,不同： Image map可在图像中创建椭圆形、多边形或矩形的链接区域，而切片却只能链接矩形的区域。当只需矩形链接区域时，最好使用Slices切片,5,（2）面版,动画、翻转、图像地图、切片是ImageReady特有的面版,3、使用ImageReady优化web图像,制作web图像最重要的一点就是在显示质量基本不变的情况下，尽量缩小文件尺寸大小，以此来减少图像的下载时间，这就是对图像进行优化。,（1）GIF格式图像的优化,重点要放在图像颜色的优化上。颜色数越多，图像的色彩就越丰富，图像文件也就越大。,（2）JPEG格式图像的优化,可通过设置他的压缩品质以及模糊来优化图像改变其文件大小,6,4、创建GIF动画,实例1、时光飞逝,2、迷人夜色,7,