PS情境4学生手册.docVIP

Photoshop学生手册（一） 学习领域 Photoshop 总学时 108学时 学习情境4 动态特效制作 学时 18学时（810分钟） 学习子情境 4.1 PS网页动画元素制作 学时 2学时（90分钟） 学习地点 多功能机房（机房+投影仪） 任务描述 下载GIF动画图像、掌握ImageReady基本操作、PS网页动态按钮、 教学重点 ImageReady基本操作作 教学难点 图像的优化 教学条件 多功能机房、电脑（P4以上）、Photoshop软件、网络教学课件 教学方法 项目教学法、任务驱动法、角色扮演法、案例分析、引导文教学法 工作环境准备 一、搜集相关PS制作网页动画元素资料 二、本次任务是了解GIF动态图像和网页动画元素并熟悉C操作界面 三、从网上下载相关GIF动态图像和启动ImageReady cs操作界面 教学分析设计 一、任务理解： 对Photoshop、网店装修有一定了解，但对网页动态元素还有点陌生,那么即刻动手，打开ImageReady cs，打造您的个人的个性动画. 二、需求分析： 这是学生第一次接触用PS制作动态效果，因此本次任务的核心就是使学生能够具备基本的ImageReady cs操作技能。要进行网店动态图像的装饰设计和制作，首先需要了解用用PHOTOSHOP及ImageReady cs创建动画效果的方法 三、方案设计： 先下载相关动态图像,激发学生学习兴趣,再进行操作设计 四、关键技术： ImageReady优化图像 实战训练 一、下载图片资料 动画图片的原理，也是一样的，就是一张张拼凑起来的。好，这个就是关键图片要动，是拼起来的图在切换！我们把动画里的每一张图叫帧，一个动画gif文件就是由多张帧(图片)组成的。? ? 随便从网上找个动画gif 文件，使用imageready 打开，然后点那播放看看留心几点：? ?1、前一张帧与后一张帧的变化，主要是动作的连接性。? ?2、时间上的间隔，由于gif 动画特性，不可能和看电视那样流畅，但，我们可以利用人眼的映像停滞性，减少一些不需要的帧（或者，你可对前后两张帧，尽量在时间差上做点工夫）。? ?3、不断的参考好的作品，一般是在流畅性上，画面内容就看你自己的工夫了。小图片的话，还要留心一下颜色数量方面的调整，清晰方面的问题。ImageReady主窗口 1．优化面板 通过该面板，可以对Web图像进行优化处理，ImageReady允许用GIF、JPEG、PNG-8、PNG-24等格式进行优化。 2．切片面板 对于用切片工具创建好的切片，用切片面板可以设置URL（链接对象）、尺寸、背景、状态栏信息等。 三、使用ImageReady优化图像 1.优化Web图像的基本步骤 （1）ImageReady中打开需要修改的图像文件，用裁切工具裁切图像，只留取需要的部分。 （2）执行“图像→图像大小”命令，将图像规格设置为需要的大小。 （3）单击图像窗口的“四联”标签，图像窗口将出现4个在不同格式（或压缩比）下的预览图像，可以根据每个图像底部的信息初步作出压缩比的选择。 （4）如果要对初步选择的压缩图像进一步修改，可以先单击该图像的压缩预览窗口，然后修改优化工作面板的各选项。 （5）单击预设列表右侧的按钮打开一个对话框，用来保存优化设置的各个设置参数，如文件格式、颜色工作面板、品质信息等。 （6）位于预设列表下面的是文件格式列表，通过选择列表中的项目可以改变图像的格式。 优化工作结束后，单击视觉品质和文件大小都达到最满意的一个图像，然后保存。 2. JPEG格式图像的优化 对于JPG格式的图像，可以通过设置它的压缩品质以及模糊等选项来改变其文件大小。 3.GIF格式图像的优化 在优化工作面板中，只能对GIF格式图像的颜色做总体的设置。如果希望编辑图像的每一种颜色，则需要使用颜色表工作面板。颜色表工作面板的使用方法如下： (1）在图像窗口中选择要编辑颜色的GIF图像。 （2）在颜色表工作面板中单击颜色右边的按钮，此时所有图像中用到的颜色都出现在该工作面板中，如图所示。在工作面板底部可以看到当前图像中使用颜色的具体数目。 （3）如果要从图像中减少一种颜色，可以在颜色表工作面板的颜色列表中单击这种颜色，然后单击工作面板的删除图标即可。如果要从图像中减少多种颜色，则可以按住Shift键来单击选中颜色列表中的多个颜色，然后进行删除操作。删除颜色可以减小图像的大小。 （4）双击颜色表工作面板的颜色列表可以打开“拾色器”对话框，用以挑选并改变当前颜色。 （5）选择颜色后，单击转换颜色图标，可以将颜色转换为相应的Web工作面板颜色，转换后图像的颜色数目以及文件长度都将相应减少。 （6）也可以锁定某些颜色不被转换。方法是：