PHOTOSHOP 图形图像处理

第14章 视频与动画

本章主要讲解以下内容： (1)视频和图像序列 (2)“动画”面板 (3)创建帧动画 (4)创建时间轴动画 (5)导出视频和动画

14.1 理论解说 14.1.1 Photoshop中的视频与动画 用户可以使用Photoshop导入要进行编辑的视频文件和图像序列,创建基于时间轴的动画并将文件存储为QuickTime、GIF或图像序列。需要注意的是,如果要在Photoshop中处理视频,必须安装QuickTime7.1或更高版本。 动画的形成原理在于人眼具有视觉暂留的特性,当人眼看到一个物体,即使该物体迅速消失,也还是会在眼前留下短暂的影像。动画即是多幅静止的图像在一段时间内连续播放,且每一幅较前一幅都有轻微的变化,当快速地显示这些图像时,就会产生运动的错觉。在Photoshop中,用户可以通过修改图层来产生运动和变化,从而创建基于帧的动画,最后将文件存储为GIF或PSD格式。 14.1.2 视频和图像序列 用户可以在Photoshop中编辑视频和图像序列文件,所支持的QuickTime视频文件格式有MPEG-1(.mpg或.mpeg)、MPEG-4(.mp4或.m4v)、MOV、AVI等；支持的图像序列格式有BMP、DICOM、JPEG、OpenEXR、PNG、PSD、Targa、TIFF等。

14.1.2.1 打开或导入视频文件 如果要打开视频文件,可以直接选择“文件”→“打开”命令,在“文件类型”中选择“QuickTime影片”,然后选择合适的视频文件即可将其打开,其“图层”面板如图14.1所示。

14.1.2.2 导入图像序列 选择“文件”→“打开”命令,在弹出的对话框中选择一个图像文件并勾选“图像序列”,然后单击“打开”按钮,此时会弹出如图14.2所示的对话框,要求选择视频的帧速率,然后单击“确定”按钮即可打开图像序列。

14. 1. 2. 3 解释视频素材 在“图层”面板中选择要解释的视频图层,然后选择“图层”→“视频图层”→“解释素材”命令,打开如图14 14.1.2.3 解释视频素材 在“图层”面板中选择要解释的视频图层,然后选择“图层”→“视频图层”→“解释素材”命令,打开如图14.3所示的“解释素材”对话框。

14.1.2.4 变换视频图层 视频图层也可以像普通图层一样进行变换,但在变换之前,需要先将其转换为智能对象。如果未转换为智能对象,Photoshop会弹出如图14.4所示的窗口提醒用户进行转换。

14. 1. 3 “动画”面板 选择“窗口”→“动画”命令,可以打开“动画”面板,该面板有两种显示模式,如图14 14.1.3 “动画”面板 选择“窗口”→“动画”命令,可以打开“动画”面板,该面板有两种显示模式,如图14.5所示的是帧动画模式,如图14.6所示的是时间轴动画模式。

14.1.3.1 帧动画模式 14.1.3.2 时间轴动画模式

14.1.4 创建帧动画 帧动画的每一帧都是独立的内容,用户可以在每个帧上绘制需要的图像。帧动画具有很大的灵活性,几乎可以表现任何内容。 14.1.4.1 添加帧 添加帧是创建动画的第一步。如果已经打开了一幅图像,则该图像会显示为动画的第一帧,如图14.7所示。如果想要添加帧,可以单击“动画”面板下方的“复制所选帧”按钮,通过复制第一帧向动画中添加一个帧,如图14.8所示。

14. 1. 4. 2 选择帧 在编辑帧之前,必须要选择帧。可以在“动画”面板中直接单击想要选择的帧,被选中的帧会显示为蓝色的边框,如图14 14.1.4.2 选择帧 在编辑帧之前,必须要选择帧。可以在“动画”面板中直接单击想要选择的帧,被选中的帧会显示为蓝色的边框,如图14.9所示的是选择第四帧。

同时,选择的帧中的内容会显示在当前窗口中；如果要选择多个连续的帧,可以按住Shift键后单击第二个帧,则第二个帧与第一个帧之间的所有帧都会被选取,如图14.10所示；如果要选择不连续的多个帧,可以按住Ctrl键后单击其他帧,则可以选取所有单击过的帧,如图14.11所示。

14.1.4.3 编辑帧 编辑帧实际上就是编辑帧中的图像,当选定某个帧后,即可对帧中的图像进行移动、修改、删除等操作,与前面章节中学习到的处理图像的方法一样。如果要反向帧的顺序,可以在选中帧后,单击“动画”面板右上角的按钮,选择弹出菜单中的“反向帧”命令即可,如图14.12、图14.13所示的是使用反向帧后的效果。要反向的帧不必是连续的,用户可以反向任何已经选中的多个帧。

14.1.4.4 更改动画中图层的属性 当创建了帧动画后,“图层”面板上方会出现“统一”选项和“传播帧1”,如图14.14所示。

14.1.4.5 复制和粘贴帧 在“动画”面板中选择要复制的帧后,单击该面板右上角的按钮,选择弹出的菜单中的“拷贝单帧”命令,如果选择了多个帧,则选择“拷贝多帧”命令。然后选中目标帧,并选择弹出的菜单中的“粘贴单帧”命令。此时会弹出如图14.15所示的对话框,要求用户选择一种粘贴方法。

14.1.4.6 使用过渡创建帧 用户可以使用“过渡”命令自动在两个帧之间添加一系列的帧,这些帧通过均匀地改变两个帧之间的图层属性来创建运动效果。 在“动画”面板中选择某个帧,再单击该面板下方的“过渡动画帧”按钮,弹出如图14.16所示的对话框。

14.1.5 创建时间轴动画 时间轴动画使用关键帧的技术,通过对关键帧的制作自动生成运动的动画帧,使帧中内容按照时间的先后顺序显示出来。 14.1.5.1 添加关键帧 例如,要在不透明度属性中添加关键帧,首先将“当前时间指示器”移动到需要添加关键帧的位置上,然后单击“时间变化秒表”即可添加一个关键帧,如图14.17所示。

如果需要在不同的位置继续添加不透明度属性的关键帧,则将“当前时间指示器”移到相应的位置,然后单击“关键帧导航器”中间的按钮即可,如图14 如果需要在不同的位置继续添加不透明度属性的关键帧,则将“当前时间指示器”移到相应的位置,然后单击“关键帧导航器”中间的按钮即可,如图14.18所示。

14.1.5.2 选择和移动关键帧 14.1.5.3 复制和粘贴关键帧 14.1.5.4 删除关键帧

14.1.5.5 插入注释 插入注释可以很好地对动画进行备注说明。如果想要在时间轴上添加注释,首先将“当前时间指示器”放置在需要注释的位置,然后单击注释前面的“时间变化秒表”,此时会弹出“编辑时间轴注释”对话框,,如图14.19所示。

14.1.5.6 洋葱皮设置 洋葱皮可以以100%不透明度显示出当前帧的内容和指定的不透明度显示周围帧上的内容,便于查看当前帧和周围帧的相互作用和影响。 单击“动画”面板下方的“切换洋葱皮”按钮即可启用洋葱皮功能。如果要设置洋葱皮,则需要单击该面板右上角的按钮,选择弹出的菜单中的“洋葱皮设置”命令,此时会弹出如图14.20所示的对话框,启用洋葱皮后的效果如图14.21所示。

14.1.6 导出视频和动画 在存储动画时,可以将其保存为GIF以便在Web上查看,或者存储为PSD格式,方便再次对其进行编辑。还可以将视频和动画保存为QuickTime影片。 14.1.6.1 优化动画帧 完成动画后,为了使其能够更快速地下载到Web,可以对动画进行优化设置。优化后的动画文件将会大大地减小。当“动画”面板处于帧模式时,单击右上角的按钮,选择弹出菜单中的“优化动画”命令,此时会弹出如图14.22所示的对话框,

14.1.6.2 导出视频文件或图像序列 如果要导出视频文件或图像序列,可以选择“文件”→“导出”→“渲染视频”命令,在弹出的“渲染视频”对话框中进行设置,如图14.23所示。

14.1.6.3 指定QuickTime影片设置 在“渲染视频”对话框中单击“设置”按钮,可以打开QuickTime的“影片设置”对话框,如图14.24所示。

该对话框中的各选项说明如下。 设置:单击此按钮将会打开“标准视频压缩设置”对话框,用来设置视频压缩和附带选项,如图14.25所示。

滤镜:单击此按钮将会打开“选择视频滤镜”对话框,用来给视频添加QuickTime内置的效果,如图14.26所示。

大小:单击此按钮将会打开“导出大小设置”对话框,用来指定导出视频的像素大小,如图14.27所示。

14.2 案例演示 14.2.1 案例演示:闪烁的星星 29

案例分析 本案例要求将如图14.28所示的素材图片处理为GIF动画效果,如图14.29所示。 素材图片 最终效果 30

操作过程 步骤一 制作星星 (1)打开素材文件“闪烁的星星.jpg”,如图14.30所示。新建“图层1”,在工具箱中选择“多边形工具”,并在其选项栏中点击“填充像素”按钮,勾选“星形”,设置“缩进边依据”为80%,“边”为5。使用设置好的工具在画布中绘制多个任意大小的星星,并填充白色,如图14.31所示。

操作过程 (2)新建“图层2”和“图层3”,分别在这两个图层上绘制大小不同的白色星星,如图14.32所示。

操作过程 (3)双击“图层1”,为其添加外发光样式,设置“发光颜色”为白色,“扩展”为10像素,“距离”为6像素,其他选项不变,效果如图14.33所示。然后将“图层1”的样式复制到“图层2”和“图层3”,如图14.34所示。

操作过程 步骤二 创建动画 (1)选择“窗口”→“动画”命令打开“动画”面板,可以发现图像已经显示为第一帧,如图14.35所示。单击该面板下方的“复制所选帧”按钮复制第一帧,如图14.36所示。

操作过程 接着单击“过渡动画帧”按钮,打开“过渡”对话框,设置“要添加的帧数”为3,如图14.37所示。通过该操作可以在第一帧和第二帧之间插入多个帧,如图14.38所示。

操作过程 (2)选中第一帧,设置“帧延迟时间”为0.2秒,然后在“图层”面板中修改三个图层的不透明度。设置“图层1”的不透明度为50%,“图层2”的不透明度为30%,“图层3”的不透明度为80%。 (3)选中第二帧,设置“帧延迟时间”为0.2秒,再设置“图层1”的不透明度为70%,“图层2”的不透明度为50%,“图层3”的不透明度为40%。 (4)选中第三帧,设置“帧延迟时间”为0.3秒,设置“图层1”的不透明度为30%,“图层2”的不透明度为70%,“图层3”的不透明度为20%。 (5)选中第四帧,设置“帧延迟时间”为0.2秒,设置“图层1”的不透明度为70%,“图层2”的不透明度为60%,“图层3”的不透明度为30%。 (6)选中第五帧,设置“帧延迟时间”为0.3秒,设置“图层1”的不透明度为20%,“图层2”的不透明度为50%,“图层3”的不透明度为60%。

操作过程 (7)最后在“动画”面板设置“循环选项”为永远,如图14.39所示。单击该面板下方的“播放动画”按钮可以在文档窗口中预览动画效果。

操作过程 步骤三 导出GIF动画 选择“文件”→“存储为Web和设备所用格式”命令,打开如图14.40所示的对话框,单击“存储”按钮即可将文件导出为GIF动画。