css定格动画

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

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

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

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

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

安装StopGo

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

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

使用Stopgo

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

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

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

动画演练

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

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

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

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

如果输入有误,请通过单击框架并按键盘上的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定格动画

css定格动画_使用StopGo创建定格动画相关推荐

  1. animator创建动画_为游戏创建动画的基础

    animator创建动画 You can consider animation as the technique or procedure of making the illusion of moti ...

  2. 抽奖动画_增强您的抽奖动画工作流程

    抽奖动画 If you work on UI/UX design, you may hear a lot about micro-interaction, icon animation, onboar ...

  3. unity开宝箱动画_[技术博客]Unity3d 动画控制

    在制作游戏时,导入的箱子模型本身自带动画.然而,它的动画是一个从打开到关闭的完整过程,并且没有给出控制打开关闭的方法. 最直接的想法是对该动画进行拆分,再封装成不同的动画状态,但是不巧的是,这个动画被 ...

  4. android image 位移动画_深入理解Android之动画

    Android 里动画从用途上讲,可以分为三类View Animation(View动画)又称 Tween Animation(补间动画).Drawable Animation(帧动画) 和 Prop ...

  5. android 动画_深入了解一些Android动画

    一.PropertyValuesHolder 阅读本文需要上一文Android属性动画的基础,这样才可以明白接下来要讲什么. 1.理解和使用 PropertyValuesHolder 是ObjectA ...

  6. gif透明背景动画_如何制作ae遮罩动画——手机ae——GIF豆豆/视频豆豆

    表情in|GIF豆豆|视频豆豆--官网​www.snapemoji.net 表情in_GIF豆豆_视频豆豆_ae教程官网​www.snapemoji.net 应用详情 - 应用宝官网​android. ...

  7. flash 不显示 旋转 补间动画_关于flash补间动画

    2006-04-09 flash如何创建补间动画我在第 你在第十针的位置插入关键针以后就不要动了,然后在第一针加入补间动画~在后在在第10针的位置改变图片的位置或者形状就OK了如果你要做渐变动画的话 ...

  8. ae制h5文字动画_绝对干货!H5动画制作方法全揭秘

    原标题:绝对干货!H5动画制作方法全揭秘 近年来,H5页面火爆整个移动互联网,这些页面的炫酷展现,都离不开动效设计和制作,而动效设计和制作早已成为一名合格设计师必需掌握的技能. 目前,设计师制作H5页 ...

  9. h5画布动画_使用HTML5画布制作动画的漫画面板

    h5画布动画 Continuing the comic theme I've been building over the past few weeks and inspired by the new ...

最新文章

  1. 数据解读:资本追逐的14个人工智能细分领域
  2. centos的nginx支持ssl
  3. 京东双十一助推下沉市场消费升级,“消费平级”时代提前到来
  4. [转]XNA 3.1 转换到 XNA4.0 的备忘录
  5. Azure SQL Database (23) Azure SQL Database Dynamic Data Masking动态数据掩码
  6. jdk解压版_命令行版的斗地主你玩过没?
  7. mysql手动启动1067错误_解决MySQL启动时万恶的1067错误(转)
  8. zabbix3.2通过snmp v2采集Dell服务器iDRAC口信息监控硬件
  9. [转载] c++与python 数据类型对应
  10. 物联网卡如何帮助农民提高收益
  11. 22.哈希表(HashTable)
  12. Windows操作系统知识合集
  13. HiveSQL和普通SQL的区别
  14. 复制pdf里的文字,去掉多余换行符的最简单方法(不用word不用python)
  15. 串行接口芯片16550
  16. Word删除空白页的方法
  17. excel smart流程图增加_Excel也能做出世界级的流程图,简单好用,我用1分钟就画好了...
  18. 计算广告CTR预估系列(十)--AFM模型理论与实践
  19. *转载*耶鲁大学校长给计算机学生的建议
  20. 使用广播信道的数据链路层相关知识点

热门文章

  1. 【原创】三菱QD77MS16控制伺服电机的方法
  2. Python就业:Python就业岗位职能要求解析
  3. 最后的晚餐中的秘密?----《达芬奇密码》读后
  4. 118-C语言结构体——投票器的实现
  5. Linux 休眠,挂起(待机),关机等几个命令的区别及如何实现;如何启用Ubuntu的休眠模式...
  6. 直播离“性”到底有多远? 李银河刷出新高度
  7. Win7 下 PB (PowerBuilder) Insert Control 崩溃的解决办法
  8. 三菱伺服电机定位功能怎么实现?
  9. 利用图像识别技术获取安卓手机游戏的坐标
  10. 顺丰快递 | 快递单号查询API接口