PS2-13课动作与Web动画的应用.ppt

第13课 动作与Web动画的应用 本课要点 具体要求 本章导读 上机练习 本课要点 动作的应用 Web动画的制作 具体要求 认识动作 掌握动作的创建方法 掌握动作的录制方法 掌握动作的执行方法 认识Web动画 掌握Web动画的编辑方法 掌握Web动画的播放与输出方法 本课导读 动作是Photoshop CS2中的一大特色功能，不但操作简单，而且非常实用。动画制作也是Photoshop CS2中一个相当实用的功能，在制作网页动画等方面发挥着积极作用。 13.1 动作的应用 动作是Photoshop CS2的一大特色功能，不但操作简单，而且还可以在录制动作以后方便地完成相同效果的图像处理。 13.1 动作的应用 13.1.1 知识讲解 13.1.2 典型案例——制作三维立体晶体字动作 13.1.1 知识讲解 掌握了图像处理的基础编辑方法后，为了提高工作效率应掌握动作的应用。下面具体介绍动作的概念、动作的录制和动作的执行等知识点。 13.1.1 知识讲解 1．认识动作 2．动作的录制 3．动作的执行 1．认识动作 在处理图像的过程中，用户的每一步操作都可看成是一个动作，如果将若干步操作放到一起，就组成了一个动作组。 Photoshop CS2允许用户将若干个操作步骤以动作组的方式进行存储，然后将存储的动作应用到另一个图像或图像选区中，动作中的操作步骤会按存储的先后顺序对被操作图像产生影响，从而完成图像的快速处理。 2．动作的录制 录制动作的具体操行如下： （1）创建动作 （2）录制动作 （3）停止录制 3．动作的执行 创建动作的目的就是要将录制的动作应用到图像处理中。 13.1.2 典型案例——制作三维立体 晶体字动作 案例目标 本次练习制作三维立体晶体字，主要练习动作的创建与执行。 13.1.2 典型案例——制作三维立体 晶体字动作 操作思路 （1）使用文字工具创建一个文字。 （2）创建一个新动作并开始录制。 （3）对文字加载动感模糊和查找边缘滤镜。 （4）应用反相和色阶调整工具对文字进行处理。 （5）应用渐变工具对文字进行填充。 （6）停止动作的录制。 （7）创建新的文字，将录制好的动作应用到新创 建的文字上。 13.1.2 典型案例——制作三维立体 晶体字动作 操作步骤 具体操作请参照图书讲解。 13.1.2 典型案例——制作三维立体 晶体字动作 案例小结 本案例制作了一幅三维晶体字效果，在制作过程中不但复习了动感模糊滤镜、查找边缘滤镜、反相命令、色阶命令和渐变工具，而且还在实践中应用了动作的创建及执行，由此可以看出，动作是一个优秀的工具，相当于将成批的操作有序地执行。 13.2 Web动画的制作 通过Photoshop CS2可以轻松地制作Web动画，主要用在网页方面。本节主要介绍Web动画的制作。 13.2 Web动画的制作 13.2.1 知识讲解 13.2.2 典型案例——走动的时钟 13.2.1 知识讲解 如今是网络技术高度发展的时代，Web动画几乎遍及每个网页，作为一个平面设计者，有必要了解并掌握Web动画的制作方法。 13.2.1 知识讲解 1．认识Web动画和ImageReady 2．Web动画的编辑 3．Web动画的发布与浏览 1．认识Web动画和ImageReady Web动画简称网页动画，主要格式为htm或html。 ImageReady CS2是集成在Photoshop CS2中的一个Web动画编辑工具。 2．Web动画的编辑 在Photoshop CS2中编辑Web动画，包括利用现成的图片制作Web动画和利用图层编辑Web动画两种方法。 2．Web动画的编辑 1）利用现成的图片制作Web动画 Photoshop CS2提供的“Web照片画廊”功能可以将计算机中某个目录下的所有图片制作作成网页，以方便图片的管理。 2．Web动画的编辑 2）利用图层编辑Web动画 动画的实质就是将若干个图片按一定的时间间隔有序显示，由于人的视觉有滞后，所以连续看图片的显示就有了事物运动的感觉。 在Photoshop CS2中，可以将图像中的每个图层看成是一个独立的图片，如果将每个图层按一定的时间先后顺序显示出来，就完成了Web动画的制作。 3．Web动画的发布与浏览 动画编辑完成后，就可以将其发布为网页文件，然后可打开生成的网页进行浏览。 13.2.2 典型案例——走动的时钟 案例目标 本次练习利用动作和动画编辑器制作一个时钟走动的Web动画网页，从而加深对制作Web动画的理解。 13.2.2 典型案例——走动的时钟 操作思路 （1）打开素材文件。 （2