<h1 style="text-align:center;"><b style="font-size:20px;">视频的帧与帧速率</b></h1><p class="ql-block"> 现代视频构成的主流格式，是由若干个最小单元“帧”组成，每个帧就是一幅“静态画面”，将这些帧有序地组织起来连续播放，即产生连续运动的画面效果。帧速率fps表示视频每秒钟所播放的帧数，电影的帧速率为24fps，中国通用电视PAL制式为25fps，一般动画的帧速率不小于8fps。</p><h5><span style="color:rgb(22, 126, 251);">附后</span> <span style="color:rgb(22, 126, 251);">GIF动画，Ps GIF动画，2个实例制作说明，GIF动画实例</span></h5><h3 style="text-align:center;"><span style="color:rgb(237, 35, 8); font-size:15px;">景区天鹅湖GIF动画</span></h3> <h1 style="text-align:center;"><b>GIF动画</b></h1><p class="ql-block"> GIF动画属于帧动画类，但它不带音频模块，即无声。GIF动画在影像电视广告等视频剪辑中，有着非常广泛用途，是重要的剪辑“素材”。</p><p class="ql-block"> <b>Photoshop（Ps）软件有强大的帧处理功能</b>。</p><p class="ql-block"> Ps可以把视频或其片段还原成连续的帧和图层序列；Ps可以对这些帧再编辑，如修改帧或创新帧，复制或删除，插帧，抽帧，重排帧序列等；Ps可以确定每个帧在播放时所停留（延迟）的时间，播放的次序，以及动画重复循环的次数等。Ps可以将帧序列以GIF动画格式保留，并使动画主题鲜明，富有想象和创意。</p><p class="ql-block"> GIF动画文件的后缀名为GIF或gif，它并没有列为“视频”范畴，而是归于图片类，可以同普通静态图片一样存储和使用，非常方便。一般GIF动画都不长，多在几十秒以内，可视为特殊的“小视频”。</p><p class="ql-block" style="text-align:center;"><span style="color:rgb(237, 35, 8); font-size:15px;">荷园GIF动画</span></p> <h1 style="text-align:center;"><b>Ps</b> <b style="color:inherit;">GIF动画</b></h1><p class="ql-block"> 即用Photoshop软件把视频制作成GIF动画，其过程为：</p><p class="ql-block"> 一、打开Photoshop，点击菜单：文件/导入（M）/视频帧到图层（如下图“喷水表演”），在弹出的“将视频导入图层”面板上，通过移动左右两个滑块选取合适的一段视频后确定。</p><p class="ql-block"><span style="color:rgb(22, 126, 251);">注 </span>面板上“限制为每隔（L）”表示每隔L帧后取1帧，默认2帧取1帧，以减少从中选出的总帧数。</p> <p class="ql-block"> 二、时间轴</p><p class="ql-block"> 如果没有加载时间轴，在菜单：窗口/时间轴，点击加载时间轴。</p><p class="ql-block"> 1、在“时间轴”（确切讲是“帧动画时间轴”）面板上，如下图，排列了许多帧，在“时间轴”面板右旁的“图层面板”窗口，排列了对应帧的图层。时间轴面板上有播放方式，过渡方式选顶，复制，删除等的帧操作按钮。</p><p class="ql-block"> 2、每个帧下面有播放的延迟时间，可以单独自定义。也可用Shift键选择方式选取若干帧，进行统一定义延迟时间。</p><p class="ql-block"> 电影的帧速率为24fps，相当每帧延迟时间为0.04秒，Ps默认值。</p><p class="ql-block"> 3、如果想修改某个帧画面，可单击图层面板上对应的图层进行修改，帧画面将会随之改变。</p><p class="ql-block"> 4、若想给动画增加底图，或给动画增加文字等，最好单击“时间轴”面板的左下角“转换为视频时间轴”切换按钮，即在视频时间轴面板上操作，完成后最好切换回帧动画时间轴。</p><p class="ql-block"><span style="color:rgb(22, 126, 251);">注</span> 增加的底图放在图层窗口的图层最下方，增加的文字放在图层窗口的图层最上方。</p> <p class="ql-block"> 5、单击“时间轴”面板右上角按钮，弹出“帧操作面板”（如下图），其中“新建帧”、“选择全部帧”和“反向帧” 使用最多。“新建帧”可在当前帧后添加当前帧的复制帧，以供修改，与帧动画面板上的复制功能相同。“反向帧”对所选帧反向排列，即产生逆帧，将对所选帧反向播放，如水倒流，人倒行等。</p> <p class="ql-block"> 三、存为GIF文件</p><p class="ql-block"> 1、存为GIF文件前，要审视画面。剪裁画面可用工具箱的剪裁工具剪裁；调整图像方向和大小，通过菜单：窗口/图像中的相应项目进行。</p><p class="ql-block"> 2、打开菜单：文件/存储为Web所有格式，点击后弹出“存储为Web所有格式”面板，一般只需设定好预览大小，循环选项和文件名及存储地址，试看好后才确定。</p><p class="ql-block"><span style="color:rgb(22, 126, 251);">注意</span><span style="color:rgb(1, 1, 1);"> 你选择了循环时，需要考虑首尾帧的</span>链接，做到<span style="color:rgb(1, 1, 1);">平滑、自然的过渡，尽量不要发生大的“闪跳”，“断崖”现象。</span></p><p class="ql-block"><span style="color:rgb(1, 1, 1);"> 3、若对GIF动画文件进行修改，只需用菜单</span>：文件/打开命令直接打开，即进入时间轴状态，完成修改后同2方法重新存储。</p> <h1 style="text-align:center;"><b>逆帧GIF动画制作</b><b style="color:inherit;">说明</b></h1><p class="ql-block"> 视频原为景区景点流水，现制成逆帧GIF动画，呈现倒流视觉（如下图）。</p><p class="ql-block"> 制作要点：单击“时间轴”面板右上角按钮，弹出帧的操作面板单击“选择全部帧”，再单击“反向帧” ，即全部帧将反向排列，产生逆帧。</p><p class="ql-block"> 如果你在时间轴上只选择了一部分帧，则这部分帧会反序。</p> <h1 style="text-align:center;"><b>变速GIF动画制作</b><b style="color:inherit;">说明</b></h1><p class="ql-block"> 视频原为镇江某景区天鹅湖喷水表演，现制成变速GIF动画，呈现喷水缓缓向上，在最高处短暂停顿，下降时速度加快的变速视觉（如下图）。</p><p class="ql-block"> 制作要点：调整天鹅湖喷水的帧序列延迟时间。将喷水向上的帧序列，Shift键选择方式分成3段，3段的延迟时间不同。低处时间稍短，中高处时间稍长，在最高处帧延迟时间为1秒或1.5秒；喷水下降时的帧序列分成2段，高处时间稍长，低处时间时间短。不断调试以达到满意。</p><p class="ql-block"><span style="font-size:18px;"> 注意：也可尝试弃（删除）帧方法，使速度变快。</span></p> <p class="ql-block" style="text-align:center;"><b style="color:rgb(1, 1, 1); font-size:22px;">GIF动画实例</b></p><p class="ql-block"><span style="color:rgb(1, 1, 1); font-size:18px;"> 更多的实例见美篇《</span><span style="color:rgb(1, 1, 1);">2022 新年快乐》等。</span></p> <p class="ql-block" style="text-align:center;"><font color="#ed2308">美篇《荷园赏荷》实拍GIF动画</font><br></p> <p class="ql-block" style="text-align:center;"><font color="#ed2308">美篇《荷园赏荷》实拍GIF动画</font><br></p> <p class="ql-block" style="text-align:center;"><font color="#ed2308">美篇《荷园赏荷》实拍GIF动画</font></p> <p class="ql-block" style="text-align:center;"><font color="#ed2308">美篇《中秋月夜》实拍GIF动画</font><br></p> <p class="ql-block" style="text-align:center;"><font color="#ed2308">美篇《中秋月夜》实拍GIF动画</font><br></p> <p class="ql-block" style="text-align: center;"><span style="color:rgb(237, 35, 8);">美篇《冬日里的水杉》实拍GIF动画</span></p> <p class="ql-block" style="text-align:center;"><span style="color:rgb(237, 35, 8);">美篇《冬日里的水杉》实拍GIF动画</span></p> <p class="ql-block" style="text-align:center;"><font color="#ed2308">美篇《冬日里的水杉》实拍GIF动画</font><br></p> <p class="ql-block" style="text-align:center;"><font color="#ed2308">美篇《冬日里的水杉》实拍GIF动画</font><br></p> <p class="ql-block" style="text-align:center;"><font color="#ed2308">美篇《冬日里的水杉》实拍GIF动画</font></p> <h3 style="text-align: center"><font color="#ed2308">美篇《枫叶红了》实拍GIF动画</font></h3> <p class="ql-block" style="text-align:center;"><span style="color:rgb(237, 35, 8);">美篇《第二届常州市杜鹃花展》</span></p><p class="ql-block" style="text-align:center;"><span style="color:rgb(237, 35, 8);">实拍GIF动画</span></p> <p class="ql-block" style="text-align:center;"><span style="color:rgb(237, 35, 8);">美篇《花展随拍》实拍GIF动画</span></p> <p class="ql-block"><span style="color:rgb(237, 35, 8);">美篇《会动的图片》实拍GIF动画</span></p> <p class="ql-block" style="text-align:center;"><span style="color:rgb(237, 35, 8);">美篇《会动的图片》实拍GIF动画</span></p> <p class="ql-block" style="text-align:center;"><span style="color:rgb(237, 35, 8);">美篇《会动的图片》实拍GIF动画</span></p> <p class="ql-block" style="text-align:center;"><span style="font-size:18px; color:rgb(237, 35, 8);">美篇《会动的图片》实拍GIF动画</span></p> <h1 style="text-align:center;"><b>说明</b></h1><p class="ql-block"> 本篇介绍制作GIF动画的基本过程和方法，仅仅是个人学习过程中的点滴体验，或有许多不到位，望老师们指教。有兴趣的朋友尚需自行实践总结，完善细节。</p><p class="ql-block"> 用AVI视频格式文件作Ps GIF动画是个好方法，虽然该文件占空间大，但他几乎保留了图像的所有信息。</p> <p class="ql-block" style="text-align:center;"><b style="font-size:20px;">影视后期三剑客</b></p><h5><span style="font-size:15px;"> </span>泛指Adobe公司的三强软件：Photoshop (简称Ps），Premiere (简称Pr），After Effects (简称Ae）。其中，Ps主要负责图片处理，Pr主要负责视频剪辑，Ae 主要负责视频制作与编辑。三者都有“时间轴”模块处理帧动画，各自集成了非常强大、优秀和复杂的特效功能DLL，在现代影视，图艺，动漫，仿生，科教模拟，商业广告的创作中，有着非常广泛的应用。</h5><p class="ql-block" style="text-align:center;"><span style="color:rgb(22, 126, 251);">美篇《2022新年快乐》</span></p><p class="ql-block" style="text-align:center;"><span style="color:rgb(237, 35, 8); font-size:15px;">2022年初二好友CXW西双版纳实拍</span></p> <p class="ql-block"><span style="color:rgb(22, 126, 251); font-size:15px;">背景音乐</span><span style="color:rgb(22, 126, 251); font-size:18px;"> </span><b style="color:rgb(237, 35, 8); font-size:22px;">山野幽居</b></p><p class="ql-block" style="text-align:right;"><span style="color:rgb(176, 79, 187); font-size:18px;">罗启瑞 杨斯雄</span></p> <p class="ql-block"><span style="color:rgb(22, 126, 251);">说明 </span><span style="color:rgb(1, 1, 1); font-size:18px;">背景音乐“山野幽居”取自酷狗VIP会员</span></p><p class="ql-block"><span style="font-size:18px; color:rgb(22, 126, 251);">Ps版本</span></p><p class="ql-block" style="text-align:center;"><span style="font-size:15px;">Adobe Photoshop CS6</span></p><p class="ql-block" style="text-align:center;"><span style="font-size:15px;"><span class="ql-cursor"></span>(13版64位) Extended（扩展版）</span></p><p class="ql-block"><span style="color:rgb(22, 126, 251);">编辑 </span>zxc</p> 交流