Photoshop╲t第20讲Image Ready.ppt

Image Ready 主讲教师：张丽娟 杂色、像素化、渲染、锐化、素描、风格化、纹理、视频等滤镜组的使用方法。 学习目标 掌握动画，切片，图像映射和翻转的基本操作且能制作一个个人主页。 重点难点 动画（难点） 切片（难点） 网页常用三种格式（PNG,GIF和JPEG) （重点） 优化（重点） 任务一、认识Image Ready工作界面 只能处理RGB的图像。 Photoshop CS与Image Ready的区别 Photoshop CS与Image Ready在网页图像设计方面各有所侧重：Photoshop CS主要用于创建、设计以不同压缩方式优化输出图像或网页格式图像，而Image Ready除了以上功能外，还含有一些高级Web图像的制作功能：如动态按钮、切片、图像映射和动画。 界面异同点 菜单栏 工具箱 调板 常用编辑的异同点 新建 保存 撤消 任务二、动画 动画的工作原理是：将一系列表现连续动作的静止画面（动画中称为帧）按先后顺序排列在一起，当以一定的速度（8~24帧）在播放设备上逐个播放时，由于人眼的视觉暂留现象，所看到的就是连续的动作画面而不是静止画面。即在一定时间内显示一系列的画面或帧。 动画的分类 逐帧动画：利用每一层作为一帧,更改每帧的内容和时间间隔,来产生动画。产生围绕曲线,角度,由小到大等较为复杂的动画。（手功调整因只有一层只能进行位置与一定角度更改） Ctrl+Shift+Alt+T 从图层建立帧匹配 过渡动画：利用第一帧(关键帧)和最后一帧,自动产生一系列帧来产生动画.只能产生较为简单位置更改的动画. 更改动画的播放速度和次数 在IE中浏览动画和将动画设为墙纸 任务三、切片 在网上打开一个大尺寸的图像时，为了更快更好地显示图像，可将其分割成多个切片，这些切片将大图分割成几个不同的功能区，当将原始图像保存成Web页时，每一个切片区将被独立保存。 切片是图像中指定的矩形区域，一个图像在未分割前，默认整个图像区域为一个自动切片，保存图像时该文件使用一种设置。 切片将保存各自不同的优化设置、色彩、超链接及动态按钮效果和动画效果。 任务四、图像映射 图像映射与切片相似，也能将图像某个区域映射到URL地址。即在一个图像中，可以设置称为热点的多个链接区域。 图像映射的作用 图像映射主要是用来加快图片下载和登陆的速度且可建立超链接和自定义相关信息。 如何创建图像映射 有两种方法：工具来创建和从图层来创建 图层－新建基于图层的图像映射 编辑图像映射 设置图像映射选项 保存：方法同切片 图像映射和切片的异同点 切片只能是矩形,而图像映射可以为任意形状 在存储时,切片是以切片为单位来存储图像的,而图像映射是作为单一图像存储的。 任务五、翻转 翻转的定义 所谓翻转就是因鼠标的不同位置和不同的操作而产生不同的变化 翻转的制作 Over: 鼠标经过图像时状态 Down:在图像上按下鼠标时的状态 Selected:按下鼠标松开后的状态 Out:鼠标在图像区外时的状态 任务六、图像的优化输出 优化的目的是在牺牲图像质量的前提下降低图像的容量以获得较快的浏览速度。 网页设计中最常用的图像格式是GIF和JPG。 GIF特点 文件容量小 能制作透明部分 支持动画 缺点：表现的颜色数只有256（8）位，不适合用于表现像照片一样有着连续而丰富色调的图像，只适用于如插图或标识（LOGO）图片等色彩简单或线条分明的图像。 JPG特点 可以表示24位真彩色，常用来表现色彩丰富的图像，且用户可以把图像保存为任意的压缩比例。 缺点：压缩率越高，文件越小，但图像的质量损耗也越多。 总结 通过本节课的学习我们了解并掌握了以下内容： 动画的制作 切片与图像映射的异同点 网页常用三种格式（PNG,GIF和JPEG) 存储优化 上机任务与作业 制作本章所有动画实例。 LOGO 第21讲 回顾 案例1：模糊动画效果 案例2：打字效果 案例3：幻灯片效果 案例4：图片切换效果 案例5:动态月亮 案例6:跳动的文字 案例7:文字滚屏特效 案例8:时钟 案例9:蝴蝶