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