《Photoshop实践教程》模块八

模块八

时间轴和动作Photoshop项目实践教程Photoshop《Photoshop项目实践教程》编写组目录contentPhotoshop项目实践教程任务1 制作微动画表情包任务3“和谐共生”音乐相册任务2 制作微视频拓展训练010203能制作各种微动画表情包、动效图标、动态页面、电子相册等。初步建立各类动态画面设计意识和细致认真的工作态度、科学环保意识、中华传统文化的传承精神，热爱生命、崇尚自然等。知识目标能力目标素质目标教学目标了解熟悉Photoshop软件制作Gif动画、微视频的设计方法，掌握时间轴面板和图层面板之间相结合的基本操作，正确导出图像及视频；了解动作的功能，掌握动作面板的基本操作，能够利用动作快速将设计者执行过的操作及命令记录下来，并将录制的动作应用到其他图像操作中。任务1 制作微动画表情包PART

01任务目标知识目标：理解动画制作原理，掌握时间轴面板的基础知识。能力目标：利用时间轴制作动态页面和微动画表情包。素质目标：培养细致认真的工作态度，提升中华传统文化的传承精神。任务说明本任务主要通过使用Photoshop时间轴帧动画面板和图层面板之间相结合的基本操作，制作端午节“粽子”微动画表情包，效果如图8-1-1所示。（注：本模块任务重点是讲授动画制作部分，具体宣传页制作方法请参考模块4任务2的“H5端午宣传页”讲解。这里我们调用一些源文件素材来完成本案例。）图8-1-1制作微动画表情包最终效果完成过程详见教材所附视频相关知识学习动画制作前，前行要理解动画制作的原理和帧的概念。1、动画和帧的概念（1）动画产生的原理简单说就是根据眼睛的视觉暂留现象，将静止的不同画面连续播放，形成动态。在软件中操作就是让不同的图像在不同帧上显示，最后连续播放，形成动画效果。（2）认识“帧”帧——就是影像动画中最小单位的单幅影像画面，相当于电影胶片上的每一格镜头。一帧就是一副静止的画面，快速闪过的一张张静止的图片就形成动画，如电视图像等，我们国家的电视标准是一秒钟25张图片，称为25帧，而一些国外的标准是30帧。通常说帧数，就是在1秒钟时间里传输的图片的画面数，通常用fps（FramesPerSecond）帧频表示。每一帧都是静止的图象，快速连续地显示帧便形成了运动的假象。高的帧率可以得到更流畅、更逼真的动画。每秒钟帧数(fps)越多，所显示的动作就会越流畅。执行：菜单栏中“窗口”→“时间轴”命令，即可打开“时间轴”面板。PS的“时间轴”面板包含两种模式，分别为帧动画模式和视频时间轴模式。相关知识学习动画制作前，前行要理解动画制作的原理和帧的概念。1.“帧动画”面板动画是在一段时间内显示的一系列图像或帧。每一帧较前一帧都有轻微的变化，当连续、快速地显示这些帧时就会产生运动或其他变化的错觉。“时间轴”面板以帧模式出现时，显示动画中的每个帧的缩略图。使用面板底部的工具可浏览各个帧，设置循环选项，添加和删除帧以及预览动画。如图8-1-62所示。图8-1-62

帧动画面板“时间轴”面板菜单包含其他用于编辑帧或时间轴持续时间以及用于配置面板外观的命令。单击面板菜单图标可查看可用命令。（1）在帧模式中，“时间轴”面板包含下列控件：①循环选项：设置动画在作为动画GIF文件导出时的播放次数。②帧延迟时间：设置帧在回放过程中的持续时间。③过渡动画帧：在两个现有帧之间添加一系列帧，通过插值方法（改变）使新帧之间的图层属性均匀。④复制选定的帧：通过复制“时间轴”面板中的选定帧以向动画添加帧。2.创建帧动画在Photoshop中，使用“时间轴”面板创建动画帧。每个帧表示一个图层配置。要在Photoshop中创建基于帧的动画一般工作流程如下：（1）打开一个新文档。同时打开“时间轴”和“图层”面板。（2）添加图层或转换背景图层。由于不能为背景图层创建动画，需要添加新图层或将背景图层转换为普通图层。（3）向动画中添加内容。如果动画中包含一些已单独创建动画的对象，或者要更改某个对象的颜色或完全更改某个帧中的内容，就要在单独图层上创建对象。（4）将帧添加到“时间轴”面板中。打开一个图像，则“时间轴”面板将该图像显示为新动画的第一个帧。添加的每个帧开始都是上一个帧的副本。然后可使用“图层”面板对帧进行更改。（5）选择一个帧，编辑选定帧的图层。可通过下列操作更改：①打开和关闭不同图层的可见性。②更改对象或图层的位置以移动图层内容。③更改图层不透明度以渐显或渐隐内容。④更改图层的混合模式。⑤向图层添加样式。（6）根据需要，继续添加更多帧并编辑图层。可以通过设置过渡帧更改两帧之间的动画效果，“过渡”命令大大减少了创建动画效果（如渐现、渐隐或在帧之间移动图像）所需的时间。创建过渡帧之后，可以分别对它们进行编辑。可以使用“过渡”命令自动添加或修改两个现有帧之间的一系列帧，均匀地改变新帧之间的图层属性（位置、不透明度或效果参数）以创建运动显示效果。例如，要渐隐一个图层，则可将起始帧的图层不透明度设置为100%，然后将结束帧的同一图层的不透明度设置为0%。在这两个帧之间过渡时，该图层的不透明度在整个新帧上均匀减小。（7）设置帧延迟和循环选项。（8）预览动画。可在创建动画时使用“时间轴”面板中的控件播放动画，然后使用“存储为Web和设备所用格式”命令在Web浏览器中预览动画。（9）优化动画以便快速进行下载。（10）存储动画。可以使用“存储为Web和设备所用格式”命令将动画存储为动画GIF。也可以用PSD格式存储动画，以便稍后能够对动画执行更多的操作。在Photoshop中，可以将帧动画存储导出为图像序列、QuickTime影片或单独的文件。3.在帧动画中指定延迟时间在“时间轴”面板中，单击所选帧下面的“延迟”值以查看弹出式菜单。可以为动画中的单个或多个帧指定延迟（显示帧的时间），延迟时间以秒为单位显示，秒的几分之一以小数值显示。例如，将四分之一秒指定为0.25。如果在当前帧上设置延迟，则之后创建的每个帧都将记忆并应用该延迟值，也可以根据需要进行修改。4.在帧动画中指定循环①单击“时间轴”面板左下角的循环选项选择框。②选择循环选项：“一次”、“3次”、“永远”或“其它”。③如果选择的是“其它”，请在“设置循环计数”对话框中输入一个值，并单击【确定】按钮。④也可以在“存储为Web和设备所用格式（100%）”对话框中设置循环选项。5.删除整个动画从“时间轴”面板菜单中选择“删除动画”即可。2.路径(1)创建直线路径：单击“钢笔工具”，在工具属性栏选择“路径”模式，然后用钢笔工具在画面中单击，会看到单击处的点之间有线段相连，这就是路径。保持按住【Shift】键可以让所绘制的点与上一个点保持45°整数倍夹角(或者0°、90°)，可以绘制水平或者垂直的路径。(2)直线锚点：路径上的这些点称为锚点。由于它们之间的线段都是直线，所以又称为直线锚点。直线锚点具有方向和距离属性。(3)创建曲线路径：单击“钢笔工具”，在工具属性栏选择“路径”模式，然后用钢笔工具在绘图区中单击，再次单击鼠标左键并进行拖曳，即可创建曲线路径。(4)曲线锚点：曲线路径上的这些带有控制手柄的点称为曲线锚点。曲线锚点除了具有方向和距离属性外，还具有曲度属性。3.路径选择工具(1)确认文件中已经有路径存在后，单击工具箱中的“路径选择工具”，然后单击文件中的路径，当路径上的锚点全部显示为黑色时，表示该路径被选择。任务2 制作微视频PART

02任务目标知识目标：掌握视频时间轴的基本操作，熟悉微视频的制作及渲染。能力目标：利用视频时间轴制作短小的视频动画、音乐相册。素质目标：培养细致认真的工作态度，提升中华传统文化的传承精神。任务说明本任务主要通过使用Photoshop视频时间轴面板基本操作，制作“浓情中秋”微视频动画，效果如图8-2-1所示。完成过程详见教材所附视频图8-2-1浓情中秋完成效果相关知识“时间轴”面板，它包含两种动画制作模式，分别为帧动画模式和视频时间轴模式，基于剪辑的“时间轴”面板可以反映出常用的视频编辑器，并提供了完美的视频效果，如过渡、特效等。下面来介绍视频时间轴模式。1.“视频时间轴”面板在“视频时间轴”的层面板中，每一个图像层为一个图层，因此可以通过位置、变换、不透明度、样式、文字变形、矢量\图层蒙板等功能来调节每一层图像的属性，如图8-2-58所示。图8-2-58

视频时间轴面板2.视频组“视频组”可在时间轴的单一轨道上，将多个视频剪辑和其他内容（如文本、图像和形状）合并。（1）创建视频组导入视频文件；它会自动添加为新的视频组。要创建空组以供添加内容，请单击“时间轴”面板左侧的胶片图标

，然后从弹出菜单中选取“新建视频组”。（2）编辑视频组①要调整剪辑位置，请在“时间轴”上拖动他们。②要更改入点和出点，请在“时间轴”上拖动剪辑边界。③要将项目从一个组移动到另一个组，请在“时间轴”或“图层”面板中上下拖动它们。④要分割选定剪辑并且分别编辑分割后的部分，请将“时间轴”播放头定位

于您要拆分剪辑的位置。然后，单击“时间轴”面板左上角的“在播放头处拆分”按钮

。3.变换视频图层可以像在Photoshop中变换其它任何图层一样变换视频图层。但是，必须在变换之前，将视频图层转换为“智能对象”。如果视频图层不是“智能对象”，Photoshop会要求进行转换。（1）在“时间轴”或“图层”面板中，选择视频图层。（2）请执行下列任一操作：选取“编辑”→“自由变换”，以使用文档窗口中的手柄来变换视频。选取“编辑”→“变换”，并从子菜单中选取一个特定的变换。4.创建新的视频图层可以通过将视频文件添加为新图层或创建空白图层来创建新的视频图层。（1）打开视频文件选择“文件”→“打开”，选择一个视频文件，然后单击“打开”，视频将出现在新文档的视频图层上。将视频文件添加为新视频图层，选择“图层”→“视频图层”→“从文件新建视频图层”，选择视频或图像序列文件，然后单击“打开”。（2）添加空白视频图层选择“图层”→“视频图层”→“新建空白视频图层”。5.指定图层在视频或动画中出现的时间可以使用各种方法指定图层在视频或动画中的出现时间。例如，可以裁切（隐藏）位于图层的开头或结尾的帧。这将更改视频或动画中图层的起点和终点。（第一个出现的帧称作“入点”，而最后一个出现的帧称作“出点”。）也可以将整个图层持续时间栏拖动到时间轴的不同部分。在“时间轴”面板中，选择图层。请执行下列任一操作：（1）要指定图层的“入点”和“出点”，请拖动图层持续时间栏的开头和结尾。（2）将图层持续时间栏拖动到希望该图层在其中出现的时间轴部分。注意要获得最佳结果，请在对图层持续时间栏进行裁剪之后拖动它。（3）将当前时间指示器拖动到要作为新的“入点”或“出点”的帧，并从面板菜单中选取“将图层开头裁切为当前时间”或“将图层结尾裁切为当前时间”。此操作将通过隐藏当前时间指示器与图层开头或结尾之间的帧来缩短图层持续时间。（重新扩展图层持续时间栏的两端可显示已隐藏的帧。）（4）使用关键帧以更改图层在特定时间或帧处的不透明度。注意：要删除一个或多个图层中的素材，请使用“撤消工作区域”命令。要从所有视频或动画图层中删除某个特定的持续时间，请使用“抽出工作区域”命令。6.裁切或移动视频图层要隐藏视频、动画图层开始或结尾部分的帧，请裁切图层。要在其它时间点开始或结束视频，请移动视频图层。如果移动视频图层，存储文件后更改会永久存储。但是，如果裁切视频，可以通过重新展开图层持续时间栏的两端来恢复。（1）在“时间轴”或“图层”面板中，选择要编辑的图层。（2）将当前时间指示器移动到要作为新的“入点”或“出点”的帧（或时间）。（3）从“时间轴”面板菜单中，选取下列选项之一：将图层入点移至当前时间：将图层的起始点永久性移动到当前时间指示器。将图层终点移至当前时间：将图层的终点永久性移动到当前时间指示器。将图层开头裁切为当前时间：临时隐藏从当前时间指示器到图层开头的部分。将图层结尾裁切为当前时间：临时隐藏从当前时间指示器到图层结尾的部分。也可以使用“撤消工作区域”命令来隐藏一个或多个图层中的帧，或使用“抽出工作区域”命令来隐藏视频或动画的所有图层中的特定持续时间。7.撤消工作区域可以删除选定图层中素材的某个部分，而将同一持续时间的间隙保留为已移去的部分。选择要编辑的图层。在“时间轴”面板中，设置工作区域以指定要省略的选定图层的持续时间。从面板菜单中，选取“撤消工作区域”。8.抽出工作区域要删除部分视频并自动移去时间间隔，请使用“抽出工作区域”命令。其余内容将会拷贝到新的视频图层。选择要编辑的图层。在“时间轴”面板中，设置工作区域以指定要省略的视频或动画的持续时间。从面板菜单中，选取“抽出工作区域”。9.拆分视频图层可以在指定的帧处将视频图层拆分为两个新的视频图层。在“时间轴”面板中选择视频图层。将当前时间指示器移动到要拆分视频图层的位置对应的时间或帧号。单击面板菜单图标，并选取“拆分图层”。选定的视频图层将被复制并立即显示在“时间轴”面板中的原始视频图层的上方。原始图层将从开头裁切到当前时间；而复制的图层将从结尾裁切到当前时间。10.栅格化视频图层当栅格化视频图层时，选定的图层将被拼合到“时间轴”面板中选定的当前帧的复合中。尽管可以一次栅格化多个视频图层，但只能为顶部视频图层指定当前帧。在“图层”面板中，选择视频图层。在“时间轴”面板中，将当前时间指示器移动到栅格化视频图层时要保留的帧。执行以下任一操作：选择“图层”→“栅格化”→“视频”/“图层”。注意：要一次栅格化多个视频图层，请在“图层”面板中选择这些图层，并将当前时间指示器设置为要在顶部视频图层中保留的帧，然后选择“图层”→“栅格化”→“图层”。11.音频轨道和控件时间轴上单独的音轨，可让设计者轻松进行编辑和调整。（1）调整剪辑中的音频右键单击音频剪辑将其静音，调节音量或淡入淡出。右键单击视频剪辑，然后单击音符调整它们包含的音频。（2）创建或删除音轨单击“时间轴”音轨名称的右侧，音符，选择“新建音轨”或“删除轨道”。（3）添加、复制、删除或替换音频剪辑单击时间轴音轨名称的右侧，音符，选择“添加音频”将另一个剪辑置入轨道。在时间轴上选择音频剪辑，然后单击轨道名称右侧的音符。然后，选择“复制”、“删除”或“替换音频剪辑”。12.视频过渡效果过渡效果可创建专业的淡化和交叉淡化效果。单击“时间轴”面板左上角的过渡效果图标。然后选择持续时间，将过渡效果类型拖到剪辑的开头或结尾（将过渡效果放置在要交叉淡化的剪辑之间）。拖动时间轴中过渡效果预览的边缘，以便精确设置入点和出点。注意：右键单击时间轴中的过渡效果，将其替换成其他过渡效果类型，或指定精确的数值持续时间。13.更改视频剪辑持续时间以及速度右键单击视频剪辑以调出“持续时间”以及“速度”滑块。这些控件交互影响；例如，400%的速度将最长持续时间限制为原持续时间的1/4。14.对视频图层应用滤镜要对视频图层中的所有帧应用滤镜，请先将该图层转换为智能对象。所应用的任何后续滤镜都将成为智能滤镜，它们会提供总体灵活性，可随时重新调整滤镜设置。①在“时间轴”或“图层”面板中，选择视频图层。②选取“图层”>“智能对象”>“转换为智能对象”。③从“滤镜”菜单应用滤镜。要在以后重新调整设置，请查看“图层”面板，并双击视频图层的“智能滤镜”列表中的滤镜。15.对文本、静态图像和智能对象应用动感效果右键单击文本、静态图像和智能对象剪辑，以访问平移、缩放和旋转预设，快速应用复杂的动画。在时间轴中拖动生成的“变换”关键帧可微调结果。注意：要在平移、缩放和旋转剪辑时随时间创建戏剧性效果，可将剪辑转换为智能对象，然后将“变换”关键帧与“自由变换”工具结合使用。任务3“和谐共生”音乐相册PART

03任务目标知识目标：了解“动作”的操作规则，掌握“动作”面板的基础知识，利用动作进行图像批处理。能力目标：能够利用动作高效完成大批量图像的处理，强化视频时间轴面板的操作技巧，熟悉电子音乐相册的制作方法。素质目标：培养细致认真的工作态度，唤起人们热爱生命，崇尚自然的意识。任务说明本任务主要通过使用Photoshop动作记录对图像批量转化线稿，再将线稿图像制作成“人与自然和谐共生”主题的音乐相册，效果如图8-3-1所示。图8-3-1 “和谐共生”音乐相册完成效果画面截图完成过程详见教材所附视频相关知识Photoshop里的“动作”可以方便快速地将用户执行过的操作命令记录下来。等需要再次执行同样的或类似的操作或命令时，通过应用录制的动作即可实现。动作功能能够标准化操作流程，一次处理大批量的重复性工作，大大提高我们的工作效率，也可把一些颇具创意的操作过程记录下来并提供给大家分享。该功能支持记录针对单个文件或一批文件的操作过程。动作通常与批处理功能结合使用，一次性处理大批量重复性的工作。批处理被越来越多的设计制作人员所青睐，它有着多数人不知道的“黑科技”方法，这些正逐渐影响着设计者使用PS的方式。比如说运用批处理功能能够“统一色调”，统一修改毕业照、婚纱照等照片的画面风格；能够“一键批量转化线稿”，为绘画工作者带来福音；能够“自动制作统一工作照”，能够自动识别人脸功能、统一提取姓名、工作岗位等，制作统一规格的工作照片；还能“统一文件尺寸、格式”、“制作样机批处理换图”，例如给一个产品换N多不同的花色，或者给几十张海报换LOGO和水印等。总之，功能强大，操作方便。相关知识执行菜单“窗口”→“动作”调出“动作”面板，也可按下快捷键Alt+F9调出该面板,如图8-3-34所示。从面板的选项菜单中选择“按钮模式”，可将每个动作以按钮状态显示，这样可在有限的空间中列出更多的动作，以轻易明了的方式呈现，如图8-3-35所示。图8-3-34动作面板图8-3-35“按钮”模式动作面板2.动作记录原则（1）记录动作时请记住以下原则：可以在动作中记录大多数（而非所有）命令。（2）可以记录用“选框”、“移动”、“多边形”、“套索”、“魔棒”、“裁剪”、“切片”、“魔术橡皮擦”、“渐变”、“油漆桶”、“文字”、“形状”、“注释”、“吸管”和“颜色取样器”工具执行的操作，也可以记录在“历史记录”、“色板”、“颜色”、“路径”、“通道”、“图层”、“样式”和“动作”面板中执行的操作。（3）结果取决于文件和程序设置变量，如现用图层和前景色。例如，3像素高斯模糊在72ppi文件上创建的效果与在144ppi文件上创建的效果不同；“色彩平衡”也不适用于灰度文件。如果记录的动作包括在对话框和面板中指定设置，则动作将反映在记录时有效的设置。如果在记录动作的同时更改对话框或面板中的设置，则会记录更改的值。3.如何执行动作①选择要处理的相片（部分动作无需相片，部分动作对相片尺寸有要求）；②展开一动作组，选择一动作，单击播放按钮，即可执行一动作；③如遇特殊步骤，有些动作会出现提示，交待你所需参数或注意事项。4.在批处理中调用动作当有些图像处理很繁琐时，我们就可将动作与批处理功能挂接到一起，对选中的一批图像，或某目录中所有的图像运行统一的操作。这样便于再次回放以提高工作效率和标准化操作流程。动作批处理更适合应用在标准化图文设计打印、名片设计、影楼修图等领域。经验指导1.制作微视频动画流程（1）创建视频文档。新建文档，找到“胶片和视频”预设选项，其中视频有N制和P制两种电视视频信号制式，PAL中国地区常用，NTSC欧美国家常用。也有很应用于网络或其他载体的视频，可根据项目需要选择不同尺寸的选项创建。（2）打开“窗口”→“时间轴”，选择“创建视频时间轴”来创建视频时间轴。（3）设定“帧速率”。这是一个很重要的设定，用来设定视频每秒钟播放多少帧数，在“时间轴”面板“菜单”选项中打开“设定时间帧速率”。通常电视25帧/秒，电影24帧/秒。以上这些是制作视频动画的前期设定。（4）时间轴上的视频层和图层是相关联的，其中视频组是最常用的视频层，视频组里的图层可以按时间的前后来编辑。接下来制作视频动画：新建视频组——导入图片素材——为图层添加运动特效。（5）自定义添加运动特效。。（6）添加转场特效（过渡）。（7）添加背景音乐。剪辑长度，添加淡入淡出效果。（8）最后输出视频。提示：“视频渲染”对CPU和内存是有一定要求的，而且很少用PS的时间轴制作大型的视频拼接，如果需要做较长视频动画，建议使用专业的视频剪辑特效软件，如AE、PR等软件。2.优化动画帧完成动画后，应优化动画以便快速下载到Web浏览器。可以使用两种方法来优化动画：优化帧，使之只包含各帧之间的更改区域。这会大大减小动画GIF文件的文件大小。如果要将动画存储为GIF图像，与标准GIF优化相比，可能需要更多的时间来优化动画GIF。优化动画中的颜色时，使用“随样性”、“可感知”或“可选择”调板，将确保帧之间的颜色一致。（1）从“时间轴”面板菜单中选取“优化动画”选项。（2）设置以下选项：外框：将每一帧裁剪到相对于上一帧发生了变化的区域。使用该选项创建的动画文件比较小，但是与不支持该选项的GIF编辑器不兼容。删除冗余像素：使帧中与前一帧保持相同的所有像素变为透明的。为了有效去除多余像素，必须选择“优化”面板中的“透明度”选项。注意：使用“去除多余像素”选项时，要将帧处理方法设置为“自动”。（3）