PhotoshopCC网页设计与配色标准教程全套课件压缩包第3章.pptVIP

* 第3章 PhotoshopCC网页动画设计 本章主要讲解PhotoshopCC制作逐帧动画和时间轴动画的方法以及技巧，利用PhotoshopCC动画面板，不仅可以制作简单的逐帧动画和时间轴动画，还可以编辑音频和视频，因此网页设计师越来越多地运用PhotoshopCC来设计和制作网页动画、网络动态广告。 * 3.1 动画面板 在Photoshop的【时间轴】面板中，可以完成所有关于创建、编辑动画的设置工作。在该面板中，可以以两种方式编辑动画，一种是帧模式，另外一种是视频模式，它的工作模式同Adobe公司出品的视频编辑软件类似，都可以通过设置关键帧来精确地控制图层内容的位置、透明度或样式的变化。 * 3.1.1 帧动画面板 在帧动画模式下，可以显示出动画内每帧的缩览图。使用面板底部的工具可浏览各个帧、设置循环选项，以及添加、删除帧或是预览动画。 * 3.1.2 时间轴动画面板 Photoshop CC的视频动画相比以往版本，更加强大，能胜任大部分视频编辑。视频动画可以制作属性动画，可以编辑视频、音频，可以添加字幕。与帧动画不同的是，帧动画中只包含帧，而时间轴动画将帧包含在视频图层中。 * 3.2 逐帧与过度动画 在Photoshop的帧模式【时间轴】面板中，能够制作逐帧动画和简单的过渡动画。而在过渡动画中，可以根据过渡动画中的选项，创建不透明度、位置以及效果等动画效果。 * 3.2.1 认识和创建逐帧动画 在Photoshop中制作逐帧动画非常简单，只需要有效地利用动画与【图层】面板，不断地新建动画帧，然后配合【图层】面板，对每一帧画面的内容进行更改。 * 3.2.2 认识和创建过渡动画 过渡动画是两帧之间所产生的效果、不透明度和位置变化的动画。单击帧模式【时间轴】面板底部的【过渡动画帧】按钮弹出【过渡】对话框。 * 3.2.3 过渡动画类型 1. 位置过渡动画 2. 不透明度过渡动画 3．效果过渡动画 * 3.3 时间轴动画 不同图层会有不同的属性特征，而在视频时间轴中，主要分为普通图层时间轴动画、文本图层时间轴动画与蒙版图层时间轴动画三大类。视频时间轴动画与帧动画的制作有很大的不同，它需要在图层持续时间条上建立属性关键帧，通过这些关键帧来编辑和制作动画。 * 3.3.1 普通图层时间轴动画 普通图层可以创建位置、不透明度与样式三种属性动画。这三种属性动画既可以单独创建，也可以同时创建，其效果与帧动画中的过渡动画相似。下面以位置属性动画为例介绍普通图层时间轴动画的制作。 * 3.3.2 文本图层时间轴动画 文本图层可以创建变换、不透明度、样式、文字变形四种属性动画，既可以编辑其中一种属性，也可以同时编辑多种属性。变换属性包含了位置属性，不仅可以制作出位置变化的动画，还可以做出缩放、旋转、扭曲等动画。 1.变换属性动画 2.文字变形动画 * 3.3.3 蒙版图层时间轴动画 蒙版图层的时间轴动画效果中，除了普通图层中的位置、不透明度与样式外，还包括图层蒙版位置与图层蒙版启用两个属性。下面来看这两个属性在动画中的应用。 1.图层蒙版位置动画 2.图层蒙版启用动画 * 3.4 为动画添加音频和视频 PhotoshopCC不仅可以制作动画，还可以添加音频和视频。在视频模式时间轴面板中，有音频轨道和视频轨道。 * 3.4.1 填充选区 单击音轨右侧的按钮，在弹出的下拉菜单中选择【添加音频】命令，可以为动画添加音频。 * 3.4.2 添加并编辑视频 除了添加音频外，还可以为动画添加视频。单击【时间轴】面板上某图层右侧的按钮，在弹出的下拉菜单中选择【添加媒体】命令，即可添加视频到图层中。 * 3.5 渲染视频 编辑好的动画可以通过【渲染视频】命令宣称成MP4等视频文件。打开添加音频.psd文件，这是为飞机添加了音频的动画。执行【文件】/【导出】/【渲染视频】命令，弹出【渲染视频】对话框。 * 3.6 案例实战：下雪动画 本实例主要通过【点状化】滤镜、【阈值】命令和【运动模糊】滤镜制作出下雪的效果，然后在【时间轴】面板中来制作动画的效果。 * 3.7 案例实战：写字动画 本实例为制作写字方式签名动画，主要通过复制文字图层，应用图层蒙版将文字一笔一画地显示出来，然后在“时间轴”面板中进行逐帧编辑。