【Gif实用教程】片段截取、PS动图制作、LUTs的安装与使用

之前我已经在b站发布了详细的录屏操作讲解【GIF实用教程】给努力卖安利的你

以下图文版是结合相关的反馈,整理了重点步骤与相关注意事项,并就一些朋友的反馈补充一些新的内容。这里就不再过于详细地交代一些操作界面与技巧相关的问题,所以本文与视频互为补充,新手可以跟着视频学习整个流程的操作。


【一】片段截取

1. 比较常用的方法是用视频剪辑软件(此处以Pr为例)截取视频片段后,导入PS制作动图。这里不再赘述Pr的基本操作(视频教程有详细的示范),只提一些导出的注意点:

【Gif实用教程】片段截取、PS动图制作、LUTs的安装与使用_第1张图片
Pr序列导出界面

2. 还有用Mac的朋友喜欢用QuickTime直接截取视频,也很方便,但有一个问题是,这种方法截取的视频一般为原帧率,25 fps。这种情况下直接导入PS生成的动图体积相对大(帧数为相同时长10fps动图的2.5倍),25fps的动图有些网站甚至会jpg。那关于我们如何用这样的视频制作10fps的gif,我们在下一部分详细说明。(补充内容,暂未在视频教程中录制详细操作,没有相关基础建议还是参考方法1)

【二】PS动图制作

Ⅰ. 导入帧

1. 如果【一】截取片段是按照方法1进行的,那我们这一步就很简单,PS中,“文件”菜单→“导入”→“视频帧到图层”;弹出的窗口可以不必修改任何选项,直接确认导入即可。

【Gif实用教程】片段截取、PS动图制作、LUTs的安装与使用_第2张图片
导入视频帧窗口

我们将直接获得一组帧间隔为0.1s的动画帧,按照需要进行过裁剪、调色、制作定格效果等 (这些效果在视频教程P3有简明操作示范) 调整后,就可以输出了。

【Gif实用教程】片段截取、PS动图制作、LUTs的安装与使用_第3张图片
帧间隔 = 0.1 s

2. 如果你是用QuickTime直接截取,或者在方法1导出时未修改帧率,导致生成的中间文件是原帧率,此处以25fps为例,我们讲讲导入时怎么处理。

fps (frames per second)这个单位指的是每秒的帧数,所以25 fps的视频每秒有25帧画面,而10 fps的视频每秒只有10帧画面,所以将25fps降低为10fps的意思是,我们从每秒25帧中只取10帧,也就是每2.5帧取1帧。那么正好,导入视频帧的窗口提供了这种选项(见下图),但只能填入整数,所以我们取值2或3。

【Gif实用教程】片段截取、PS动图制作、LUTs的安装与使用_第4张图片

但值得注意的是,以25 fps为例,每2帧输入1帧,则我们输入了一个伪12.5 fps的片段,为什么说是伪的?因为如此导入的帧间隔为0.04 s,我们通过修改帧间隔为0.08 s,可以转化为真12.5 fps。

但一般我们希望生成10 fps,则修改为0.1 s,

【Gif实用教程】片段截取、PS动图制作、LUTs的安装与使用_第5张图片
调整帧间隔

实际上,我们通过这种方式实现了一个0.8倍的慢放效果。同样的道理,如果我们选择了每3帧输入1帧进行导入,最后再修改帧时长为0.1s,则可以实现1.2倍的加速效果(关于通过帧率转换来调速的具体操作可参看视频P5)

Ⅱ. Gif导出设置

导出快捷键:Ctrl + Shift + Alt +S, 我们在导出时调整各种参数的目的是在画质跟文件大小之间取得平衡,之前我已经简单地给过一些参数建议动图参数建议 & 操作Tips 下面我对照界面详细说明一下(强烈建议看视频P4)

【Gif实用教程】片段截取、PS动图制作、LUTs的安装与使用_第6张图片
Gif导出界面

【三】LUTs的安装与使用

导出前我们有时还有一步调色工作,很多时候我们为了调色的统一,会套用同一个(系列)LUTs,下面介绍一下如何安装及对动图调色。

Ⅰ. LUTs的安装

你可以自己生成或直接下载符合你需要的LUTs (.cube)文件,复制到PS默认的预设文件夹下,具体的路径为:

Win:Program Files/Adobe/ Adobe Photoshop CC 2015(你的PS安装路径)/Presets/3DLUTs

Mac:应用程序/AdobePhotoshop CC 2015(你的PS安装路径)/Presets/3DLUTs

Ⅱ. 如何对动图调色

1. 在图层面板,全选所有图层,进行链接

【Gif实用教程】片段截取、PS动图制作、LUTs的安装与使用_第7张图片
链接所有图层

2. 添加“颜色查找”层

【Gif实用教程】片段截取、PS动图制作、LUTs的安装与使用_第8张图片
新建“颜色查找”层

3. 在“颜色查找”面板中调用LUTs,并视需要调节不透明度(建议观看视频P3)

【Gif实用教程】片段截取、PS动图制作、LUTs的安装与使用_第9张图片

你可能感兴趣的:(【Gif实用教程】片段截取、PS动图制作、LUTs的安装与使用)