《ps教程讲动画》PPT课件.ppt

第十九讲 ImageReady7.0,本课主要内容:,1、历史记录 2、动作 3、网页设计与应用 4、动画制作与输出,任务一 历史记录,对于一些不适合的操作Photoshop CS2提供了反悔的机会。 从历史记录控制面板，可以从当前工作状态切换到最近创建的任意图像状态。 每次更改图像时，图像的新的操作都添加到该面板中。,任务二 动作,1、定义：所谓动作，类似于其它Windows 软件的宏操作，即可将图像处理中经常要做的一系列命令操作像录制宏那样录制为单个动作，以后就不用手工一步一步地制作而是按所录制的动作自动对图像进行处理。,2、动作的编辑： 载入动作 单击动作面板中的三角形选择“载入动作”命令 执行动作 在动作面板中选择相应的动作再单击动作面板下方的执行按钮。 录制动作 打开当前的操作图像文件 创建新工作序列 创建新动作 录制动作 停止录制,编辑动作 动作中的操作命令顺序调整 序列、动作命令的复制与删除 序列或动作的重命名 序列的存储 动作的替换 清除动作 在动作中添加新命令，只需单击记录按钮，执行一遍新命令 修改动作中的命令参数（重新记录）,利用动作制作的图案,任务三 ImageReady概述,1、ImageReady CS2是photoshop CS2中的一个应用软件，他具有网页图像制作处理和GIF动画制作能力。,2、ImageReady的使用方法 A、工具箱：除了比Photoshop多“圆角矩形选取工具”和4个Image map工具以外其他都相同 B、圆角矩形选取工具的用法与Photoshop中的规则型选取工具用法相同,C、Image map和切片Slices的相同与不同 相同：他们都可将图形的一个区域链接到一个URL 不同： Image map可在图像中创建椭圆形、多边形或矩形的链接区域，而切片却只能链接矩形的区域。当只需矩形链接区域时，最好使用Slices切片 D、动画、翻转、图像地图、切片是ImageReady特有的面版,任务四 网页设计与应用,1、切片是根据图层、参考线、精确选择区域或切片工具创建的图像区域。 2、使用切片来分割图像可使其下载速度更快、图像质量更好,3、创建切片的方法： 通过切片工具创建切片 通过参考线创建切片 通过图层创建切片 通过选区创建切片,图像映射,1、图像映射与切片相似，也能将图像某个区域映射到URL地址。即在一个图像中，可设置多个链接区域，使其与文本文件、图像文件、声音文件、视频文件或其它网站链接，还可以在图像映射中创建动态按钮效果，当将图像存为Web页时，会自动产生HTML文件。,2、图像映射可在图像中创建圆形、多边形、矩形的链接区，如果要创建矩形链接区，采用切片的方法要比图像映射的方法会更好一些。,翻转面板,1、使用翻转调板和图层调板相结合，用来给Web页面增加动态效果。,2、 Over：用来定义当Web浏览者使用鼠标经过该 区域时（此时并没有按下鼠标键）的状态。 Down：用来定义当Web浏览者在该区域上单击 鼠标时的状态（只要浏览者一直在该区域上按 住鼠标键，这个状态就一直保留）。,Click：用来定义当Web浏览者在该区域上单击鼠标时的状态（浏览者单击鼠标后，这个状态一直保留到浏览者激活另一个状态）。 Out：用来定义当Web浏览者将鼠标从该区域上移开时的状态。 Up：用来定义当Web浏览者经过该区域时松开鼠标键时的状态。 自定：用来定义一个新的翻转状态,任务五 动画制作与输出,1、动画是将一系列的图像或帧，通过一个时间段进行显示，由于每个动画帧都和前一帧有所不同，所以所看到的就是连续的动画效果。,2、动画文件只有存储为GIF格式才能在浏览器中正确播放，因此动画文件输出前首先要对其进行优化设置，如果将含有动画的文件优化成JPG或PNG格式，ImageReady就不能产生HTML编码，结果在浏览器中只能看到动画第一帧的图像。,