css定格动画_使用StopGo创建定格动画

css定格动画

上个月,我们用Krita观看了数字单元动画 。 不过,单元动画只是一种动画,因此本月我们将看一下定格动画。 作为一项附加功能,由于过去几周重点介绍了DIY项目,因此该应用程序产生的动画全部由本地学校的5年级和6年级学生完成,该应用程序本身是由我和学生的老师开发的, Makerbox的 Jess Weichler

Using StopGo

该应用程序称为StopGo 。 它是对缺少适用于Linux的可靠且简单的定格软件的直接回应。 从一开始,它就是由它的主要用户和预定的受众(教师和她的学生)设计的。 作为课堂活动的一部分,鼓励学生提出功能要求。

之前我们都看过定格动画:有Gumby,Terry Gilliam为Monty Python着名的剪裁片段和最近的电影如The Box Trolls 。 其原理与手绘动画完全相同,只是您无需绘制角色,而是拍摄对象,并在每个快照之间一点一点地移动对象。 这个对象可以是任何东西,从剪纸到精心雕刻的模型。

设置基本的定格装置并不难,事实是绝对不需要计算机。 从垃圾箱中拿起相机和一些物品,就可以开始了。 拍摄大量物体逐渐移动的照片,将照片串在一起,然后进行动画处理。

StopGo带来了这一传统,主要是一个可视界面,可在其中管理每个静止帧,最重要的是,“洋葱皮”效果使您可以轻松地评估您是否已充分移动角色或是否移动过多角色从上一帧开始。 您在Krita演示中看到了这一点,它被认为是正确的动画工作流程的最重要功能之一。

安装StopGo

StopGo易于安装。 实际上,没有安装:您只需下载AppImage,插入相机,然后启动StopGo。 这是一个零安装,便携式应用程序,可以在任何最新的Linux发行版中使用。 这不是一个真正的便携式应用程序,因为它确实需要FFmpegvlc ,每个都可以从发行版本的存储库(或第三方存储库,如RPMFusion )中获得,但这在很大程度上是一种设计选择,因为我们希望保持重要的库和可执行文件可由用户配置。

The StopGo interface.

即将在Linux外部提供支持,但仍在开发中(欢迎合并请求!)。

使用Stopgo

在系统上安装StopGo后,请插入相机,然后通过单击StopGo图标或从外壳启动StopGo。 您必须先插入相机; 相机选择菜单上还没有刷新,因此一旦启动,它将不会检测到新设备,除非您关闭它并重新启动。

该界面足够直观,适合一个八岁的孩子(我们知道;我们已经测试过),但是这里有一个快速的概述:底部面板包含每个帧的缩略图,顶部面板显示相机的图像或当前帧您已选择。 您会知道缩略图的角落中的星条旗何时选择了框架。

Selected frame.

中间的控件是控件,例如:播放按钮(听起来像它所做的一样),快照按钮(同样,它按照您的想法做)和相机选择下拉菜单。

动画演练

第一步是创建一个项目。 您不能没有一个就开始制作动画,因此在启动后立即创建一个空项目,或者如果已经启动了一个项目,则打开一个现有项目。

创建项目后,就可以开始了。 拍摄快照,然后稍微移动模型。 StopGo屏幕将显示两个图像,两个图像相互叠加。 前一帧是半透明,全透明是您的实时摄影机视图。

Onion skin.

为了保持流畅的运动效果,每个运动都应小而渐进。

拍摄的每一帧都显示在下部的缩略图面板中,但是快照按钮保持突出显示,以指示可以随时拍摄新的快照。

如果输入有误,请通过单击框架并按键盘上的Delete键来删除该框架。 最常见的错误是在撤离舞台时拍下自己的手的快照,因此只需在缩略图中寻找您的手,然后删除并继续即可。

导入框架

StopGo不在乎您是否使用其界面拍照; 您还可以使用StopGo导入图像序列,进行播放,然后导出为电影。 使用“ 文件”菜单中的“ 导入”功能执行此操作。 当前,仅支持连续的JPEG,但即将支持更多格式。

这样,我让用户在Inkscape中绘制数字单元,将这些单元导入StopGo,然后将帧导出为电影文件。 这是很长的路要走,但是如果StopGo可以帮助人们克服FFmpeg的学习曲线并成功地自己制作动画,那么StopGo就可以完成其任务。

回放

单击“播放”按钮以开始播放动画。

渲染图

动画完成后,使用“ 文件”菜单中的“ 渲染”选项导出您的工作。 默认情况下,StopGo动画的帧频为每秒8帧。 这仅是24 fps行业标准的三分之一,但它却具有显着的优势,例如仅需为24个快照的动画间隔一秒钟生成8个快照,或一分钟生成480个而不是1,440个,巨大的差异。

不过,帧数越多,动作越流畅,因此,如果您要处理的是尽可能流畅的内容,请使用较高的帧频。

默认分辨率为HD 1080,可以选择使用HD 720来减小文件大小。

可以在“ 编辑”菜单的“首选项”选项中设置这些导出选项,但是如果您要进行非常高级的工作,则可能更愿意将StopGo仅用作照片的前端,并手动导出框架。 StopGo将所有图像作为图像文件保存在其项目文件夹中,因此您可以从Shell中自由使用ffmpeg在StopGo界面之外处理图像。

除非您的项目很长,否则渲染应该很快进行。 完成后,您将在桌面上拥有一个.webm文件,适合发布到视频共享网站,您自己的网站或移动设备上。

StopGo

新西兰惠灵顿的许多当地学校每学期都使用StopGo制作动画。 它在不断改进,并且很高兴获得贡献和改进。 它是用Python编写的,主要使用wxWidgets框架和VLC Python API 。 其源代码托管在notklaatu / stopgo上

花点时间看一下用StopGo创建的一些Lego,Clay和Cut-out 学生项目 ,然后自己制作!

翻译自: https://opensource.com/life/16/11/creating-stop-motion-animation-stopgo

css定格动画

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值