与视频结合的跨界动图

江上烟云

2022.2.10完稿前言何谓“跨界动图”？动图制作的动作部分，是运用电脑各种软件以及手机各种app，在两个或两个以上平台结合完成的动图，称之为“跨界动图”，其优势是充分发挥电脑手机两大平台在动画制作上各自的特长。例如PPT可以通过动画形式将图片顺滑地变形状、变颜色、变大小、变位置来制作动画，并具有删除背景抠图功能。这里补充强调一下，在图片变形方面，Flash软件更为突出，这方面的内容我们以后再讨论。而手机对图片变形的动图是通过多图多帧来实现，不管怎么精细，仍有明显的顿挫感和不流畅感，仍需要一帧一图地制作，工作量大，效率不高。现在找到了这种既能保证顺滑，又能高效制作，扬长避短的方法，换言之，将一些需要变形变色的动画，交于PPT来完成，再将PPT导出的视频，由手机app完成，进行视频转动图、动图编辑，直至制成美篇。对于PPT不能直接进入美篇，手机app不能制作顺滑变形动图的各自缺陷，“跨界动图”巧妙地取长补短，完美地解决了两者的先天不足。特别要说明的是，这种“跨界动图”制作方法，与用电脑修图、用手机合成动图的方法进行比较，前者是用PPT完成动图的动作部分，所以叫“跨界”，后者仍用手机完成动图的动作，用电脑修图只能称作“借工具”，两者有本质上的区别。我们提倡“纯手机零电脑”，在这前提下，为发挥“跨界”优势，合理地使用电脑和手机，掌握“手机能做用手机，手机电脑都能做还用手机，手机不能做用电脑”的原则，在制作优质作品和保护人体颈椎腰椎之间寻得平衡。本篇用动图实例制作的形式，尤其选择了具有一定难度的视频和动图结合的实例来讲授，具有一定的代表性和说服力。通过详细讲解制作过程，并附有大量的图片素材和动画参数，尤其在如何运用“反向法”来保护像素，使清晰度不受损等方面，有独到之处。让读者既能学到制作方法和技巧秘籍，又能下载素材和动手习作，走出一条后期制作授课的新途径。由于这是一种新颖的后期制作方法，可能有不够成熟之处，或还有更优秀的方法，望各位读者多提宝贵意见和建议。 ▲先了解一下要做的动图，这是一张单图。 ▲这是一张由单图制成的动图，权作案例2教材。 ▲这是由一张油画做的动图，作为案例3教材。 ▲这是一张由视频和动图结合而成的动图，我们以此案例1作教材，来讲解如何制作。 素材准备 ▲视频1。首先选视频，视频选择较为挑剔，要求背景较华丽显眼，人物以单人为主。选择这个49秒的新疆舞视频作素材。 ▲视频2。在整套舞蹈动作中，要选择具有新疆舞特点的，首尾动作能形成闭环的视频，即视频反复环播没有断裂突冗感觉。视频的首帧画面动作不要太大，四肢收拢为好，以利减轻首图抠图的压力。根据这些要求，初步截取一段8秒的视频作素材，并以双臂交叉为首帧，由于原视频底下有黑边，以正方形裁剪去除，整个背景画面也略有放大。 ▲图1。根据视频的舞蹈动作，选两臂交叉一帧为首图，首图对人物的清晰度要求更高。在选视频时，发现有的视频人物大小位置合适，但清晰度不够，有的清晰度可以，但人物太小太远。本教材特地从清晰度较好的视频中抠出人物，黏贴到同样背景画面上，最终形成上图作素材，并以此为主画面标准。通过这些细节控制，使人物的“兰花指”也能看得清清楚楚。 ▲图2。抠出首帧图中的人物作图片素材，黑背景部分应该是透明的，如果无法做到透明，也可放到以后PPT上去处理，比较哪种方法抠得更干净，就用那种。如果保留背景，应选与人物服饰颜色反差大的纯色颜色，一般选黑色。 ▲图3。这是空背景图片作素材。 ▲接下来用手机Snapseed对素材进行处理。具体步骤：导入图片1，首先将缩放背景色设置为黑色。 ▲选工具-透视-自由，将图片左上角和右上角往中间移动，移到极止。 ▲选工具-透视-缩放，将图片往上推，推到极止。 ▲图4。最终形成图4作素材。 ▲图5。同法将图3做成图5作素材。 电脑制作 ▲在电脑上打开Office的Powerpoint，即PPT。 ▲打开后见到的是“开始”，点一下界面，然后在“设计”中设置界面(桌布)，建议正方形，尺寸为20厘米×20厘米。 ▲接下来处理需要抠图的图片素材，将图4、图5分别导入，点一下图片，再点开用PPT自带的“删除背景”功能抠图，暗红色部分是将被删除的。完成抠背景后，必须右键“另存为”新的图4、图5，并以Png格式保存。 ▲图2也需同样抠背景，另存为Png格式。 ▲把刚才桌布上的素材清除后，开始导入图片，首先插入图1，为最底层。 ▲再插入图5，将删除黑背景后的图5，移至与桌布下沿齐平。 ▲最后插入删除背景后的图2，形成上中下三层。 ▲在图层上关闭图5的可视，调整图2的大小和位置，与图1吻合，越精准越好。 ▲再关闭图1可视，右键将图5临时替换成图4，通过PPT动画的缩放模式，调小图2高和宽的尺寸，通过动画路径模式调整人物的位置，与图4中人物的位置吻合。调整中绝对不能移动人物的上下左右位置。如不慎移动了，立即按“退返”回到上一步，不能继续盲目调整，否则会越调越乱。在这页上所有大小和位置的调整必须通过动画模式来进行。除头部和上半身外，下半身吻合得越精准越好，然后将图5替换回图4。以上这几步最为关键，吻合精准到位将决定作品成败。 ▲建议在制作前先操练一下PPT动画操作部分，要熟练掌握PPT动画界面上的按钮和参数，然后按照下页数据表，对三层图形分别设置动画参数。完成后，从外形上看，应与本页“动画状态”的色条位置形状相同。检查无误后，可以点击运行，运行效果应该与下页视频相同。如果不同，再返回重新调试，直至通过。 ▲动画设置的参数，这些都是通过无数次试验获得的数据。 ▲调试完成后，将界面切换至最左上“文件”档，选“导出”，设置幻灯放映时长为4秒，并导出视频。为进一步提高清晰度，也可运用第三方录屏软件来完成。 ▲视频3。这是从PPT导出的视频，细心的读者会发现，其动画运作与作品相比，全部是反向的，就是图片的进入和退出，人物的站立和倒下，所有场景和次序，都与作品相反。不要着急，这是为了保证清晰度，像素不受损，作者摸索出的“秘籍”。 手机制作 ▲动图1。将视频3导入手机，用Imgplay转成动图，这时注意必须使动图反向运行，做成动图的运行方向就与作品一致了。这是针对PPT缩放功能的特点而采取的对策，当图片尺寸放大时，像素未增加，故图片模糊，清晰度差，而图片缩小时，像素不受影响。所以遇到图片放大环节，采取反向操作，即缩小图片，待视频转动图时再把它“正向”回来，就不会出现图片模糊之感了，这套秘籍称之“反向法”。 ▲动图2。通过反复播放和观察效果，将动图1中多余、重复帧去除，最终形成动图2，体积控制在3.7M以下。 ▲动图3。将视频2转成动图3，并使动图首尾帧在视觉上尽量完美吻合，这就是当时为何要选“闭环”视频的原因。通过精细化调整，直至符合作品要求，体积控制在6.6M以下。 ▲最终作品。先将动图2导入，再追加动图3，生成的动图即为最终作品，体积要控制在10M以下。以上三次体积控制难度较大，千万不能简单粗暴地牺牲像素来控制体积，而要千方百计设法，既要使体积下降，又要维护像素，这是对制作视频动图的考验，需要运用各种技巧反复调试。 附加案例 ▲教材案例2的素材1。 ▲教材案例2的素材2。 ▲教材案例2的素材3。 ▲教材案例2的素材4。 ▲教材案例2的素材5。 ▲制成教材案例2的作品。 ▲教材案例3作品。本案例重点是制作前要像“剧本”一样构思，首尾衔接，并做“反向法”。要想随心所欲地实现脑洞大开的创意，必须靠“跨界”技术。 ▲这虽然是一段44秒的视频，但使用了手机的剪映、飞闪、格式工厂、坚果云app，以及电脑的PPT，经上百次的试验做成，巧妙地利用剪映中抖音特效“立体书本”的Bug所形成的斜背景，于是“将错就错”做成，经试验发现，“斜背景”与特定图片的右下方某一像素有关，实际上很难再同样重复出这一“斜背景”，制成的倒别有趣味。 ☆ ☆ ☆ ☆ ☆ 摄影：江上烟云动图：江上烟云文字：江上烟云 ▲此动图主要是图片的变形和移位，一般多图动图无法做到如此顺滑流畅，所以此图是用Flash制作的，也是一种跨界动图。 ▲这是用Flash在制作“私章”动画的编辑界面，当测试时，看得出动画动作更顺滑。其实我们用PPT做动画只是用了软件的“副加”功能，而Flash才是做动画的“专职”软件。“表情包粉”们总希望能随心所欲做表情包，遗憾的是目前任何做表情包的app，只能“随心”，不能“所欲”，因为“所欲”都由app的程序员控制了，用Flash做表情包，完全可做到随心所欲。关于Flash动画制作的教材，欢迎访问“江上烟云”的专栏，美篇号5293121 ——END—— ☆ ☆ ☆ ☆ ☆ 谢谢观赏欢迎点评